{"analyzedAt":"2022-11-18T20:25:20.278Z","collected":{"metadata":{"name":"angular-gantt-schedule-timeline-calendar","scope":"unscoped","version":"1.1.22","description":"Angular version of gantt-schedule-timeline-calendar [ angular gantt, angular schedule, angular timeline, angular calendar, angular schedule timeline, angular gantt schedule, agngular booking ]","keywords":["angular gantt","gantt","schedule","timeline","calendar","gantt chart","angular schedule","angular scheduler","angular timeline","angular calendar","angular booking"],"date":"2020-03-20T13:28:23.991Z","publisher":{"username":"neuronet.io","email":"neuronet.it@gmail.com"},"maintainers":[{"username":"neuronet.io","email":"neuronet.it@gmail.com"}],"links":{"npm":"https://www.npmjs.com/package/angular-gantt-schedule-timeline-calendar"},"license":"AGPL-3.0","dependencies":{"gantt-schedule-timeline-calendar":"^2.6.8","tslib":"^1.9.0"},"peerDependencies":{"@angular/common":"^8.2.14","@angular/core":"^8.2.14"},"releases":[{"from":"2022-10-19T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":0},{"from":"2022-08-20T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":0},{"from":"2022-05-22T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":0},{"from":"2021-11-18T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":0},{"from":"2020-11-18T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":0}],"deprecated":"This library has been abandoned. An example of using the gantt-schedule-timeline-calendar component in angular environment can be found here: https://github.com/neuronetio/angular-gantt-schedule-timeline-calendar-example","readme":"
\n \n
\n\n
angular-gantt-schedule-timeline-calendar
\n\nAngular version of [gantt-schedule-timeline-calendar](https://github.com/neuronetio/gantt-schedule-timeline-calendar)\n\nDocumentation can be found on original component page at [gantt-schedule-timeline-calendar](https://github.com/neuronetio/gantt-schedule-timeline-calendar)\n\n
\n \n
\n\n## installation\n\n`npm i angular-gantt-schedule-timeline-calendar`\n\n## usage\n\nexample app can be found here [ng-gantt-schedule-timeline-calendar](https://github.com/neuronetio/ng-gantt-schedule-timeline-calendar)\n\napp.module\n\n```javascript\n/*...*/\nimport { GSTCComponent } from \"angular-gantt-schedule-timeline-calendar\";\n\n@NgModule({\n declarations: [/*...*/ GSTCComponent, /*...*/],\n /*...*/\n})\n/*...*/\n```\n\ncomponent\n\n```javascript\nimport { Component, OnInit } from \"@angular/core\";\n\n@Component({\n selector: \"your-selector\",\n template: ''\n})\nexport class YourComponent implements OnInit {\n title = \"ng-gstc-test\";\n\n config: any;\n gstcState: any;\n\n ngOnInit() {\n const iterations = 400;\n\n // GENERATE SOME ROWS\n\n const rows = {};\n for (let i = 0; i < iterations; i++) {\n const withParent = i > 0 && i % 2 === 0;\n const id = i.toString();\n rows[id] = {\n id,\n label: \"Room \" + i,\n parentId: withParent ? (i - 1).toString() : undefined,\n expanded: false\n };\n }\n\n const dayLen = 24 * 60 * 60 * 1000;\n\n // GENERATE SOME ROW -> ITEMS\n\n const items = {};\n for (let i = 0; i < iterations; i++) {\n const id = i.toString();\n const start = new Date().getTime();\n items[id] = {\n id,\n label: \"User id \" + i,\n time: {\n start: start + i * dayLen,\n end: start + (i + 2) * dayLen\n },\n rowId: id\n };\n }\n\n // LEFT SIDE LIST COLUMNS\n\n const columns = {\n percent: 100,\n resizer: {\n inRealTime: true\n },\n data: {\n label: {\n id: \"label\",\n data: \"label\",\n expander: true,\n isHtml: true,\n width: 230,\n minWidth: 100,\n header: {\n content: \"Room\"\n }\n }\n }\n };\n\n this.config = {\n height: 800,\n list: {\n rows,\n columns\n },\n chart: {\n items\n }\n };\n }\n\n // GET THE GANTT INTERNAL STATE\n\n onState(state) {\n this.gstcState = state;\n\n // YOU CAN SUBSCRIBE TO CHANGES\n\n this.gstcState.subscribe(\"config.list.rows\", rows => {\n console.log(\"rows changed\", rows);\n });\n\n this.gstcState.subscribe(\n \"config.chart.items.:id\",\n (bulk, eventInfo) => {\n if (eventInfo.type === \"update\" && eventInfo.params.id) {\n const itemId = eventInfo.params.id;\n console.log(\n `item ${itemId} changed`,\n this.gstcState.get(\"config.chart.items.\" + itemId)\n );\n }\n },\n { bulk: true }\n );\n }\n}\n```\n\n## license\n\nAGPL-3.0 (for non AGPL-3.0 projects you must buy commercial license - contact me at neuronet.io@gmail.com)"},"npm":{"downloads":[{"from":"2022-11-17T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":11},{"from":"2022-11-11T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":89},{"from":"2022-10-19T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":421},{"from":"2022-08-20T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":1330},{"from":"2022-05-22T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":3051},{"from":"2021-11-18T00:00:00.000Z","to":"2022-11-18T00:00:00.000Z","count":8567}],"starsCount":0},"source":{"files":{"readmeSize":3336,"testsSize":0},"outdatedDependencies":{"tslib":{"required":"^1.9.0","stable":"2.4.1","latest":"2.4.1"},"gantt-schedule-timeline-calendar":{"required":"^2.6.8","stable":"3.33.13","latest":"3.33.13"}}}},"evaluation":{"quality":{"carefulness":0,"tests":0,"health":0.5,"branding":0},"popularity":{"communityInterest":0,"downloadsCount":443.3333333333333,"downloadsAcceleration":-3.989783105022831,"dependentsCount":0},"maintenance":{"releasesFrequency":0,"commitsFrequency":0,"openIssues":0,"issuesDistribution":0}},"score":{"final":0.14041306072289236,"detail":{"quality":0.45265074228372254,"popularity":0.013193822965073158,"maintenance":0}}}
![\"logo\"](\"https://neuronet.io/screenshots/gstc9-flat-bgw-300.png\")
\n![\"gstc-logo\"](\"https://neuronet.io/screenshots/appscrn.png?uniq=1\")
\n