angular-gantt-schedule-timeline-calendar - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

package.json

 {
   "name": "angular-gantt-schedule-timeline-calendar",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "license": "AGPL-3.0",
@@ -5,0 +5,0 @@ "scripts": {

projects/angular-gantt-schedule-timeline-calendar/package.json

 {
   "name": "angular-gantt-schedule-timeline-calendar",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "peerDependencies": {
@@ -12,3 +12,3 @@ "@angular/common": "^8.2.14",
   "license": "AAGPL-3.0",
-  "description": "Angular version of gantt-schedule-timeline-calendar [ angular gantt, angular schedule, angular timeline, angular calendar, angular schedule timeline, angular gantt schedule ]",
+  "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": [
@@ -15,0 +15,0 @@ "angular gantt",

projects/angular-gantt-schedule-timeline-calendar/README.md

@@ -1,24 +0,149 @@
-# AngularGanttScheduleTimelineCalendar
+<p align="center">
+  <img src="https://neuronet.io/screenshots/gstc9-flat-bgw-300.png" alt="logo">
+</p>
+<hr />
+<h1 align="center">angular-gantt-schedule-timeline-calendar</h1>
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
+Angular version of [gantt-schedule-timeline-calendar](https://github.com/neuronetio/gantt-schedule-timeline-calendar)
 
-## Code scaffolding
+Documentation can be found on original component page at [gantt-schedule-timeline-calendar](https://github.com/neuronetio/gantt-schedule-timeline-calendar)
 
-Run `ng generate component component-name --project angular-gantt-schedule-timeline-calendar` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-gantt-schedule-timeline-calendar`.
-> Note: Don't forget to add `--project angular-gantt-schedule-timeline-calendar` or else it will be added to the default project in your `angular.json` file. 
+<p align="center">
+  <img src="https://neuronet.io/screenshots/appscrn.png?uniq=1" alt="gstc-logo">
+</p>
 
-## Build
+## installation
 
-Run `ng build angular-gantt-schedule-timeline-calendar` to build the project. The build artifacts will be stored in the `dist/` directory.
+`npm i angular-gantt-schedule-timeline-calendar`
 
-## Publishing
+## usage
 
-After building your library with `ng build angular-gantt-schedule-timeline-calendar`, go to the dist folder `cd dist/angular-gantt-schedule-timeline-calendar` and run `npm publish`.
+app.module
 
-## Running unit tests
+```javascript
+/*...*/
+import { GSTCComponent } from "angular-gantt-schedule-timeline-calendar";
 
-Run `ng test angular-gantt-schedule-timeline-calendar` to execute the unit tests via [Karma](https://karma-runner.github.io).
+@NgModule({
+  declarations: [/*...*/ GSTCComponent, /*...*/],
+  /*...*/
+})
+/*...*/
+```
 
-## Further help
+component
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+```javascript
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "your-selector",
+  template: '<gstc [config]="config" [onState]="onState"></gstc>'
+})
+export class YourComponent implements OnInit {
+  title = "ng-gstc-test";
+
+  config: any;
+  gstcState: any;
+
+  ngOnInit() {
+    const iterations = 400;
+
+    // GENERATE SOME ROWS
+
+    const rows = {};
+    for (let i = 0; i < iterations; i++) {
+      const withParent = i > 0 && i % 2 === 0;
+      const id = i.toString();
+      rows[id] = {
+        id,
+        label: "Room " + i,
+        parentId: withParent ? (i - 1).toString() : undefined,
+        expanded: false
+      };
+    }
+
+    const dayLen = 24 * 60 * 60 * 1000;
+
+    // GENERATE SOME ROW -> ITEMS
+
+    const items = {};
+    for (let i = 0; i < iterations; i++) {
+      const id = i.toString();
+      const start = new Date().getTime();
+      items[id] = {
+        id,
+        label: "User id " + i,
+        time: {
+          start: start + i * dayLen,
+          end: start + (i + 2) * dayLen
+        },
+        rowId: id
+      };
+    }
+
+    // LEFT SIDE LIST COLUMNS
+
+    const columns = {
+      percent: 100,
+      resizer: {
+        inRealTime: true
+      },
+      data: {
+        label: {
+          id: "label",
+          data: "label",
+          expander: true,
+          isHtml: true,
+          width: 230,
+          minWidth: 100,
+          header: {
+            content: "Room"
+          }
+        }
+      }
+    };
+
+    this.config = {
+      height: 800,
+      list: {
+        rows,
+        columns
+      },
+      chart: {
+        items
+      }
+    };
+  }
+
+  // GET THE GANTT INTERNAL STATE
+
+  onState(state) {
+    this.gstcState = state;
+
+    // YOU CAN SUBSCRIBE TO CHANGES
+
+    this.gstcState.subscribe("config.list.rows", rows => {
+      console.log("rows changed", rows);
+    });
+
+    this.gstcState.subscribe(
+      "config.chart.items.:id",
+      (bulk, eventInfo) => {
+        if (eventInfo.type === "update" && eventInfo.params.id) {
+          const itemId = eventInfo.params.id;
+          console.log(
+            `item ${itemId} changed`,
+            this.gstcState.get("config.chart.items." + itemId)
+          );
+        }
+      },
+      { bulk: true }
+    );
+  }
+}
+```
+
+## license
+
+AGPL-3.0 (for non AGPL-3.0 projects you must buy commercial license - contact me at [e-mail])

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

52053

increased by3.9%

No dependency changes