Search results

Open Editor Window Manually in Vue Schedule component

26 Sep 2022 / 3 minutes to read

Open Editor Window externally

Scheduler allows the user to manually open the event editor on specific time or on certain events using openEditor method. To open the editor on specific range of time, user need to pass the cell details as first argument and Add as second argument whereas to open it on event pass that event detail and Save as arguments. In the following code example, on clicking the respective button will open the respective editor window manually.

Source
Preview
app.vue
datasource.js
Copied to clipboard
<template>
    <div>
        <div id='app'>
            <div id='container'>
                <tr>
                    <td>
                        <div>
                            <ejs-button  v-on:click.native='onSubmit'>Click to open Editor</ejs-button>
                        </div>
                    </td>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onEventSubmit'>Click to open Event Editor</ejs-button>
                        </div>
                    </td>
                </tr>
                <br><br>
                <ejs-schedule id='Schedule' width='100%' height='500px' :eventSettings='eventSettings' :selectedDate='selectedDate'>
                    <e-views>
                        <e-view option='Day'></e-view>
                        <e-view option='Week'></e-view>
                        <e-view option='WorkWeek'></e-view>
                        <e-view option='Month'></e-view>
                    </e-views>
                </ejs-schedule>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { extend } from '@syncfusion/ej2-base';
    import { scheduleData } from './datasource.js';
    import { SchedulePlugin, Day, Week, WorkWeek, Month } from '@syncfusion/ej2-vue-schedule';
    import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
    Vue.use(ButtonPlugin);
    Vue.use(SchedulePlugin);
    export default {
        data () {
            return {
                eventSettings: { dataSource: extend([], scheduleData, null, true)  },
                selectedDate: new Date(2018, 1, 15)
            }
        },
        provide: {
            schedule: [Day, Week, WorkWeek, Month]
        },
        methods: {
            onEventSubmit: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let eventData ={
                    Id: 4,
                    Subject: 'Meteor Showers in 2018',
                    StartTime: new Date(2018, 1, 14, 13, 0),
                    EndTime: new Date(2018, 1, 14, 14, 30)
                };
                scheduleObj.openEditor(eventData,'Save');
            },
            onSubmit: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let cellData ={
                      startTime: new Date(2018, 1, 15, 10, 0),
                      endTime: new Date(2018, 1, 15, 11, 0),
                };
                scheduleObj.openEditor(cellData,'Add');
            }
        }
    }
</script>
<style>
  @import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-navigations/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-popups/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
