@syncfusion/ej2-angular-schedule 31.1.17 → 31.1.20

package/schematics/generators/schedule-time-scale/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "schedule-time-scale",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "schedule-time-scale"
+}

package/schematics/generators/schedule-time-scale/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/schedule-timeline-grouping/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/schedule-timeline-grouping/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/schedule-timeline-grouping/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/schedule-timeline-grouping/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/schedule-timeline-grouping/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'schedule';
+exports.sampleName = 'timeline-grouping';
+exports.diModules = 'TimelineViewsService,TimelineMonthService,ResizeService,DragAndDropService';
+exports.packageName = '@syncfusion/ej2-angular-schedule';
+exports.libModules = 'ScheduleModule';

package/schematics/generators/schedule-timeline-grouping/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'schedule';
+export const sampleName: string = 'timeline-grouping';
+export const diModules: string =  'TimelineViewsService,TimelineMonthService,ResizeService,DragAndDropService';
+export const packageName: string = '@syncfusion/ej2-angular-schedule';
+export const libModules: string = 'ScheduleModule';

package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,6 @@
+.timeline-resource-grouping.e-schedule:not(.e-device) .e-agenda-view .e-content-wrap table td:first-child {
+    width: 90px;
+}
+.timeline-resource-grouping.e-schedule .e-agenda-view .e-resource-column {
+    width: 100px;
+}

package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,23 @@
+<div class="control-section">
+    <div class="col-lg-12 content-wrapper">
+        <ejs-schedule #scheduleObj width='100%' cssClass='timeline-resource-grouping' height='650px' [selectedDate]="selectedDate"
+            [group]="group" [eventSettings]="eventSettings">
+            <e-resources>
+                <e-resource field='RoomId' title='Choose Project' [dataSource]='roomDataSource' [allowMultiple]='allowMultiple' name='Room'
+                    textField='text' idField='id' colorField='color'>
+                </e-resource>
+                <e-resource field='OwnerId' title='Category' [dataSource]='ownerDataSource' [allowMultiple]='allowMultiple' name='Owner'
+                    textField='text' idField='id' groupIDField="groupId" colorField='color'>
+                </e-resource>
+            </e-resources>
+            <e-views>
+                <e-view option="TimelineDay"></e-view>
+                <e-view option="TimelineWeek"></e-view>
+                <e-view option="TimelineWorkWeek"></e-view>
+                <e-view option="TimelineMonth"></e-view> 
+            </e-views>
+        </ejs-schedule>
+    </div>
+  </div>
+  
+  

package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,39 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import { extend } from '@syncfusion/ej2-base';
+import {
+    TimelineViewsService, AgendaService, GroupModel, EventSettingsModel, ResizeService, DragAndDropService
+} from '@syncfusion/ej2-angular-schedule';
+import { timelineResourceData } from './assets/datasource';
+
+/**
+ * Timeline grouping sample
+ */
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'], 
+})
+
+export class <%= classify(name) %>Component {
+   public selectedDate: Date = new Date(2018, 6, 30);
+    public group: GroupModel = {
+        byGroupID: true,
+        resources: ['Room', 'Owner']
+    };
+    public roomDataSource: Object[] = [
+        { text: 'ROOM 1', id: 1, color: '#cb6bb2' },
+        { text: 'ROOM 2', id: 2, color: '#56ca85' }
+    ];
+    public ownerDataSource: Object[] = [
+        { text: 'Nancy', id: 1, groupId: 1, color: '#ffaa00' },
+        { text: 'Steven', id: 2, groupId: 1, color: '#f8a398' },
+        { text: 'Michael', id: 3, groupId: 1, color: '#51a0ed' },
+        { text: 'Janet', id: 4, groupId: 2, color: '#51a0ed' },
+        { text: 'Milan', id: 5, groupId: 2, color: '#99ff99' },
+    ];
+    public allowMultiple: Boolean = true;
+    public eventSettings: EventSettingsModel = {
+        dataSource: timelineResourceData
+    };
+}

package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts

