gantt-chart-angular 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,108 +1,102 @@
1
- ### Documentation
2
-
3
- This library is used to generate gantt chart in angular application
4
-
5
- ### Installation
6
-
7
- ```sh
8
- First we need to add gantt chart javascript file from google cdn and add in application index.html file
9
- <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
10
- ```
11
-
12
- ```sh
13
- npm install gantt-chart-angular
14
- ```
15
-
16
- ### import GanttChartAngularModule in app.module
17
-
18
- ```sh
19
- import { GanttChartAngularModule } from 'gantt-chart-angular';
20
- imports: [
21
- GanttChartAngularModule
22
- ]
23
- ```
24
-
25
- ### gantt-chart-angular library usage in our application
26
-
27
- ```sh
28
- <gantt-chart-angular [config]="config" (onClick)="clickEventHandler($event)"></gantt-chart-angular>
29
- ```
30
-
31
- ### config format in which we will pass columns and data as array
32
- ```sh
33
- config = {
34
- columns: [
35
- {type: 'string', name: 'ID', field: 'id'},
36
- {type: 'string', name: 'Name', field: 'name'},
37
- {type: 'date', name: 'Start Date', field: 'startDate'},
38
- {type: 'date', name: 'End Date', field: 'endDate'},
39
- {type: 'number', name: 'Duration', field: 'duration'},
40
- {type: 'number', name: 'Percentage Complete', field: 'percentComplete'},
41
- {type: 'string', name: 'Pending Reasons', field: 'pendingReasons'}
42
- ], data: [
43
- {
44
- id: 'setup',
45
- name: 'Angular',
46
- startDate: new Date(2021, 2, 10),
47
- endDate: new Date(2021, 2, 11),
48
- duration: 2,
49
- percentComplete: 100,
50
- pendingReasons: null
51
- }, {
52
- id: 'Start Development',
53
- name: 'Login Feature',
54
- startDate: new Date(2021, 2, 13),
55
- endDate: new Date(2021, 2, 14),
56
- duration: 2,
57
- percentComplete: 0,
58
- pendingReasons: null
59
- },{
60
- id: 'Test',
61
- name: 'Test Login Feature',
62
- startDate: new Date(2021, 2, 16),
63
- endDate: new Date(2021, 2, 17),
64
- duration: 2,
65
- percentComplete: 0,
66
- pendingReasons: null
67
- }, {
68
- id: 'Deploy',
69
- name: 'Deploy to server',
70
- startDate: new Date(2021, 2, 18),
71
- endDate: new Date(2021, 2, 18),
72
- duration: 1,
73
- percentComplete: 0,
74
- pendingReasons: null
75
- }
76
- ],
77
- options: {
78
- height: 275,
79
- gantt: {
80
- criticalPathEnabled: false,
81
- innerGridHorizLine: {
82
- stroke: '#ffe0b2',
83
- strokeWidth: 2
84
- },
85
- innerGridTrack: {fill: '#fff3e0'},
86
- innerGridDarkTrack: {fill: '#ffcc80'}
87
- }
88
- }
89
- };
90
- ```
91
-
92
- ### Inputs
93
-
94
- | Input | Type | Required/Optional | Uses |
95
- | ------ | ------ | ------ | ------ |
96
- | config | object | required | configuration including chart columns, data and options like chart style |
97
-
98
- ### Events
99
-
100
- | Output | Uses |
101
- | ------ | ------ |
102
- | onClick | Emitter will trigger when user click on any particular row and return information of clicked row|
103
-
104
- ### LICENSE
105
- MIT
106
-
107
- ### Author
108
- Ashish K
1
+ ### Documentation
2
+
3
+ This library is used to generate gantt chart in angular application
4
+
5
+ ### Installation
6
+
7
+ ```sh
8
+ First we need to add gantt chart javascript file from google cdn and add in application index.html file
9
+ <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
10
+ ```
11
+
12
+ ```sh
13
+ npm install gantt-chart-angular
14
+ ```
15
+
16
+ ### import GanttChartAngularModule in app.module
17
+
18
+ ```sh
19
+ import { GanttChartAngularModule } from 'gantt-chart-angular';
20
+ imports: [
21
+ GanttChartAngularModule
22
+ ]
23
+ ```
24
+
25
+ ### gantt-chart-angular library usage in our application
26
+
27
+ ```sh
28
+ <gantt-chart-angular [config]="config" (onClick)="clickEventHandler($event)"></gantt-chart-angular>
29
+ ```
30
+
31
+ ### config format in which we will pass columns and data as array
32
+ ```sh
33
+ config = {
34
+ columns: [
35
+ {type: 'string', name: 'ID', field: 'id'},
36
+ {type: 'string', name: 'Name', field: 'name'},
37
+ {type: 'date', name: 'Start Date', field: 'startDate'},
38
+ {type: 'date', name: 'End Date', field: 'endDate'},
39
+ {type: 'number', name: 'Duration', field: 'duration'},
40
+ {type: 'number', name: 'Percentage Complete', field: 'percentComplete'},
41
+ {type: 'string', name: 'Pending Reasons', field: 'pendingReasons'}
42
+ ], data: [
43
+ {
44
+ id: 'setup',
45
+ name: 'Angular',
46
+ startDate: new Date(2021, 2, 10),
47
+ endDate: new Date(2021, 2, 11),
48
+ duration: 2,
49
+ percentComplete: 100,
50
+ pendingReasons: null
51
+ }, {
52
+ id: 'Start Development',
53
+ name: 'Login Feature',
54
+ startDate: new Date(2021, 2, 13),
55
+ endDate: new Date(2021, 2, 14),
56
+ duration: 2,
57
+ percentComplete: 0,
58
+ pendingReasons: null
59
+ },{
60
+ id: 'Test',
61
+ name: 'Test Login Feature',
62
+ startDate: new Date(2021, 2, 16),
63
+ endDate: new Date(2021, 2, 17),
64
+ duration: 2,
65
+ percentComplete: 0,
66
+ pendingReasons: null
67
+ }, {
68
+ id: 'Deploy',
69
+ name: 'Deploy to server',
70
+ startDate: new Date(2021, 2, 18),
71
+ endDate: new Date(2021, 2, 18),
72
+ duration: 1,
73
+ percentComplete: 0,
74
+ pendingReasons: null
75
+ }
76
+ ],
77
+ options: {
78
+ height: 275,
79
+ gantt: {
80
+ criticalPathEnabled: false,
81
+ innerGridHorizLine: {
82
+ stroke: '#ffe0b2',
83
+ strokeWidth: 2
84
+ },
85
+ innerGridTrack: {fill: '#fff3e0'},
86
+ innerGridDarkTrack: {fill: '#ffcc80'}
87
+ }
88
+ }
89
+ };
90
+ ```
91
+
92
+ ### Inputs
93
+
94
+ | Input | Type | Required/Optional | Uses |
95
+ | ------ | ------ | ------ | ------ |
96
+ | config | object | required | configuration including chart columns, data and options like chart style |
97
+
98
+ ### Events
99
+
100
+ | Output | Uses |
101
+ | ------ | ------ |
102
+ | onClick | Emitter will trigger when user click on any particular row and return information of clicked row|
@@ -0,0 +1,106 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Injectable, EventEmitter, Component, Output, Input, ViewChild, NgModule } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+
5
+ class GanttChartAngularService {
6
+ constructor() { }
7
+ static { this.ɵfac = function GanttChartAngularService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularService)(); }; }
8
+ static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GanttChartAngularService, factory: GanttChartAngularService.ɵfac, providedIn: 'root' }); }
9
+ }
10
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularService, [{
11
+ type: Injectable,
12
+ args: [{
13
+ providedIn: 'root'
14
+ }]
15
+ }], () => [], null); })();
16
+
17
+ const _c0 = ["chartContainer"];
18
+ class GanttChartAngularComponent {
19
+ constructor() {
20
+ this.config = {};
21
+ this.onClick = new EventEmitter();
22
+ }
23
+ ngOnInit() {
24
+ setTimeout(() => {
25
+ this.generateChart();
26
+ }, 1000);
27
+ }
28
+ /**
29
+ * generate chart
30
+ */
31
+ generateChart() {
32
+ google.charts.load('current', { 'packages': ['gantt'] });
33
+ google.charts.setOnLoadCallback(() => {
34
+ const data = new google.visualization.DataTable();
35
+ if (this.config && this.config.columns && this.config.columns.length) {
36
+ this.config.columns.forEach(col => {
37
+ data.addColumn(col.type, col.name);
38
+ });
39
+ }
40
+ const temp = [];
41
+ if (this.config && this.config.data && this.config.data.length) {
42
+ this.config.data.forEach(rowData => {
43
+ const rowsData = [];
44
+ this.config.columns.forEach(col => {
45
+ rowsData.push(rowData[col.field]);
46
+ });
47
+ temp.push(rowsData);
48
+ });
49
+ data.addRows(temp);
50
+ }
51
+ const options = this.config.options;
52
+ const chart = new google.visualization.Gantt(this.chartContainer.nativeElement);
53
+ chart.draw(data, options);
54
+ google.visualization.events.addListener(chart, 'select', () => {
55
+ const selection = chart.getSelection();
56
+ this.onClick.emit({ selectedRow: selection[0] });
57
+ });
58
+ });
59
+ }
60
+ static { this.ɵfac = function GanttChartAngularComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularComponent)(); }; }
61
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GanttChartAngularComponent, selectors: [["gantt-chart-angular"]], viewQuery: function GanttChartAngularComponent_Query(rf, ctx) { if (rf & 1) {
62
+ i0.ɵɵviewQuery(_c0, 5);
63
+ } if (rf & 2) {
64
+ let _t;
65
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartContainer = _t.first);
66
+ } }, inputs: { config: "config" }, outputs: { onClick: "onClick" }, decls: 2, vars: 0, consts: [["chartContainer", ""]], template: function GanttChartAngularComponent_Template(rf, ctx) { if (rf & 1) {
67
+ i0.ɵɵelement(0, "div", null, 0);
68
+ } }, dependencies: [CommonModule], encapsulation: 2 }); }
69
+ }
70
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularComponent, [{
71
+ type: Component,
72
+ args: [{ selector: 'gantt-chart-angular', standalone: true, imports: [CommonModule], template: "<div #chartContainer></div>\r\n" }]
73
+ }], () => [], { chartContainer: [{
74
+ type: ViewChild,
75
+ args: ["chartContainer"]
76
+ }], config: [{
77
+ type: Input
78
+ }], onClick: [{
79
+ type: Output
80
+ }] }); })();
81
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GanttChartAngularComponent, { className: "GanttChartAngularComponent", filePath: "lib/gantt-chart-angular.component.ts", lineNumber: 12 }); })();
82
+
83
+ class GanttChartAngularModule {
84
+ static { this.ɵfac = function GanttChartAngularModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularModule)(); }; }
85
+ static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: GanttChartAngularModule }); }
86
+ static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, GanttChartAngularComponent] }); }
87
+ }
88
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularModule, [{
89
+ type: NgModule,
90
+ args: [{
91
+ imports: [CommonModule, GanttChartAngularComponent],
92
+ exports: [GanttChartAngularComponent]
93
+ }]
94
+ }], null, null); })();
95
+ (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(GanttChartAngularModule, { imports: [CommonModule, GanttChartAngularComponent], exports: [GanttChartAngularComponent] }); })();
96
+
97
+ /*
98
+ * Public API Surface of gantt-chart-angular
99
+ */
100
+
101
+ /**
102
+ * Generated bundle index. Do not edit.
103
+ */
104
+
105
+ export { GanttChartAngularComponent, GanttChartAngularModule, GanttChartAngularService };
106
+ //# sourceMappingURL=gantt-chart-angular.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gantt-chart-angular.mjs","sources":["../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.service.ts","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.component.ts","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.component.html","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.module.ts","../../../projects/gantt-chart-angular/src/public-api.ts","../../../projects/gantt-chart-angular/src/gantt-chart-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class GanttChartAngularService {\r\n\r\n constructor() { }\r\n}\r\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\ndeclare var google: any;\r\n\r\n@Component({\r\n selector: 'gantt-chart-angular',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './gantt-chart-angular.component.html',\r\n styleUrls: ['gantt-chart-angular.component.css']\r\n})\r\nexport class GanttChartAngularComponent implements OnInit {\r\n\r\n @ViewChild(\"chartContainer\") chartContainer: ElementRef;\r\n @Input() config: any = {};\r\n @Output() onClick = new EventEmitter();\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n setTimeout(() => {\r\n this.generateChart();\r\n }, 1000);\r\n }\r\n\r\n /**\r\n * generate chart\r\n */\r\n private generateChart() {\r\n google.charts.load('current', {'packages':['gantt']});\r\n google.charts.setOnLoadCallback(() => {\r\n const data = new google.visualization.DataTable();\r\n\r\n if (this.config && this.config.columns && this.config.columns.length) {\r\n this.config.columns.forEach(col => {\r\n data.addColumn(col.type, col.name);\r\n });\r\n }\r\n const temp = [];\r\n if (this.config && this.config.data && this.config.data.length) {\r\n this.config.data.forEach(rowData => {\r\n const rowsData = [];\r\n this.config.columns.forEach(col => {\r\n rowsData.push(rowData[col.field]);\r\n });\r\n temp.push(rowsData);\r\n });\r\n data.addRows(temp);\r\n }\r\n const options = this.config.options;\r\n \r\n const chart = new google.visualization.Gantt(this.chartContainer.nativeElement);\r\n chart.draw(data, options);\r\n google.visualization.events.addListener(chart, 'select', () => {\r\n const selection = chart.getSelection();\r\n this.onClick.emit({selectedRow: selection[0]});\r\n });\r\n });\r\n }\r\n\r\n}\r\n","<div #chartContainer></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GanttChartAngularComponent } from './gantt-chart-angular.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, GanttChartAngularComponent],\r\n exports: [GanttChartAngularComponent]\r\n})\r\nexport class GanttChartAngularModule { }\r\n","/*\r\n * Public API Surface of gantt-chart-angular\r\n */\r\n\r\nexport * from './lib/gantt-chart-angular.service';\r\nexport * from './lib/gantt-chart-angular.component';\r\nexport { GanttChartAngularModule } from './lib/gantt-chart-angular.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="gantt-chart-angular" />
5
+ export * from './public-api';
@@ -1,12 +1,15 @@
1
- import { ElementRef, EventEmitter, OnInit } from '@angular/core';
2
- export declare class GanttChartAngularComponent implements OnInit {
3
- chartContainer: ElementRef;
4
- config: any;
5
- onClick: EventEmitter<any>;
6
- constructor();
7
- ngOnInit(): void;
8
- /**
9
- * generate chart
10
- */
11
- private generateChart;
12
- }
1
+ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class GanttChartAngularComponent implements OnInit {
4
+ chartContainer: ElementRef;
5
+ config: any;
6
+ onClick: EventEmitter<any>;
7
+ constructor();
8
+ ngOnInit(): void;
9
+ /**
10
+ * generate chart
11
+ */
12
+ private generateChart;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularComponent, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<GanttChartAngularComponent, "gantt-chart-angular", never, { "config": { "alias": "config"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
15
+ }
@@ -1,2 +1,8 @@
1
- export declare class GanttChartAngularModule {
2
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "./gantt-chart-angular.component";
4
+ export declare class GanttChartAngularModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<GanttChartAngularModule, never, [typeof i1.CommonModule, typeof i2.GanttChartAngularComponent], [typeof i2.GanttChartAngularComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<GanttChartAngularModule>;
8
+ }
@@ -1,3 +1,6 @@
1
- export declare class GanttChartAngularService {
2
- constructor();
3
- }
1
+ import * as i0 from "@angular/core";
2
+ export declare class GanttChartAngularService {
3
+ constructor();
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularService, never>;
5
+ static ɵprov: i0.ɵɵInjectableDeclaration<GanttChartAngularService>;
6
+ }
package/package.json CHANGED
@@ -1,24 +1,15 @@
1
1
  {
2
2
  "name": "gantt-chart-angular",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "peerDependencies": {
5
- "@angular/common": "^9.1.13",
6
- "@angular/core": "^9.1.13"
5
+ "@angular/common": "^19.0.0",
6
+ "@angular/core": "^19.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^1.10.0"
10
10
  },
11
11
  "keywords": [
12
12
  "angular",
13
- "angular 2",
14
- "angular 4",
15
- "angular 5",
16
- "angular 6",
17
- "angular 7",
18
- "angular 8",
19
- "angular 9",
20
- "angular 10",
21
- "angular 11",
22
13
  "gantt chart",
23
14
  "angular gantt chart",
24
15
  "angular gantt charts",
@@ -26,14 +17,16 @@
26
17
  "gantt charts angular"
27
18
  ],
28
19
  "license": "MIT",
29
- "main": "bundles/gantt-chart-angular.umd.js",
30
- "module": "fesm5/gantt-chart-angular.js",
31
- "es2015": "fesm2015/gantt-chart-angular.js",
32
- "esm5": "esm5/gantt-chart-angular.js",
33
- "esm2015": "esm2015/gantt-chart-angular.js",
34
- "fesm5": "fesm5/gantt-chart-angular.js",
35
- "fesm2015": "fesm2015/gantt-chart-angular.js",
36
- "typings": "gantt-chart-angular.d.ts",
37
- "metadata": "gantt-chart-angular.metadata.json",
20
+ "module": "fesm2022/gantt-chart-angular.mjs",
21
+ "typings": "index.d.ts",
22
+ "exports": {
23
+ "./package.json": {
24
+ "default": "./package.json"
25
+ },
26
+ ".": {
27
+ "types": "./index.d.ts",
28
+ "default": "./fesm2022/gantt-chart-angular.mjs"
29
+ }
30
+ },
38
31
  "sideEffects": false
39
- }
32
+ }
package/public-api.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './lib/gantt-chart-angular.service';
2
- export * from './lib/gantt-chart-angular.component';
3
- export * from './lib/gantt-chart-angular.module';
1
+ export * from './lib/gantt-chart-angular.service';
2
+ export * from './lib/gantt-chart-angular.component';
3
+ export { GanttChartAngularModule } from './lib/gantt-chart-angular.module';