@syncfusion/ej2-angular-schedule 31.2.15 → 32.1.19

package/schematics/generators/schedule-calendar-views/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "schedule-calendar-views",
+  "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-calendar-views"
+}

package/schematics/generators/schedule-calendar-views/schema.ts

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

package/schematics/generators/schedule-horizontal-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-horizontal-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-horizontal-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-horizontal-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-horizontal-grouping/sample-details.js

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

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

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

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

@@ -0,0 +1,92 @@
+.schedule-group.e-schedule .template-wrap {
+    display: flex;
+    text-align: left;
+}
+
+.schedule-group.schedule-demo-heading {
+    font-size: 16px;
+    padding-bottom: 15px;
+    text-align: center;
+    font-weight: 500
+}
+
+.schedule-group.e-schedule .e-agenda-view .template-wrap {
+    display: table;
+    width: inherit;
+    text-align: center;
+    padding-top: 10px;
+}
+
+.schedule-group.e-schedule:not(.e-device) .e-agenda-view .e-content-wrap table td:first-child {
+    width: 110px;
+}
+
+.schedule-group.e-schedule .template-wrap .airline-image {
+    width: 30px;
+    margin-top: 15px;
+    background-repeat: no-repeat;
+}
+
+.schedule-group.e-schedule.e-device .template-wrap .airline-image {
+    margin-top: 5px;
+}
+
+.schedule-group.e-schedule .e-agenda-view .template-wrap .airline-image {
+    height: 30px;
+    margin-top: 0;
+    margin-left: 35%;
+}
+
+.schedule-group.e-schedule .e-vertical-view .e-resource-cells {
+    height: 76px;
+}
+
+.e-bigger .schedule-group.e-schedule .e-vertical-view .e-resource-cells {
+    height: 80px;
+}
+
+.schedule-group.e-schedule .template-wrap .airline-details {
+    padding-left: 15px;
+}
+
+.schedule-group.e-schedule .e-agenda-view .template-wrap .airline-details {
+    padding: 0;
+}
+
+.schedule-group.e-schedule .template-wrap .airline-details .airline-name {
+    font-size: 16px;
+    font-weight: 500;
+}
+
+.schedule-group.e-schedule.e-device .template-wrap .airline-model,
+.schedule-group.e-schedule.e-device .template-wrap .airline-seats {
+    display: none;
+}
+
+.schedule-group.e-schedule.e-device .template-wrap .airline-details .airline-name {
+    font-size: inherit;
+    font-weight: inherit;
+}
+
+.schedule-group.e-schedule .template-wrap .airline-image.airways-1 {
+    background-image: url('https://ej2.syncfusion.com/angular/demos/src/schedule/images/airways-1.svg');
+}
+
+.schedule-group.e-schedule .template-wrap .airline-image.airways-2 {
+    background-image: url('https://ej2.syncfusion.com/angular/demos/src/schedule/images/airways-2.svg');
+}
+
+.schedule-group.e-schedule .template-wrap .airline-image.airways-3 {
+    background-image: url('https://ej2.syncfusion.com/angular/demos/src/schedule/images/airways-3.svg');
+}
+
+.schedule-group.e-schedule .e-agenda-view .template-wrap .airline-model,
+.schedule-group.e-schedule .e-agenda-view .template-wrap .airline-seats {
+    display: none;
+}
+
+@media (max-width: 550px) {
+    .schedule-demo-heading {
+        font-size: 14px;
+    }
+}

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

@@ -0,0 +1,29 @@
+<div class="control-section">
+  <div class='schedule-demo-heading'>
+      Flight timings between Barcelona and Los Angeles
+  </div>
+  <ejs-schedule #scheduleObj cssClass='schedule-group' width='100%' height='550px'
+      [group]="group" [selectedDate]="selectedDate" [eventSettings]="eventSettings">
+      <ng-template #resourceHeaderTemplate let-data>
+      <div class='template-wrap'>
+              <div class="airline-image {{getAirlineImage(data)}}"></div>
+              <div class="airline-details">
+                  <div class="airline-name">{{getAirlineName(data)}}</div>
+                  <div class="airline-model">Model no: {{getAirlineModel(data)}}</div>
+                  <div class="airline-seats">No.of seats: {{getAirlineSeats(data)}}</div>
+              </div>
+          </div>
+      </ng-template>
+      <e-views>
+          <e-view option="Week"></e-view>
+          <e-view option="Month"></e-view>
+          <e-view option="Agenda"></e-view>
+      </e-views>
+      <e-resources>
+          <e-resource field='AirlineId' title='Airline Name' name='Airlines' [allowMultiple]='allowMultiple' [dataSource]='resourceDataSource'
+              textField='AirlineName' idField='AirlineId' colorField='AirlineColor'>
+          </e-resource>
+      </e-resources>
+  </ejs-schedule>
+</div>
+

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