@@ -0,0 +1,92 @@
+
+export let timelineResourceData: Object[] = [
+    {
+        Id: 1,
+        Subject: 'Board Meeting',
+        Description: 'Meeting to discuss business goal of 2018.',
+        StartTime: new Date(2018, 6, 30, 9, 0),
+        EndTime: new Date(2018, 6, 30, 11, 0),
+        RoomId: 1,
+        OwnerId: 1
+    },
+    {
+        Id: 2,
+        Subject: 'Training session on JSP',
+        Description: 'Knowledge sharing on JSP topics.',
+        StartTime: new Date(2018, 6, 30, 16, 0),
+        EndTime: new Date(2018, 6, 30, 18, 0),
+        RoomId: 1,
+        OwnerId: 2
+    },
+    {
+        Id: 3,
+        Subject: 'Sprint Planning with Team members',
+        Description: 'Planning tasks for sprint.',
+        StartTime: new Date(2018, 6, 30, 9, 30),
+        EndTime: new Date(2018, 6, 30, 11, 0),
+        RoomId: 1,
+        OwnerId: 3
+    },
+    {
+        Id: 4,
+        Subject: 'Meeting with Client',
+        Description: 'Customer meeting to discuss features.',
+        StartTime: new Date(2018, 6, 30, 13, 0),
+        EndTime: new Date(2018, 6, 30, 16, 0),
+        RoomId: 2,
+        OwnerId: 4
+    },
+    {
+        Id: 5,
+        Subject: 'Support Meeting with Managers',
+        Description: 'Meeting to discuss support plan.',
+        StartTime: new Date(2018, 6, 30, 16, 0),
+        EndTime: new Date(2018, 6, 30, 17, 30),
+        RoomId: 2,
+        OwnerId: 5
+    },
+    {
+        Id: 6, Subject: 'Client Meeting',
+        Description: 'Meeting to discuss client requirements.',
+        StartTime: new Date(2018, 6, 30, 11, 30),
+        EndTime: new Date(2018, 6, 30, 13, 0),
+        RoomId: 1,
+        OwnerId: 1
+    },
+    {
+        Id: 7,
+        Subject: 'Appraisal Meeting',
+        Description: 'Meeting to discuss employee appraisals.',
+        StartTime: new Date(2018, 6, 30, 11, 0),
+        EndTime: new Date(2018, 6, 30, 12, 30),
+        RoomId: 1,
+        OwnerId: 2
+    },
+    {
+        Id: 8,
+        Subject: 'HR Meeting',
+        Description: 'Meeting to discuss HR plans.',
+        StartTime: new Date(2018, 6, 30, 8, 0),
+        EndTime: new Date(2018, 6, 30, 9, 0),
+        RoomId: 1,
+        OwnerId: 3
+    },
+    {
+        Id: 9,
+        Subject: 'Customer Meeting',
+        Description: 'Meeting to discuss customer reported issues.',
+        StartTime: new Date(2018, 6, 30, 10, 0),
+        EndTime: new Date(2018, 6, 30, 12, 0),
+        RoomId: 2,
+        OwnerId: 4
+    },
+    {
+        Id: 10,
+        Subject: 'Board Meeting',
+        Description: 'Meeting to discuss business plans.',
+        StartTime: new Date(2018, 6, 30, 11, 30),
+        EndTime: new Date(2018, 6, 30, 12, 0),
+        RoomId: 2,
+        OwnerId: 5
+    }
+];

package/schematics/generators/schedule-timeline-grouping/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/schedule-timeline-grouping/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/schedule-timeline-grouping/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "schedule-timeline-grouping",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "schedule-timeline-grouping"
+}

package/schematics/generators/schedule-timeline-grouping/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/schedule-timeline-views/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/schedule-timeline-views/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/schedule-timeline-views/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/schedule-timeline-views/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/schedule-timeline-views/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'schedule';
+exports.sampleName = 'timeline-views';
+exports.diModules = 'TimelineViewsService,TimelineMonthService,ResizeService,DragAndDropService';
+exports.packageName = '@syncfusion/ej2-angular-schedule';
+exports.libModules = 'ScheduleModule';

package/schematics/generators/schedule-timeline-views/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'schedule';
+export const sampleName: string = 'timeline-views';
+export const diModules: string =  'TimelineViewsService,TimelineMonthService,ResizeService,DragAndDropService';
+export const packageName: string = '@syncfusion/ej2-angular-schedule';
+export const libModules: string = 'ScheduleModule';

package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,14 @@
+<div class="control-section">
+    <div class="content-wrapper">
+        <ejs-schedule #schedule height='650px' [selectedDate]="currentDate" [eventSettings]="eventSettings" [currentView]="currentView">
+          <e-views>            
+              <e-view option="TimelineDay"></e-view>
+              <e-view option="TimelineWeek"></e-view>
+              <e-view option="TimelineWorkWeek"></e-view>
+              <e-view option="TimelineMonth"></e-view> 
+          </e-views>
+        </ejs-schedule>
+    </div> 
+  </div>
+  
+  

package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { EventSettingsModel, View} from '@syncfusion/ej2-angular-schedule';
+import { scheduleData} from './assets/datasource';
+
+/**
+ * Timeline views sample
+ */
+
+@Component({
+  selector: '<%=dasherize(selector)%>',
+  templateUrl: '<%=dasherize(name)%>.component.html',
+  styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+export class <%= classify(name) %>Component {
+    public currentDate: Date = new Date(2018, 1, 15); 
+    public currentView: View = 'TimelineWeek';
+    public eventSettings: EventSettingsModel = { dataSource: scheduleData }; 
+}