Skip to content

Commit ea7ebd0

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 12-17-2024 4:32:11 AM
1 parent c51e24b commit ea7ebd0

28 files changed

+1588
-14
lines changed

‎ej2-vue-toc.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2384,6 +2384,7 @@
23842384
<li><a href="/ej2-vue/schedule/state-persistence">State Persistence</a></li>
23852385
<li><a href="/ej2-vue/schedule/exporting">Exporting</a></li>
23862386
<li><a href="/ej2-vue/schedule/context-menu">Context Menu</a></li>
2387+
<li><a href="/ej2-vue/schedule/clipboard">Clipboard</a></li>
23872388
<li><a href="/ej2-vue/schedule/dimensions">Scheduler Dimensions</a></li>
23882389
<li><a href="/ej2-vue/schedule/localization">Globalization</a></li>
23892390
<li><a href="/ej2-vue/schedule/accessibility">Accessibility</a></li>

‎ej2-vue/code-snippet/gantt/pdf-export-customize-segment-cs1/app.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ components: {
3939
child: "subtasks",
4040
segments: "Segments"
4141
},
42+
height: '450px',
4243
gridLines: 'Both',
4344
editSettings: {
4445
allowEditing: true,

‎ej2-vue/code-snippet/gantt/pdf-export-customize-segment-cs1/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ new Vue({
4040
allowTaskbarEditing: true,
4141
showDeleteConfirmDialog: true
4242
},
43+
height: '450px',
4344
gridLines : 'Both',
4445
toolbar: ['PdfExport'],
4546
toolbarClick: (args) => {

‎ej2-vue/code-snippet/schedule/clipboard-cs1/app-composition.vue

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<template>
2+
<div id='app'>
3+
<div id='container'>
4+
<div class='content-wrapper'>
5+
<ejs-schedule id='Schedule' ref='scheduleObj' height='550px' :selectedDate='selectedDate'
6+
:eventSettings='eventSettings' :allowClipboard="true" :showQuickInfo="false"></ejs-schedule>
7+
</div>
8+
</div>
9+
</div>
10+
</template>
11+
12+
<script setup>
13+
import { provide, ref } from "vue";
14+
import { scheduleData } from './datasource.js';
15+
import { extend } from '@syncfusion/ej2-base';
16+
import { ScheduleComponent as EjsSchedule, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
17+
18+
const scheduleObj = ref(null);
19+
const eventSettings = { dataSource: extend([], scheduleData, null, true) };
20+
const selectedDate = new Date(2024, 1, 15);
21+
const selectedTarget = null;
22+
23+
provide('schedule', [Day, Week, WorkWeek, Month, Agenda]);
24+
25+
</script>
26+
27+
<style>
28+
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
29+
@import "../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css";
30+
@import "../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css";
31+
@import "../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css";
32+
@import "../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css";
33+
@import "../node_modules/@syncfusion/ej2-vue-navigations/styles/material.css";
34+
@import "../node_modules/@syncfusion/ej2-vue-popups/styles/material.css";
35+
@import "../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css";
36+
37+
</style>

‎ej2-vue/code-snippet/schedule/clipboard-cs1/app.vue

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<template>
2+
<div id='app'>
3+
<div id='container'>
4+
<div class='content-wrapper'>
5+
<ejs-schedule id='Schedule' ref='scheduleObj' height='550px' :selectedDate='selectedDate'
6+
:eventSettings='eventSettings' :allowClipboard="true" :showQuickInfo="false"></ejs-schedule>
7+
</div>
8+
</div>
9+
</div>
10+
</template>
11+
<script>
12+
import { scheduleData } from './datasource.js';
13+
import { extend } from '@syncfusion/ej2-base';
14+
import { ScheduleComponent, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
15+
16+
export default {
17+
name: "App",
18+
components: {
19+
"ejs-schedule": ScheduleComponent,
20+
},
21+
data: function () {
22+
return {
23+
eventSettings: { dataSource: extend([], scheduleData, null, true) },
24+
selectedDate: new Date(2024, 1, 15),
25+
}
26+
},
27+
provide: {
28+
schedule: [Day, Week, WorkWeek, Month, Agenda]
29+
},
30+
}
31+
</script>
32+
<style>
33+
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
34+
@import "../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css";
35+
@import "../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css";
36+
@import "../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css";
37+
@import "../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css";
38+
@import "../node_modules/@syncfusion/ej2-vue-navigations/styles/material.css";
39+
@import "../node_modules/@syncfusion/ej2-vue-popups/styles/material.css";
40+
@import "../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css";
41+
</style>

‎ej2-vue/code-snippet/schedule/clipboard-cs1/datasource.js

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
define(["require", "exports"], function (require, exports) {
2+
"use strict";
3+
Object.defineProperty(exports, "__esModule", { value: true });
4+
exports.scheduleData = [
5+
{
6+
Id: 1,
7+
Subject: 'Explosion of Betelgeuse Star',
8+
StartTime: new Date(2024, 1, 11, 9, 30),
9+
EndTime: new Date(2024, 1, 11, 11, 0),
10+
CategoryColor: '#1aaa55'
11+
}, {
12+
Id: 2,
13+
Subject: 'Thule Air Crash Report',
14+
StartTime: new Date(2024, 1, 12, 12, 0),
15+
EndTime: new Date(2024, 1, 12, 14, 0),
16+
CategoryColor: '#357cd2'
17+
}, {
18+
Id: 3,
19+
Subject: 'Blue Moon Eclipse',
20+
StartTime: new Date(2024, 1, 13, 9, 30),
21+
EndTime: new Date(2024, 1, 13, 11, 0),
22+
CategoryColor: '#7fa900'
23+
}, {
24+
Id: 4,
25+
Subject: 'Meteor Showers in 2024',
26+
StartTime: new Date(2024, 1, 14, 13, 0),
27+
EndTime: new Date(2024, 1, 14, 14, 30),
28+
CategoryColor: '#ea7a57'
29+
}, {
30+
Id: 5,
31+
Subject: 'Milky Way as Melting pot',
32+
StartTime: new Date(2024, 1, 15, 12, 0),
33+
EndTime: new Date(2024, 1, 15, 14, 0),
34+
CategoryColor: '#00bdae'
35+
}, {
36+
Id: 6,
37+
Subject: 'Mysteries of Bermuda Triangle',
38+
StartTime: new Date(2024, 1, 15, 9, 30),
39+
EndTime: new Date(2024, 1, 15, 11, 0),
40+
CategoryColor: '#f57f17'
41+
}, {
42+
Id: 7,
43+
Subject: 'Glaciers and Snowflakes',
44+
StartTime: new Date(2024, 1, 16, 11, 0),
45+
EndTime: new Date(2024, 1, 16, 12, 30),
46+
CategoryColor: '#1aaa55'
47+
}, {
48+
Id: 8,
49+
Subject: 'Life on Mars',
50+
StartTime: new Date(2024, 1, 17, 9, 0),
51+
EndTime: new Date(2024, 1, 17, 10, 0),
52+
CategoryColor: '#357cd2'
53+
}, {
54+
Id: 9,
55+
Subject: 'Alien Civilization',
56+
StartTime: new Date(2024, 1, 19, 11, 0),
57+
EndTime: new Date(2024, 1, 19, 13, 0),
58+
CategoryColor: '#7fa900'
59+
}, {
60+
Id: 10,
61+
Subject: 'Wildlife Galleries',
62+
StartTime: new Date(2024, 1, 21, 11, 0),
63+
EndTime: new Date(2024, 1, 21, 13, 0),
64+
CategoryColor: '#ea7a57'
65+
}, {
66+
Id: 11,
67+
Subject: 'Best Photography 2024',
68+
StartTime: new Date(2024, 1, 22, 9, 30),
69+
EndTime: new Date(2024, 1, 22, 11, 0),
70+
CategoryColor: '#00bdae'
71+
}, {
72+
Id: 12,
73+
Subject: 'Smarter Puppies',
74+
StartTime: new Date(2024, 1, 9, 10, 0),
75+
EndTime: new Date(2024, 1, 9, 11, 30),
76+
CategoryColor: '#f57f17'
77+
}, {
78+
Id: 13,
79+
Subject: 'Myths of Andromeda Galaxy',
80+
StartTime: new Date(2024, 1, 7, 10, 30),
81+
EndTime: new Date(2024, 1, 7, 12, 30),
82+
CategoryColor: '#1aaa55'
83+
}, {
84+
Id: 14,
85+
Subject: 'Aliens vs Humans',
86+
StartTime: new Date(2024, 1, 5, 10, 0),
87+
EndTime: new Date(2024, 1, 5, 11, 30),
88+
CategoryColor: '#357cd2'
89+
}, {
90+
Id: 15,
91+
Subject: 'Facts of Humming Birds',
92+
StartTime: new Date(2024, 1, 20, 9, 30),
93+
EndTime: new Date(2024, 1, 20, 11, 0),
94+
CategoryColor: '#7fa900'
95+
}, {
96+
Id: 16,
97+
Subject: 'Sky Gazers',
98+
StartTime: new Date(2024, 1, 23, 11, 0),
99+
EndTime: new Date(2024, 1, 23, 13, 0),
100+
CategoryColor: '#ea7a57'
101+
}, {
102+
Id: 17,
103+
Subject: 'The Cycle of Seasons',
104+
StartTime: new Date(2024, 1, 12, 5, 30),
105+
EndTime: new Date(2024, 1, 12, 7, 30),
106+
CategoryColor: '#00bdae'
107+
}, {
108+
Id: 18,
109+
Subject: 'Space Galaxies and Planets',
110+
StartTime: new Date(2024, 1, 12, 17, 0),
111+
EndTime: new Date(2024, 1, 12, 18, 30),
112+
CategoryColor: '#f57f17'
113+
}, {
114+
Id: 19,
115+
Subject: 'Lifecycle of Bumblebee',
116+
StartTime: new Date(2024, 1, 15, 6, 0),
117+
EndTime: new Date(2024, 1, 15, 7, 30),
118+
CategoryColor: '#7fa900'
119+
}, {
120+
Id: 20,
121+
Subject: 'Sky Gazers',
122+
StartTime: new Date(2024, 1, 15, 16, 0),
123+
EndTime: new Date(2024, 1, 15, 18, 0),
124+
CategoryColor: '#ea7a57'
125+
}
126+
];
127+
});

‎ej2-vue/code-snippet/schedule/clipboard-cs1/index.css

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
2+
3+
4+
5+
6+
7+
8+
9+
10+
11+
.schedule-context-menu .e-menu-item .new::before {
12+
content: '\e7f9';
13+
}
14+
15+
.schedule-context-menu .e-menu-item .edit::before {
16+
content: '\ea9a';
17+
}
18+
19+
.schedule-context-menu .e-menu-item .recurrence::before {
20+
content: '\e308';
21+
font-weight: bold;
22+
}
23+
24+
.schedule-context-menu .e-menu-item .today::before {
25+
content: '\e322';
26+
}
27+
28+
.schedule-context-menu .e-menu-item .delete::before {
29+
content: '\e94a';
30+
}
31+
32+
.e-bigger .schedule-context-menu ul .e-menu-item .e-menu-icon {
33+
font-size: 14px;
34+
}
35+
36+
.schedule-context-menu ul .e-menu-item .e-menu-icon {
37+
font-size: 12px;
38+
}
39+
40+
.schedule-context-menu .e-menu-parent.e-ul .e-menu-item {
41+
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
42+
}

‎ej2-vue/code-snippet/schedule/clipboard-cs1/index.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
5+
<head>
6+
<script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js"></script>
7+
<title>EJ2 Vue Sample</title>
8+
<meta charset="utf-8" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
10+
<meta name="description" content="Typescript UI Controls" />
11+
<meta name="author" content="Syncfusion" />
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
13+
<link href="https://cdn.syncfusion.com/ej2/28.1.33/material.css" rel="stylesheet" />
14+
<link href="index.css" rel="stylesheet" />
15+
<script src="systemjs.config.js"></script>
16+
</head>
17+
18+
<body>
19+
<div id='app'>Loading....</div>
20+
</body>
21+
22+
</html>
23+

‎ej2-vue/code-snippet/schedule/clipboard-cs1/index.js

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
2+
import Vue from 'vue';
3+
import { scheduleData } from './datasource.js';
4+
import { extend } from '@syncfusion/ej2-base';
5+
import { SchedulePlugin, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
6+
Vue.use(SchedulePlugin);
7+
8+
9+
new Vue({
10+
el: '#app',
11+
template: `
12+
<div id='app'>
13+
<div id='container'>
14+
<div class='content-wrapper'>
15+
<ejs-schedule id='Schedule' ref='scheduleObj' height='550px' :selectedDate='selectedDate' :eventSettings='eventSettings' :allowClipboard="true" :showQuickInfo="false"></ejs-schedule>
16+
</div>
17+
</div>
18+
</div>
19+
`,
20+
21+
data: function () {
22+
return {
23+
eventSettings: { dataSource: extend([], scheduleData, null, true) },
24+
selectedDate: new Date(2024, 1, 15),
25+
}
26+
},
27+
provide: {
28+
schedule: [Day, Week, WorkWeek, Month, Agenda]
29+
}
30+
});

‎ej2-vue/code-snippet/schedule/clipboard-cs1/systemjs.config.js

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
System.config({
2+
transpiler: "typescript",
3+
typescriptOptions: {
4+
compilerOptions: {
5+
target: "umd",
6+
module: "commonjs",
7+
moduleResolution: "node",
8+
emitDecoratorMetadata: true,
9+
experimentalDecorators: true
10+
}
11+
},
12+
paths: {
13+
"syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
14+
},
15+
map: {
16+
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
17+
vue: "https://unpkg.com/vue@2.6.14/dist/vue.min.js",
18+
"@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
19+
"@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
20+
"@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
21+
"@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
22+
"@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
23+
"@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
24+
"@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
25+
"@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
26+
"@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
27+
"@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
28+
"@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
29+
"@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
30+
"@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
31+
"@syncfusion/ej2-schedule": "syncfusion:ej2-schedule/dist/ej2-schedule.umd.min.js",
32+
"@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
33+
34+
"@syncfusion/ej2-vue-base": "syncfusion:ej2-vue-base/dist/ej2-vue-base.umd.min.js",
35+
"@syncfusion/ej2-vue-schedule": "syncfusion:ej2-vue-schedule/dist/ej2-vue-schedule.umd.min.js",
36+
"@syncfusion/ej2-vue-buttons": "syncfusion:ej2-vue-buttons/dist/ej2-vue-buttons.umd.min.js",
37+
"@syncfusion/ej2-vue-popups": "syncfusion:ej2-vue-popups/dist/ej2-vue-popups.umd.min.js",
38+
"@syncfusion/ej2-vue-navigations": "syncfusion:ej2-vue-navigations/dist/ej2-vue-navigations.umd.min.js",
39+
"@syncfusion/ej2-vue-dropdowns": "syncfusion:ej2-vue-dropdowns/dist/ej2-vue-dropdowns.umd.min.js",
40+
"@syncfusion/ej2-vue-splitbuttons": "syncfusion:ej2-vue-splitbuttons/dist/ej2-vue-splitbuttons.umd.min.js",
41+
"@syncfusion/ej2-vue-calendars": "syncfusion:ej2-vue-calendars/dist/ej2-vue-calendars.umd.min.js",
42+
"@syncfusion/ej2-vue-inputs": "syncfusion:ej2-vue-inputs/dist/ej2-vue-inputs.umd.min.js",
43+
"@syncfusion/ej2-vue-lists": "syncfusion:ej2-vue-lists/dist/ej2-vue-lists.umd.min.js",
44+
"@syncfusion/ej2-vue-notifications": "syncfusion:ej2-vue-notifications/dist/ej2-vue-notifications.umd.min.js"
45+
}
46+
});
47+
48+
System.import('index.js');

0 commit comments

Comments
 (0)