@@ -0,0 +1,51 @@
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import {
+    EventSettingsModel, GroupModel, ResourceDetails
+} from '@syncfusion/ej2-angular-schedule';
+import { generateEvents } from './assets/datasource';
+
+/**
+ * horizontal 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, 3, 1);
+    public resourceDataSource: Object[] = [
+        { AirlineName: 'Airways 1', AirlineId: 1, AirlineColor: '#EA7A57' },
+        { AirlineName: 'Airways 2', AirlineId: 2, AirlineColor: '#357cd2' },
+        { AirlineName: 'Airways 3', AirlineId: 3, AirlineColor: '#7fa900' }
+    ];
+    public group: GroupModel = { resources: ['Airlines'] };
+    public allowMultiple: Boolean = true;
+    public eventSettings: EventSettingsModel = {
+        dataSource: generateEvents(),
+        fields: {
+            subject: { title: 'Travel Summary', name: 'Subject' },
+            location: { title: 'Source', name: 'Location' },
+            description: { title: 'Comments', name: 'Description' },
+            startTime: { title: 'Departure Time', name: 'StartTime' },
+            endTime: { title: 'Arrival Time', name: 'EndTime' }
+        }
+    };
+
+    getAirlineName(value: ResourceDetails): string {
+        return (value as ResourceDetails).resourceData[(value as ResourceDetails).resource.textField] as string;
+    }
+    getAirlineImage(value: ResourceDetails): string {
+        let airlineName: string = this.getAirlineName(value);
+        return airlineName.replace(' ', '-').toLowerCase();
+    }
+    getAirlineModel(value: ResourceDetails): string {
+        let airlineName: string = this.getAirlineName(value);
+        return (airlineName === 'Airways 1') ? 'CRJ 700' : (airlineName === 'Airways 2') ? 'Airbus A330' : 'ATR 72-600';
+    }
+    getAirlineSeats(value: ResourceDetails): number {
+        let airlineName: string = this.getAirlineName(value);
+        return (airlineName === 'Airways 1') ? 50 : (airlineName === 'Airways 2') ? 75 : 100;
+    }
+}

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

@@ -0,0 +1,25 @@
+
+export function generateEvents(): Object[] {
+        let subjectCollection: string[] = ['Barcelona to Los Angeles', 'Los Angeles to Barcelona'];
+        let collections: Object[] = [];
+        let dataCollections: number[] = [1, 2, 3];
+        let id: number = 1;
+        for (let data of dataCollections) {
+            let startDate: Date = new Date(2018, 3, 1);
+            startDate.setMilliseconds(1000 * 60 * 60 * .5 * (data - 1));
+            let lastDate: Date = new Date((+startDate) + (1000 * 60 * 60 * 24 * 30));
+            for (let date: Date = startDate; date.getTime() < lastDate.getTime(); date = new Date(date.getTime() + (1000 * 60 * 60 * 5))) {
+                let strDate: Date = new Date(+date);
+                let endDate: Date = new Date((+strDate) + (1000 * 60 * 60 * (2.5 + (0.5 * data))));
+                collections.push({
+                    Id: id,
+                    Subject: subjectCollection[id % 2],
+                    StartTime: new Date(+strDate),
+                    EndTime: new Date(+endDate),
+                    AirlineId: data
+                });
+                id += 1;
+            }
+        }
+        return collections;
+    }

package/schematics/generators/schedule-horizontal-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-horizontal-grouping/schema.js

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

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

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "schedule-horizontal-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-horizontal-grouping"
+}

package/schematics/generators/schedule-horizontal-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-time-scale/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-time-scale/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-time-scale/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-time-scale/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-time-scale/sample-details.js

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

package/schematics/generators/schedule-time-scale/sample-details.ts

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

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

@@ -0,0 +1,13 @@
+<div class="control-section">
+  <div class="col-lg-9 content-wrapper">
+      <ejs-schedule #schedule width='100%' height='650px' [timeScale]="timeScale" [selectedDate]="selectedDate" [eventSettings]="eventSettings"
+          [currentView]="currentView">
+          <e-views>
+              <e-view option="Day"></e-view>
+              <e-view option="Week"></e-view>
+              <e-view option="TimelineDay"></e-view>
+              <e-view option="TimelineWeek"></e-view>
+          </e-views>
+      </ejs-schedule>
+  </div>
+</div>

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

@@ -0,0 +1,22 @@
+import { Component, ViewChild } from '@angular/core'; 
+import {
+  ScheduleComponent, View, TimeScaleModel, EventSettingsModel
+}  from '@syncfusion/ej2-angular-schedule';
+import { scheduleData } from './assets/datasource';
+
+/**
+ * time scale 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, 1, 15);
+    public timeScale: TimeScaleModel = { enable: true, interval: 60, slotCount: 6 };
+    public eventSettings: EventSettingsModel = { dataSource: scheduleData};
+    public currentView: View = 'Week'; 
+}

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

@@ -0,0 +1,62 @@
+export let scheduleData: Object[] = [
+    {
+        Id: 1,
+        Subject: 'Explosion of Betelgeuse Star',
+        StartTime: new Date(2018, 1, 11, 9, 30),
+        EndTime: new Date(2018, 1, 11, 11, 0),
+        CategoryColor: '#1aaa55'
+    }, {
+        Id: 2,
+        Subject: 'Thule Air Crash Report',
+        StartTime: new Date(2018, 1, 12, 12, 0),
+        EndTime: new Date(2018, 1, 12, 14, 0),
+        CategoryColor: '#357cd2'
+    }, {
+        Id: 3,
+        Subject: 'Blue Moon Eclipse',
+        StartTime: new Date(2018, 1, 13, 9, 30),
+        EndTime: new Date(2018, 1, 13, 11, 0),
+        CategoryColor: '#7fa900'
+    }, {
+        Id: 4,
+        Subject: 'Meteor Showers in 2018',
+        StartTime: new Date(2018, 1, 14, 13, 0),
+        EndTime: new Date(2018, 1, 14, 14, 30),
+        CategoryColor: '#ea7a57'
+    }, {
+        Id: 5,
+        Subject: 'Milky Way as Melting pot',
+        StartTime: new Date(2018, 1, 15, 12, 0),
+        EndTime: new Date(2018, 1, 15, 14, 0),
+        CategoryColor: '#00bdae'
+    }, {
+        Id: 6,
+        Subject: 'Mysteries of Bermuda Triangle',
+        StartTime: new Date(2018, 1, 15, 9, 30),
+        EndTime: new Date(2018, 1, 15, 11, 0),
+        CategoryColor: '#f57f17'
+    }, {
+        Id: 7,
+        Subject: 'Glaciers and Snowflakes',
+        StartTime: new Date(2018, 1, 16, 11, 0),
+        EndTime: new Date(2018, 1, 16, 12, 30),
+        CategoryColor: '#1aaa55'
+    }, {
+        Id: 8,
+        Subject: 'Life on Mars',
+        StartTime: new Date(2018, 1, 17, 9, 0),
+        EndTime: new Date(2018, 1, 17, 10, 0),
+        CategoryColor: '#357cd2'
+    }, {
+        Id: 9,
+        Subject: 'Alien Civilization',
+        StartTime: new Date(2018, 1, 19, 11, 0),
+        EndTime: new Date(2018, 1, 19, 13, 0),
+        CategoryColor: '#7fa900'
+    }, {
+        Id: 10,
+        Subject: 'Wildlife Galleries',
+        StartTime: new Date(2018, 1, 21, 11, 0),
+        EndTime: new Date(2018, 1, 21, 13, 0),
+        CategoryColor: '#ea7a57'
+    }];