{"id":25229216,"url":"https://github.com/drunomics/vue-ganttastic","last_synced_at":"2026-02-28T15:01:15.957Z","repository":{"id":273290951,"uuid":"917618825","full_name":"drunomics/vue-ganttastic","owner":"drunomics","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-11T14:16:10.000Z","size":2872,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-02-04T08:20:00.779Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/drunomics.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null}},"created_at":"2025-01-16T10:32:10.000Z","updated_at":"2025-03-20T12:20:38.000Z","dependencies_parsed_at":"2025-01-20T02:55:45.266Z","dependency_job_id":"1d5af2ae-1ca8-42d2-8c7b-2001086d9467","html_url":"https://github.com/drunomics/vue-ganttastic","commit_stats":null,"previous_names":["drunomics/vue-ganttastic"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/drunomics/vue-ganttastic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drunomics%2Fvue-ganttastic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drunomics%2Fvue-ganttastic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drunomics%2Fvue-ganttastic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drunomics%2Fvue-ganttastic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drunomics","download_url":"https://codeload.github.com/drunomics/vue-ganttastic/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drunomics%2Fvue-ganttastic/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29938962,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T13:49:17.081Z","status":"ssl_error","status_checked_at":"2026-02-28T13:48:50.396Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":[],"created_at":"2025-02-11T10:47:35.560Z","updated_at":"2026-02-28T15:01:15.919Z","avatar_url":"https://github.com/drunomics.png","language":"JavaScript","funding_links":["https://www.paypal.com/donate","https://pics.paypal.com/00/s/MTdhMWZmNTUtOWQ1Yi00YmRjLWJjMjgtY2Y0NTNhODM0OTJl/file.PNG","https://www.paypal.com/en_AT/i/scr/pixel.gif"],"categories":[],"sub_categories":[],"readme":"This is a fork of https://github.com/zunnzunn/vue-ganttastic\n\n# Vue Ganttastic\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items:center;\"\u003e\n\u003cimg\n    src=\"https://user-images.githubusercontent.com/28678851/148047714-301f07df-4101-48b8-9e47-1f272b290e80.png\" \n    style=\"margin: 10px;\" height=\"150\"\n    alt=\"Vue Ganttastic logo\"\n/\u003e\n\n\u003cb\u003eVue Ganttastic\u003c/b\u003e is a simple, interactive and highly customizable Gantt chart component for Vue 3.\n\n![image](https://user-images.githubusercontent.com/28678851/148191571-76bd8d61-4583-4538-8c59-cc2915494890.png)\n\n\u003c/div\u003e\n\n## Features\n\n- **[Vue 3](https://v3.vuejs.org/) support**\n- **[TypeScript](https://www.typescriptlang.org/) support** _(ships with out of the box type declarations)_\n- **Interactivity** _(dynamic, movable and pushable bars)_\n- **Reactivity / Responsiveness** (_when changes occur, bars are repositioned accordingly_)\n- **Customization options** (_chart/bar styling, slots, event handlers etc._)\n\nUsing Vue 2? Check out [Vue-Ganttastic v1](https://github.com/zunnzunn/vue-ganttastic/tree/vue-ganttastic-v1).\n\n## Guide and Docs\n\nFor further guides and references, check out the [official docs](https://zunnzunn.github.io/vue-ganttastic/getting-started.html).\n\n## Quickstart\n\nInstall using\n\n```\nnpm install @infectoone/vue-ganttastic\n```\n\nThen, initalize the plugin in the starting point of your app (most likely src/main.js):\n\n```js\nimport { createApp } from \"vue\"\nimport App from \"./App.vue\"\n...\nimport ganttastic from '@infectoone/vue-ganttastic'\n...\ncreateApp(App)\n  .use(ganttastic)\n  .mount('#app')\n```\n\nThis will globally register the components g-gantt-chart and g-gantt-row and you will be able to use those two components right away.\n\n```html\n\u003ctemplate\u003e\n  \u003cg-gantt-chart\n    chart-start=\"2021-07-12 12:00\"\n    chart-end=\"2021-07-14 12:00\"\n    precision=\"hour\"\n    bar-start=\"myBeginDate\"\n    bar-end=\"myEndDate\"\n  \u003e\n    \u003cg-gantt-row label=\"My row 1\" :bars=\"row1BarList\" /\u003e\n    \u003cg-gantt-row label=\"My row 2\" :bars=\"row2BarList\" /\u003e\n  \u003c/g-gantt-chart\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\n  import { ref } from \"vue\"\n\n  const row1BarList = ref([\n    {\n      myBeginDate: \"2021-07-13 13:00\",\n      myEndDate: \"2021-07-13 19:00\",\n      ganttBarConfig: {\n        // each bar must have a nested ganttBarConfig object ...\n        id: \"unique-id-1\", // ... and a unique \"id\" property\n        label: \"Lorem ipsum dolor\"\n      }\n    }\n  ])\n  const row2BarList = ref([\n    {\n      myBeginDate: \"2021-07-13 00:00\",\n      myEndDate: \"2021-07-14 02:00\",\n      ganttBarConfig: {\n        id: \"another-unique-id-2\",\n        hasHandles: true,\n        label: \"Hey, look at me\",\n        style: {\n          // arbitrary CSS styling for your bar\n          background: \"#e09b69\",\n          borderRadius: \"20px\",\n          color: \"black\"\n        },\n        class: \"foo\" // you can also add CSS classes to your bars!\n      }\n    }\n  ])\n\u003c/script\u003e\n```\n\n## Contributing\n\nClone the project, make some changes, test your changes out, create a pull request with a short summary of what changes you made. Contributing is warmly welcomed!\n\nTo test your changes out before creating a pull request, create a build:\n\n```\nnpm run build\n```\n\nTo test out the build, you should create a tarball using:\n\n```\nnpm pack\n```\n\nThen, place the tarball in some other test project and install the package from the tarball by using:\n\n```\nnpm install \u003cname_of_the_package\u003e.tgz\n```\n\n\n## About\n\n**License** [MIT](https://choosealicense.com/licenses/mit/)  \n**Author**: Marko Žunić, BSc  \n[GitHub Repository](https://github.com/zunnzunn/vue-ganttastic)\n\n## Support the project!\n\nIn case you found the library useful, a little tip would be much appreciated!\n\n\u003cform action=\"https://www.paypal.com/donate\" method=\"post\" target=\"_top\"\u003e\n\u003cinput type=\"hidden\" name=\"hosted_button_id\" value=\"M63C8DAMV5YDJ\" /\u003e\n\u003cinput type=\"image\" src=\"https://pics.paypal.com/00/s/MTdhMWZmNTUtOWQ1Yi00YmRjLWJjMjgtY2Y0NTNhODM0OTJl/file.PNG\" border=\"0\" name=\"submit\" title=\"PayPal - The safer, easier way to pay online!\" alt=\"Donate with PayPal button\" style=\"max-width:200px\"/\u003e\n\u003cimg alt=\"\" border=\"0\" src=\"https://www.paypal.com/en_AT/i/scr/pixel.gif\" width=\"1\" height=\"1\" /\u003e\n\u003c/form\u003e\n\nBTC address:  \n![image](https://user-images.githubusercontent.com/28678851/233090745-a0a6d8a4-6df6-4b82-ac0c-90e69551786e.png)\n\n## Screenshots\n\n![image](https://user-images.githubusercontent.com/28678851/148191571-76bd8d61-4583-4538-8c59-cc2915494890.png)\n\n![image](https://user-images.githubusercontent.com/28678851/148191529-b50c0d17-bcc1-4a78-9d2c-ff2a36b03f52.png)\n\n![image](https://user-images.githubusercontent.com/28678851/148191757-a2520dce-aeed-43df-87b2-3a64e225f9e7.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrunomics%2Fvue-ganttastic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrunomics%2Fvue-ganttastic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrunomics%2Fvue-ganttastic/lists"}