{"id":28099207,"url":"https://github.com/stadgent/vue_webcomponent_odp-search","last_synced_at":"2025-05-13T17:59:51.966Z","repository":{"id":41652922,"uuid":"336213969","full_name":"StadGent/vue_webcomponent_odp-search","owner":"StadGent","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-21T10:46:51.000Z","size":7770,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-02-21T11:37:49.915Z","etag":null,"topics":["d09check22","lod","vue","web"],"latest_commit_sha":null,"homepage":"https://stadgent.github.io/vue_webcomponent_odp-search/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StadGent.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-05T08:46:09.000Z","updated_at":"2025-02-21T10:46:56.000Z","dependencies_parsed_at":"2024-09-14T02:55:59.328Z","dependency_job_id":"d56eb58a-2187-427c-a0f0-54777e3a0c9a","html_url":"https://github.com/StadGent/vue_webcomponent_odp-search","commit_stats":null,"previous_names":[],"tags_count":40,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StadGent%2Fvue_webcomponent_odp-search","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StadGent%2Fvue_webcomponent_odp-search/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StadGent%2Fvue_webcomponent_odp-search/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StadGent%2Fvue_webcomponent_odp-search/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StadGent","download_url":"https://codeload.github.com/StadGent/vue_webcomponent_odp-search/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254000437,"owners_count":21997434,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["d09check22","lod","vue","web"],"created_at":"2025-05-13T17:59:51.412Z","updated_at":"2025-05-13T17:59:51.946Z","avatar_url":"https://github.com/StadGent.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"A generic search component.\n*please have a look at our demo's*\n\n* [Full featured](./demo/full.html)\n* [No images, no map](./demo/no-image.html)\n* [Minimal](./demo/minimal.html)\n* [Try it out with a real dataset](./demo/index.html)\n\n## Limitations\n\nMax 1000 items in dataset. OdpMasterDetail:155\n\n## Project setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn serve\n```\n\n### Compiles and minifies for production\n```\nyarn build\n```\n\n### Lints and fixes files\n```\nyarn lint\n```\n\n## Properties\n\n### Source\n\n* type: String\n* default: 'https://data.stad.gent/api/records/1.0/search/?dataset='\n\n### dataset\n\n* type: String\n* *required: true*\n\n### query\n\n* type: String\n* default: 'Zoek op trefwoord'\n\nDefines the label of the text input field.\n\n### horizontal\n\n* type: Boolean\n* default: false\n\nDetermines if the teasers are rendered in a grid or as a stacked column.\n\n### formFields\n\n* type: Array as PropType\u003cFormField[]\u003e\n* default: () =\u003e []\n\n### sort\n\n* type: String\n\n### random\n\n* type: Boolean\n* default: false\n\n### theme\n\ntype: String\ndefault: 'cs--cyan'\n\n## Events\n\nThis component throws events on filter and on opening a detail.  \nThese can be catched and passed on the Google Tag Manager.\n\n[More information on passing custom events to GTM](https://www.simoahava.com/analytics/track-interactions-in-shadow-dom-google-tag-manager/)\n\nFor example:\n\n```js\nodpSearch.addEventListener('filter', sendToGTM)\nodpSearch.addEventListener('detail', sendToGTM)\n\nfunction sendToGTM(e) {\n    if (window.dataLayer) {\n      window.dataLayer.push({\n        event: 'custom_event_' + e.type,\n        custom_event: {\n          detail: e.detail[0]\n        }\n      })\n    }\n}\n```\n\n## Types\n\n### FormField \n\n```ts\nexport interface FormField {\n  type?: string;\n  label: string;\n  column: string;\n  value?: string;\n  options: [{ name: string; value: string } | string];\n}\n```\n\n### Return value of the source\n\n```ts\nexport interface Dataset {\n  nhits: number;\n  parameters: { [key: string]: string };\n  records: {\n    recordid: string;\n    fields: Row;\n  }[];\n}\n```\n\n### One row in the dataset\n\n```ts\nexport interface Row {\ntitel: string;\n  recordid: string;\n  teaser_text: string;\n  teaser_img_url?: string;\n  label_1?: string;\n  label_2?: string;\n  label1hidden?: string;\n  label2hidden?: string;\n  tag_1?: string;\n  tag_2?: string;\n  tag_3?: string;\n  tag1hidden?: string;\n  tag2hidden?: string;\n  tag3hidden?: string;\n  adres?: string;\n  telefoon?: string;\n  email?: string;\n  lees_meer?: string;\n  beschrijving?: string;\n  postcode?: string;\n  gemeente?: string;\n  coordinates?: string;\n  website?: string;\n  image_url?: string;\n  openingsuren?: string;\n}\n```\n\n**Coordinates are expected as comma separated string in EPSG:4326 web-mercator** cfr: '410456.8852, 6633842.\n9202' (internally this is converted to EPSG:3857)\n**tag_1, tag_2 and tag_3 can be a comma separated strings, resulting in multiple tags per category**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstadgent%2Fvue_webcomponent_odp-search","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstadgent%2Fvue_webcomponent_odp-search","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstadgent%2Fvue_webcomponent_odp-search/lists"}