</style>
Copied to clipboard
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.scheduleData = [
        {
            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'
        }, {
            Id: 11,
            Subject: 'Best Photography 2018',
            StartTime: new Date(2018, 1, 22, 9, 30),
            EndTime: new Date(2018, 1, 22, 11, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 12,
            Subject: 'Smarter Puppies',
            StartTime: new Date(2018, 1, 9, 10, 0),
            EndTime: new Date(2018, 1, 9, 11, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 13,
            Subject: 'Myths of Andromeda Galaxy',
            StartTime: new Date(2018, 1, 7, 10, 30),
            EndTime: new Date(2018, 1, 7, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 14,
            Subject: 'Aliens vs Humans',
            StartTime: new Date(2018, 1, 5, 10, 0),
            EndTime: new Date(2018, 1, 5, 11, 30),
            CategoryColor: '#357cd2'
        }, {
            Id: 15,
            Subject: 'Facts of Humming Birds',
            StartTime: new Date(2018, 1, 20, 9, 30),
            EndTime: new Date(2018, 1, 20, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 16,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 23, 11, 0),
            EndTime: new Date(2018, 1, 23, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 17,
            Subject: 'The Cycle of Seasons',
            StartTime: new Date(2018, 1, 12, 5, 30),
            EndTime: new Date(2018, 1, 12, 7, 30),
            CategoryColor: '#00bdae'
        }, {
            Id: 18,
            Subject: 'Space Galaxies and Planets',
            StartTime: new Date(2018, 1, 12, 17, 0),
            EndTime: new Date(2018, 1, 12, 18, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 19,
            Subject: 'Lifecycle of Bumblebee',
            StartTime: new Date(2018, 1, 15, 6, 0),
            EndTime: new Date(2018, 1, 15, 7, 30),
            CategoryColor: '#7fa900'
        }, {
            Id: 20,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 15, 16, 0),
            EndTime: new Date(2018, 1, 15, 18, 0),
            CategoryColor: '#ea7a57'
        }
    ];

});

Open editor window on single click

By default, Scheduler Editor window will open when double clicking the cells or appointments. You can also open the editor window with single click by using openEditor method in eventClick and cellClick events of scheduler and setting false to showQuickInfo. The following example shows how to open editor window on single click of cells and appointments.

Source
Preview
app.vue
datasource.js
Copied to clipboard
<template>
    <div id="app">
        <div id="container">
            <ejs-schedule ref='scheduleObj' width="100%" height="550px" :eventSettings='eventSettings' :selectedDate='selectedDate'
            :cellClick='onCellClick'
            :eventClick='onEventClick'
            :showQuickInfo='showQuickInfo'
            >
                <e-views>
                    <e-view option="Day"></e-view>
                    <e-view option="Week"></e-view>
                    <e-view option="WorkWeek"></e-view>
                    <e-view option="Month"></e-view>
                    <e-view option="Agenda"></e-view>
                </e-views>
            </ejs-schedule>
        </div>
    </div>
</template>

<script>
    import Vue from "vue";
    import { SchedulePlugin, Day, Week, WorkWeek, Month, Agenda } from "@syncfusion/ej2-vue-schedule";
    import { schedulerData } from './datasource.js';
    Vue.use(SchedulePlugin);

    export default {
        data () {
            return {
                eventSettings: {
                    dataSource: schedulerData
                },
                selectedDate: new Date(2021, 7, 15),
                showQuickInfo: false,
            }
        },
        provide: {
            schedule: [Day, Week, WorkWeek, Month, Agenda]
        },
        methods: {
            onCellClick: function(args) {
                this.$refs.scheduleObj.openEditor(args, 'Add');
            },
            onEventClick: function(args) {
               if (!(args.event as any).RecurrenceRule) {
                this.$refs.scheduleObj.openEditor(args.event, 'Save');
                }
                else {
                this.$refs.scheduleObj.quickPopup.openRecurrenceAlert();
                }
            }
        }
    }
</script>
<style>
@import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-buttons/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-calendars/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-inputs/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-navigations/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-popups/styles/material.css';
@import '../../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
</style>
Copied to clipboard
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.scheduleData = [
        {
            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'
        }, {
            Id: 11,
            Subject: 'Best Photography 2018',
            StartTime: new Date(2018, 1, 22, 9, 30),
            EndTime: new Date(2018, 1, 22, 11, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 12,
            Subject: 'Smarter Puppies',
            StartTime: new Date(2018, 1, 9, 10, 0),
            EndTime: new Date(2018, 1, 9, 11, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 13,
            Subject: 'Myths of Andromeda Galaxy',
            StartTime: new Date(2018, 1, 7, 10, 30),
            EndTime: new Date(2018, 1, 7, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 14,
            Subject: 'Aliens vs Humans',
            StartTime: new Date(2018, 1, 5, 10, 0),
            EndTime: new Date(2018, 1, 5, 11, 30),
            CategoryColor: '#357cd2'
        }, {
            Id: 15,
            Subject: 'Facts of Humming Birds',
            StartTime: new Date(2018, 1, 20, 9, 30),
            EndTime: new Date(2018, 1, 20, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 16,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 23, 11, 0),
            EndTime: new Date(2018, 1, 23, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 17,
            Subject: 'The Cycle of Seasons',
            StartTime: new Date(2018, 1, 12, 5, 30),
            EndTime: new Date(2018, 1, 12, 7, 30),
            CategoryColor: '#00bdae'
        }, {
            Id: 18,
            Subject: 'Space Galaxies and Planets',
            StartTime: new Date(2018, 1, 12, 17, 0),
            EndTime: new Date(2018, 1, 12, 18, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 19,
            Subject: 'Lifecycle of Bumblebee',
            StartTime: new Date(2018, 1, 15, 6, 0),
            EndTime: new Date(2018, 1, 15, 7, 30),
            CategoryColor: '#7fa900'
        }, {
            Id: 20,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 15, 16, 0),
            EndTime: new Date(2018, 1, 15, 18, 0),
            CategoryColor: '#ea7a57'
        }
    ];

    exports.resourceData = [
        {
            Id: 1,
            Subject: 'Workflow Analysis',
            StartTime: new Date(2018, 3, 1, 9, 30),
            EndTime: new Date(2018, 3, 1, 12, 0),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 2,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 1, 12, 30),
            EndTime: new Date(2018, 3, 1, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 3,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 2, 10, 0),
            EndTime: new Date(2018, 3, 2, 12, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 4,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 2, 13, 0),
            EndTime: new Date(2018, 3, 2, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 5,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 3, 9, 0),
            EndTime: new Date(2018, 3, 3, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 6,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 3, 14, 0),
            EndTime: new Date(2018, 3, 3, 16, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 7,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 4, 11, 15),
            EndTime: new Date(2018, 3, 4, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 8,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 4, 9, 15),
            EndTime: new Date(2018, 3, 4, 11, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 9,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 5, 9, 30),
            EndTime: new Date(2018, 3, 5, 12, 45),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 10,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 5, 13, 45),
            EndTime: new Date(2018, 3, 5, 16, 30),
            IsAllDay: false,
            OwnerId: 2
        }, {
            Id: 11,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 6, 10, 0),
            EndTime: new Date(2018, 3, 6, 12, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 12,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 6, 9, 0),
            EndTime: new Date(2018, 3, 6, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 13,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 7, 13, 0),
            EndTime: new Date(2018, 3, 7, 15, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 14,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 7, 9),
            EndTime: new Date(2018, 3, 7, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 15,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 8, 9, 45),
            EndTime: new Date(2018, 3, 8, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 16,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 8, 10, 30),
            EndTime: new Date(2018, 3, 8, 13, 0),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 17,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 9, 12),
            EndTime: new Date(2018, 3, 9, 15, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 18,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 9, 9, 0),
            EndTime: new Date(2018, 3, 9, 11, 15),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 19,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 10, 10, 10),
            EndTime: new Date(2018, 3, 10, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 20,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 10, 10, 30),
            EndTime: new Date(2018, 3, 10, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 21,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 11, 9, 30),
            EndTime: new Date(2018, 3, 11, 11, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 22,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 11, 12, 30),
            EndTime: new Date(2018, 3, 11, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 23,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 12, 10),
            EndTime: new Date(2018, 3, 12, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 24,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 12, 13),
            EndTime: new Date(2018, 3, 12, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 25,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 13, 9),
            EndTime: new Date(2018, 3, 13, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 26,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 13, 14),
            EndTime: new Date(2018, 3, 13, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 27,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 14, 11),
            EndTime: new Date(2018, 3, 14, 13),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 28,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 14, 9),
            EndTime: new Date(2018, 3, 14, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 29,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 15, 9, 30),
            EndTime: new Date(2018, 3, 15, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 30,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 15, 14),
            EndTime: new Date(2018, 3, 15, 16, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 31,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 16, 10),
            EndTime: new Date(2018, 3, 16, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 32,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 16, 9),
            EndTime: new Date(2018, 3, 16, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 33,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 17, 14),
            EndTime: new Date(2018, 3, 17, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 34,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 17, 9),
            EndTime: new Date(2018, 3, 17, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 35,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 36,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 37,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 9, 10),
            EndTime: new Date(2018, 3, 9, 10, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 38,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 19, 9),
            EndTime: new Date(2018, 3, 19, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 39,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 20, 10),
            EndTime: new Date(2018, 3, 20, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 40,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 20, 10, 30),
            EndTime: new Date(2018, 3, 20, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 41,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 21, 9, 30),
            EndTime: new Date(2018, 3, 21, 11, 30),
            IsAllDay: false,
            OwnerId: 1,RoomId: 1
        }, {
            Id: 42,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 21, 12, 30),
            EndTime: new Date(2018, 3, 21, 13, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 43,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 22, 10),
            EndTime: new Date(2018, 3, 22, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 44,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 22, 13),
            EndTime: new Date(2018, 3, 22, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 45,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 23, 9),
            EndTime: new Date(2018, 3, 23, 10),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 46,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 23, 14),
            EndTime: new Date(2018, 3, 23, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 47,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 24, 11),
            EndTime: new Date(2018, 3, 24, 12),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 48,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 24, 9),
            EndTime: new Date(2018, 3, 24, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 49,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 25, 9, 30),
            EndTime: new Date(2018, 3, 25, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 50,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 25, 14),
            EndTime: new Date(2018, 3, 25, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 51,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 26, 10),
            EndTime: new Date(2018, 3, 26, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 52,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 26, 9),
            EndTime: new Date(2018, 3, 26, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 53,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 27, 14),
            EndTime: new Date(2018, 3, 27, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 54,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 27, 9),
            EndTime: new Date(2018, 3, 27, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 55,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 56,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 57,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 29, 12),
            EndTime: new Date(2018, 3, 29, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 58,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 29, 9),
            EndTime: new Date(2018, 3, 29, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 59,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 30, 10),
            EndTime: new Date(2018, 3, 30, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 60,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 30, 10, 30),
            EndTime: new Date(2018, 3, 30, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }
    ];

    exports.schedulerData = [
        {
            Id: 1,
            Subject: 'Explosion of Betelgeuse Star',
            StartTime: new Date(2021, 7, 11, 9, 30),
            EndTime: new Date(2021, 7, 11, 11, 0),
            CategoryColor: '#1aaa55'
        }, {
            Id: 2,
            Subject: 'Thule Air Crash Report',
            StartTime: new Date(2021, 7, 12, 12, 0),
            EndTime: new Date(2021, 7, 12, 14, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 3,
            Subject: 'Blue Moon Eclipse',
            StartTime: new Date(2021, 7, 13, 9, 30),
            EndTime: new Date(2021, 7, 13, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 4,
            Subject: 'Meteor Showers in 2018',
            StartTime: new Date(2021, 7, 14, 13, 0),
            EndTime: new Date(2021, 7, 14, 14, 30),
            CategoryColor: '#ea7a57'
        }, {
            Id: 5,
            Subject: 'Milky Way as Melting pot',
            StartTime: new Date(2021, 7, 15, 12, 0),
            EndTime: new Date(2021, 7, 15, 14, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 6,
            Subject: 'Mysteries of Bermuda Triangle',
            StartTime: new Date(2021, 7, 15, 9, 30),
            EndTime: new Date(2021, 7, 15, 11, 0),
            CategoryColor: '#f57f17'
        }, {
            Id: 7,
            Subject: 'Glaciers and Snowflakes',
            StartTime: new Date(2021, 7, 16, 11, 0),
            EndTime: new Date(2021, 7, 16, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 8,
            Subject: 'Life on Mars',
            StartTime: new Date(2021, 7, 17, 9, 0),
            EndTime: new Date(2021, 7, 17, 10, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 9,
            Subject: 'Alien Civilization',
            StartTime: new Date(2021, 7, 19, 11, 0),
            EndTime: new Date(2021, 7, 19, 13, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 10,
            Subject: 'Wildlife Galleries',
            StartTime: new Date(2021, 7, 21, 11, 0),
            EndTime: new Date(2021, 7, 21, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 11,
            Subject: 'Best Photography 2018',
            StartTime: new Date(2021, 7, 22, 9, 30),
            EndTime: new Date(2021, 7, 22, 11, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 12,
            Subject: 'Smarter Puppies',
            StartTime: new Date(2021, 7, 9, 10, 0),
            EndTime: new Date(2021, 7, 9, 11, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 13,
            Subject: 'Myths of Andromeda Galaxy',
            StartTime: new Date(2021, 7, 7, 10, 30),
            EndTime: new Date(2021, 7, 7, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 14,
            Subject: 'Aliens vs Humans',
            StartTime: new Date(2021, 7, 5, 10, 0),
            EndTime: new Date(2021, 7, 5, 11, 30),
            CategoryColor: '#357cd2'
        }, {
            Id: 15,
            Subject: 'Facts of Humming Birds',
            StartTime: new Date(2021, 7, 20, 9, 30),
            EndTime: new Date(2021, 7, 20, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 16,
            Subject: 'Sky Gazers',
            StartTime: new Date(2021, 7, 23, 11, 0),
            EndTime: new Date(2021, 7, 23, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 17,
            Subject: 'The Cycle of Seasons',
            StartTime: new Date(2021, 7, 12, 5, 30),
            EndTime: new Date(2021, 7, 12, 7, 30),
            CategoryColor: '#00bdae'
        }, {
            Id: 18,
            Subject: 'Space Galaxies and Planets',
            StartTime: new Date(2021, 7, 12, 17, 0),
            EndTime: new Date(2021, 7, 12, 18, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 19,
            Subject: 'Lifecycle of Bumblebee',
            StartTime: new Date(2021, 7, 15, 6, 0),
            EndTime: new Date(2021, 7, 15, 7, 30),
            CategoryColor: '#7fa900'
        }, {
            Id: 20,
            Subject: 'Sky Gazers',
            StartTime: new Date(2021, 7, 15, 16, 0),
            EndTime: new Date(2021, 7, 15, 18, 0),
            CategoryColor: '#ea7a57'
        }
    ];
});