{"id":15506363,"url":"https://github.com/simply007/kontent-custom-element-type-selector","last_synced_at":"2025-09-09T03:32:06.399Z","repository":{"id":38277073,"uuid":"280382832","full_name":"Simply007/kontent-custom-element-type-selector","owner":"Simply007","description":"Custom element for Kentico Kontent serving for content type selection.","archived":false,"fork":false,"pushed_at":"2023-04-25T10:41:08.000Z","size":4343,"stargazers_count":2,"open_issues_count":30,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T07:41:19.457Z","etag":null,"topics":["kontent-ai","kontent-ai-integration"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Simply007.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-07-17T09:25:13.000Z","updated_at":"2023-06-22T20:35:57.000Z","dependencies_parsed_at":"2024-10-27T15:15:30.528Z","dependency_job_id":"3b659bab-c829-4549-9e23-7d50498f5028","html_url":"https://github.com/Simply007/kontent-custom-element-type-selector","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":"ChristopherJennings/kontent-custom-element-vue-template","purl":"pkg:github/Simply007/kontent-custom-element-type-selector","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simply007%2Fkontent-custom-element-type-selector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simply007%2Fkontent-custom-element-type-selector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simply007%2Fkontent-custom-element-type-selector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simply007%2Fkontent-custom-element-type-selector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Simply007","download_url":"https://codeload.github.com/Simply007/kontent-custom-element-type-selector/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simply007%2Fkontent-custom-element-type-selector/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274238705,"owners_count":25247110,"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","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["kontent-ai","kontent-ai-integration"],"created_at":"2024-10-02T09:27:08.015Z","updated_at":"2025-09-09T03:32:06.020Z","avatar_url":"https://github.com/Simply007.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Kentico Kontent type selector custom element\n\nThis [custom element](https://docs.kontent.ai/tutorials/develop-apps/integrate/integrating-your-own-content-editing-features) for [Kentico Kontent](https://kontent.ai) gives editors a way to select [content types](https://docs.kontent.ai/tutorials/manage-kontent/content-modeling/create-and-delete-content-types) from current project.\n\n![content types custom element demo](./types-selector-demo.gif)\n\n## Features\n\n- Display optional debug panel for diagnostics\n\n## Quick testing\n\nIf you're interested in trying this out without deploying it yourself, you can use [kontent-custom-element-type-selector.netlify.app](https://kontent-custom-element-type-selector.netlify.app) This is the deployed version of the master branch in this repo. **This should only be used for quick testing as it is subject to change**\n\n## Deploying\n\nNetlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your account as well.\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Simply007/kontent-custom-element-type-selector)\n\n## Configuring the Custom Element\n\nYou will need to add the custom element to a content type filling in the hosted code URL and the JSON parameters (see below for details).\n\nThe JSON parameters required as as follows:\n\n| Name     | Type   | Description |\n| -------- | ------ | ----------- |\n| debug    | boolean | (Optional) If present and set to true the debug panel will activate when editing a content item. |\n\nSample parameters JSON:\n\n```json\n{\n  \"debug\": true\n}\n```\n\n:warning: If the content type is changed, this custom element does not reflect this update in stored value. It could be extended that for every first load it updates all selected values, because the `id` stays the same.\n\n## Sample Value\n\n```json\n[\n  {\n    \"id\": \"94803853-7af8-4b63-a218-5f440c0d692c\",\n    \"name\": \"Journal\",\n    \"codename\": \"journal\",\n    \"last_modified\": \"2020-07-17T08:39:50.4370746Z\"\n  }\n]\n```\n\n## Developing\n\n### Initial project setup\n\n```console\nnpm install\n```\n\n### Compiles and hot-reloads for development\n\n```console\nnpm run serve\n```\n\n### Compiles and minifies for production\n\n```console\nnpm run build\n```\n\n### Lints and fixes files\n\n```console\nnpm run lint\n```\n\n## Example scenarios\n\nAllow users to select what types you want in your listing on the website.\n\n![content types custom element showcase](./types-selector-showcase.gif)\n\n### Customize Vue CLI configuration\n\nSee [Vue CLI Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimply007%2Fkontent-custom-element-type-selector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimply007%2Fkontent-custom-element-type-selector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimply007%2Fkontent-custom-element-type-selector/lists"}