@progress/kendo-vue-scheduler 3.1.2 → 3.1.3-dev.202203311441
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
- package/dist/es/Scheduler.js +4 -1
- package/dist/es/components/SchedulerActionButtons.d.ts +42 -0
- package/dist/es/components/SchedulerActionButtons.js +89 -0
- package/dist/es/components/SchedulerForm.js +62 -49
- package/dist/es/components/header/view-selector/ViewSelectorItem.js +1 -1
- package/dist/es/components/header/view-selector/ViewSelectorList.js +3 -3
- package/dist/es/editors/SchedulerFormEditor.js +331 -130
- package/dist/es/editors/ZonedDateTime.d.ts +2 -4
- package/dist/es/editors/ZonedDateTime.js +32 -15
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/recurrence/RecurrenceEditor.d.ts +3 -0
- package/dist/es/recurrence/RecurrenceEditor.js +307 -457
- package/dist/es/recurrence/RecurrenceFrequencyEditor.js +38 -12
- package/dist/es/slots/SchedulerEditSlot.js +10 -7
- package/dist/es/slots/SchedulerSlot.js +1 -0
- package/dist/es/slots/SchedulerViewSlot.js +6 -2
- package/dist/es/views/agenda/AgendaView.d.ts +1 -1
- package/dist/es/views/agenda/AgendaView.js +39 -9
- package/dist/es/views/agenda/AgendaViewBody.d.ts +1 -0
- package/dist/es/views/agenda/AgendaViewBody.js +2 -1
- package/dist/es/views/common/VerticalResourceIterator.js +12 -6
- package/dist/es/views/day/DayView.js +10 -1
- package/dist/es/views/day/DayViewMiddleRow.d.ts +12 -0
- package/dist/es/views/day/DayViewMiddleRow.js +1 -0
- package/dist/es/views/day/DayViewVerticalRow.d.ts +1 -0
- package/dist/es/views/day/DayViewVerticalRow.js +5 -2
- package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts +1 -0
- package/dist/es/views/day/DayViewVerticalSlotsRow.js +1 -0
- package/dist/es/views/day/MultiDayView.js +48 -24
- package/dist/es/views/month/MonthView.js +10 -4
- package/dist/es/views/month/MonthViewBody.d.ts +1 -0
- package/dist/es/views/month/MonthViewBody.js +1 -0
- package/dist/es/views/time/MultiDayTimelineView.js +12 -4
- package/dist/es/views/time/TimelineView.js +15 -3
- package/dist/es/views/time/TimelineViewBody.d.ts +1 -0
- package/dist/es/views/time/TimelineViewBody.js +1 -0
- package/dist/es/views/week/WeekView.js +10 -1
- package/dist/es/views/week/WorkWeekView.js +10 -1
- package/dist/npm/Scheduler.js +4 -1
- package/dist/npm/components/SchedulerActionButtons.d.ts +42 -0
- package/dist/npm/components/SchedulerActionButtons.js +100 -0
- package/dist/npm/components/SchedulerForm.js +61 -48
- package/dist/npm/components/header/view-selector/ViewSelectorItem.js +1 -1
- package/dist/npm/components/header/view-selector/ViewSelectorList.js +3 -3
- package/dist/npm/editors/SchedulerFormEditor.js +336 -129
- package/dist/npm/editors/ZonedDateTime.d.ts +2 -4
- package/dist/npm/editors/ZonedDateTime.js +32 -15
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/recurrence/RecurrenceEditor.d.ts +3 -0
- package/dist/npm/recurrence/RecurrenceEditor.js +307 -457
- package/dist/npm/recurrence/RecurrenceFrequencyEditor.js +38 -12
- package/dist/npm/slots/SchedulerEditSlot.js +10 -7
- package/dist/npm/slots/SchedulerSlot.js +1 -0
- package/dist/npm/slots/SchedulerViewSlot.js +6 -2
- package/dist/npm/views/agenda/AgendaView.d.ts +1 -1
- package/dist/npm/views/agenda/AgendaView.js +39 -9
- package/dist/npm/views/agenda/AgendaViewBody.d.ts +1 -0
- package/dist/npm/views/agenda/AgendaViewBody.js +2 -1
- package/dist/npm/views/common/VerticalResourceIterator.js +12 -6
- package/dist/npm/views/day/DayView.js +10 -1
- package/dist/npm/views/day/DayViewMiddleRow.d.ts +12 -0
- package/dist/npm/views/day/DayViewMiddleRow.js +1 -0
- package/dist/npm/views/day/DayViewVerticalRow.d.ts +1 -0
- package/dist/npm/views/day/DayViewVerticalRow.js +5 -2
- package/dist/npm/views/day/DayViewVerticalSlotsRow.d.ts +1 -0
- package/dist/npm/views/day/DayViewVerticalSlotsRow.js +1 -0
- package/dist/npm/views/day/MultiDayView.js +48 -24
- package/dist/npm/views/month/MonthView.js +10 -4
- package/dist/npm/views/month/MonthViewBody.d.ts +1 -0
- package/dist/npm/views/month/MonthViewBody.js +1 -0
- package/dist/npm/views/time/MultiDayTimelineView.js +12 -4
- package/dist/npm/views/time/TimelineView.js +15 -3
- package/dist/npm/views/time/TimelineViewBody.d.ts +1 -0
- package/dist/npm/views/time/TimelineViewBody.js +1 -0
- package/dist/npm/views/week/WeekView.js +10 -1
- package/dist/npm/views/week/WorkWeekView.js +10 -1
- package/package.json +12 -12
|
@@ -158,13 +158,15 @@ var MonthViewVue2 = {
|
|
|
158
158
|
group: this.ks.props.group
|
|
159
159
|
}, this.v3 ? function () {
|
|
160
160
|
return [h(MonthViewBody, {
|
|
161
|
-
|
|
161
|
+
editable: _this.$props.editable,
|
|
162
162
|
attrs: _this.v3 ? undefined : {
|
|
163
|
+
editable: _this.$props.editable,
|
|
163
164
|
slotRender: _this.$props.slotRender,
|
|
164
165
|
monthSlots: monthSlots,
|
|
165
166
|
rangeIndex: rangeIndex,
|
|
166
167
|
itemsPerSlot: itemsPerSlot
|
|
167
168
|
},
|
|
169
|
+
slotRender: _this.$props.slotRender,
|
|
168
170
|
monthSlots: monthSlots,
|
|
169
171
|
rangeIndex: rangeIndex,
|
|
170
172
|
itemsPerSlot: itemsPerSlot,
|
|
@@ -174,13 +176,15 @@ var MonthViewVue2 = {
|
|
|
174
176
|
}
|
|
175
177
|
})];
|
|
176
178
|
} : [h(MonthViewBody, {
|
|
177
|
-
|
|
179
|
+
editable: _this.$props.editable,
|
|
178
180
|
attrs: _this.v3 ? undefined : {
|
|
181
|
+
editable: _this.$props.editable,
|
|
179
182
|
slotRender: _this.$props.slotRender,
|
|
180
183
|
monthSlots: monthSlots,
|
|
181
184
|
rangeIndex: rangeIndex,
|
|
182
185
|
itemsPerSlot: itemsPerSlot
|
|
183
186
|
},
|
|
187
|
+
slotRender: _this.$props.slotRender,
|
|
184
188
|
monthSlots: monthSlots,
|
|
185
189
|
rangeIndex: rangeIndex,
|
|
186
190
|
itemsPerSlot: itemsPerSlot,
|
|
@@ -201,7 +205,8 @@ var MonthViewVue2 = {
|
|
|
201
205
|
slotRender: this.$props.slotRender,
|
|
202
206
|
monthSlots: monthSlots,
|
|
203
207
|
ranges: this.ranges,
|
|
204
|
-
itemsPerSlot: itemsPerSlot
|
|
208
|
+
itemsPerSlot: itemsPerSlot,
|
|
209
|
+
editable: this.$props.editable
|
|
205
210
|
}
|
|
206
211
|
},
|
|
207
212
|
resources: this.ks.props.resources,
|
|
@@ -214,7 +219,8 @@ var MonthViewVue2 = {
|
|
|
214
219
|
slotRender: this.$props.slotRender,
|
|
215
220
|
monthSlots: monthSlots,
|
|
216
221
|
ranges: this.ranges,
|
|
217
|
-
itemsPerSlot: itemsPerSlot
|
|
222
|
+
itemsPerSlot: itemsPerSlot,
|
|
223
|
+
editable: this.$props.editable
|
|
218
224
|
}
|
|
219
225
|
});
|
|
220
226
|
return (// @ts-ignore function children
|
|
@@ -332,14 +332,16 @@ var MultiDayTimelineViewVue2 = {
|
|
|
332
332
|
}, _this2.v3 ? function () {
|
|
333
333
|
return [// @ts-ignore function children
|
|
334
334
|
h(TimelineViewBody, {
|
|
335
|
-
|
|
335
|
+
editable: _this2.$props.editable,
|
|
336
336
|
attrs: _this2.v3 ? undefined : {
|
|
337
|
+
editable: _this2.$props.editable,
|
|
337
338
|
slotRender: _this2.$props.slotRender,
|
|
338
339
|
ranges: _this2.ranges,
|
|
339
340
|
workDayStart: workDayStart,
|
|
340
341
|
workDayEnd: workDayEnd,
|
|
341
342
|
timelineSlots: timelineSlots
|
|
342
343
|
},
|
|
344
|
+
slotRender: _this2.$props.slotRender,
|
|
343
345
|
ranges: _this2.ranges,
|
|
344
346
|
workDayStart: workDayStart,
|
|
345
347
|
workDayEnd: workDayEnd,
|
|
@@ -350,14 +352,16 @@ var MultiDayTimelineViewVue2 = {
|
|
|
350
352
|
}
|
|
351
353
|
})];
|
|
352
354
|
} : [h(TimelineViewBody, {
|
|
353
|
-
|
|
355
|
+
editable: _this2.$props.editable,
|
|
354
356
|
attrs: _this2.v3 ? undefined : {
|
|
357
|
+
editable: _this2.$props.editable,
|
|
355
358
|
slotRender: _this2.$props.slotRender,
|
|
356
359
|
ranges: _this2.ranges,
|
|
357
360
|
workDayStart: workDayStart,
|
|
358
361
|
workDayEnd: workDayEnd,
|
|
359
362
|
timelineSlots: timelineSlots
|
|
360
363
|
},
|
|
364
|
+
slotRender: _this2.$props.slotRender,
|
|
361
365
|
ranges: _this2.ranges,
|
|
362
366
|
workDayStart: workDayStart,
|
|
363
367
|
workDayEnd: workDayEnd,
|
|
@@ -517,14 +521,16 @@ var MultiDayTimelineViewVue2 = {
|
|
|
517
521
|
rowContent: TimelineViewAllEventsRowContent
|
|
518
522
|
}, _this2.v3 ? function () {
|
|
519
523
|
return [h(TimelineViewBody, {
|
|
520
|
-
|
|
524
|
+
editable: _this2.$props.editable,
|
|
521
525
|
attrs: _this2.v3 ? undefined : {
|
|
526
|
+
editable: _this2.$props.editable,
|
|
522
527
|
slotRender: _this2.$props.slotRender,
|
|
523
528
|
ranges: _this2.ranges,
|
|
524
529
|
workDayStart: workDayStart,
|
|
525
530
|
workDayEnd: workDayEnd,
|
|
526
531
|
timelineSlots: timelineSlots
|
|
527
532
|
},
|
|
533
|
+
slotRender: _this2.$props.slotRender,
|
|
528
534
|
ranges: _this2.ranges,
|
|
529
535
|
workDayStart: workDayStart,
|
|
530
536
|
workDayEnd: workDayEnd,
|
|
@@ -535,14 +541,16 @@ var MultiDayTimelineViewVue2 = {
|
|
|
535
541
|
}
|
|
536
542
|
})];
|
|
537
543
|
} : [h(TimelineViewBody, {
|
|
538
|
-
|
|
544
|
+
editable: _this2.$props.editable,
|
|
539
545
|
attrs: _this2.v3 ? undefined : {
|
|
546
|
+
editable: _this2.$props.editable,
|
|
540
547
|
slotRender: _this2.$props.slotRender,
|
|
541
548
|
ranges: _this2.ranges,
|
|
542
549
|
workDayStart: workDayStart,
|
|
543
550
|
workDayEnd: workDayEnd,
|
|
544
551
|
timelineSlots: timelineSlots
|
|
545
552
|
},
|
|
553
|
+
slotRender: _this2.$props.slotRender,
|
|
546
554
|
ranges: _this2.ranges,
|
|
547
555
|
workDayStart: workDayStart,
|
|
548
556
|
workDayEnd: workDayEnd,
|
|
@@ -89,7 +89,8 @@ var TimelineViewVue2 = {
|
|
|
89
89
|
default: 100
|
|
90
90
|
},
|
|
91
91
|
slotRender: [String, Function, Object],
|
|
92
|
-
item: [String, Function, Object]
|
|
92
|
+
item: [String, Function, Object],
|
|
93
|
+
editable: [Object, Boolean]
|
|
93
94
|
},
|
|
94
95
|
// @ts-ignore
|
|
95
96
|
setup: !gh ? undefined : function () {
|
|
@@ -123,7 +124,8 @@ var TimelineViewVue2 = {
|
|
|
123
124
|
workWeekStart: this.$props.workWeekStart,
|
|
124
125
|
workWeekEnd: this.$props.workWeekEnd,
|
|
125
126
|
slotRender: this.$props.slotRender,
|
|
126
|
-
item: this.$props.item
|
|
127
|
+
item: this.$props.item,
|
|
128
|
+
editable: this.$props.editable
|
|
127
129
|
},
|
|
128
130
|
dateRange: this.$props.dateRange,
|
|
129
131
|
step: this.$props.step,
|
|
@@ -143,8 +145,18 @@ var TimelineViewVue2 = {
|
|
|
143
145
|
workWeekStart: this.$props.workWeekStart,
|
|
144
146
|
workWeekEnd: this.$props.workWeekEnd,
|
|
145
147
|
slotRender: this.$props.slotRender,
|
|
146
|
-
item: this.$props.item
|
|
148
|
+
item: this.$props.item,
|
|
149
|
+
editable: this.$props.editable,
|
|
150
|
+
onDataaction: this.handleDataAction,
|
|
151
|
+
on: this.v3 ? undefined : {
|
|
152
|
+
"dataaction": this.handleDataAction
|
|
153
|
+
}
|
|
147
154
|
});
|
|
155
|
+
},
|
|
156
|
+
methods: {
|
|
157
|
+
handleDataAction: function handleDataAction(action) {
|
|
158
|
+
this.$emit('dataaction', action);
|
|
159
|
+
}
|
|
148
160
|
}
|
|
149
161
|
};
|
|
150
162
|
var TimelineView = TimelineViewVue2;
|
|
@@ -145,8 +145,17 @@ var WeekViewVue2 = {
|
|
|
145
145
|
defaultShowWorkHours: this.$props.defaultShowWorkHours,
|
|
146
146
|
timeHeaderCell: this.$props.timeHeaderCell,
|
|
147
147
|
slotRender: this.$props.slotRender,
|
|
148
|
-
item: this.$props.item
|
|
148
|
+
item: this.$props.item,
|
|
149
|
+
onDataaction: this.handleDataAction,
|
|
150
|
+
on: this.v3 ? undefined : {
|
|
151
|
+
"dataaction": this.handleDataAction
|
|
152
|
+
}
|
|
149
153
|
});
|
|
154
|
+
},
|
|
155
|
+
methods: {
|
|
156
|
+
handleDataAction: function handleDataAction(action) {
|
|
157
|
+
this.$emit('dataaction', action);
|
|
158
|
+
}
|
|
150
159
|
}
|
|
151
160
|
};
|
|
152
161
|
|
|
@@ -121,8 +121,17 @@ var WorkWeekViewVue2 = {
|
|
|
121
121
|
title: title,
|
|
122
122
|
step: DAYS_IN_WEEK_COUNT,
|
|
123
123
|
slotRender: this.$props.slotRender,
|
|
124
|
-
item: this.$props.item
|
|
124
|
+
item: this.$props.item,
|
|
125
|
+
onDataaction: this.handleDataAction,
|
|
126
|
+
on: this.v3 ? undefined : {
|
|
127
|
+
"dataaction": this.handleDataAction
|
|
128
|
+
}
|
|
125
129
|
});
|
|
130
|
+
},
|
|
131
|
+
methods: {
|
|
132
|
+
handleDataAction: function handleDataAction(action) {
|
|
133
|
+
this.$emit('dataaction', action);
|
|
134
|
+
}
|
|
126
135
|
}
|
|
127
136
|
};
|
|
128
137
|
|
package/dist/npm/Scheduler.js
CHANGED
|
@@ -184,7 +184,7 @@ var SchedulerVue2 = {
|
|
|
184
184
|
currentDate: currentDate,
|
|
185
185
|
showWorkHours: view.showWorkHours !== undefined ? view.showWorkHours : true,
|
|
186
186
|
timezone: this.$props.timezone,
|
|
187
|
-
props: this.$props,
|
|
187
|
+
props: __assign({}, this.$props),
|
|
188
188
|
views: this.views,
|
|
189
189
|
view: view,
|
|
190
190
|
fields: utils_1.getModelFields(this.$props.modelFields).fields,
|
|
@@ -208,6 +208,9 @@ var SchedulerVue2 = {
|
|
|
208
208
|
timezone: function timezone(newName) {
|
|
209
209
|
this.ks.timezone = newName;
|
|
210
210
|
this.updatePassedState();
|
|
211
|
+
},
|
|
212
|
+
dataItems: function dataItems(newDataItems) {
|
|
213
|
+
this.ks.dataItems = newDataItems;
|
|
211
214
|
}
|
|
212
215
|
},
|
|
213
216
|
// @ts-ignore
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Represents the properties of [SchedulerActionButtons]({% slug api_scheduler_dateheadercell %}) component.
|
|
8
|
+
*/
|
|
9
|
+
export interface SchedulerActionButtonsProps {
|
|
10
|
+
editSaveMessage: string;
|
|
11
|
+
editCancelMessage: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
export interface SchedulerActionButtonsState {
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
21
|
+
export interface SchedulerActionButtonsComputed {
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
export interface SchedulerActionButtonsMethods {
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
export interface SchedulerActionButtonsData {
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @hidden
|
|
37
|
+
*/
|
|
38
|
+
export interface SchedulerActionButtonsAll extends Vue2type, SchedulerActionButtonsMethods, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsState {
|
|
39
|
+
}
|
|
40
|
+
declare let SchedulerActionButtonsVue2: ComponentOptions<SchedulerActionButtonsAll, DefaultData<SchedulerActionButtonsData>, DefaultMethods<SchedulerActionButtonsAll>, SchedulerActionButtonsComputed, RecordPropsDefinition<SchedulerActionButtonsProps>>;
|
|
41
|
+
declare const SchedulerActionButtons: DefineComponent<SchedulerActionButtonsProps, any, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsMethods, {}, {}, {}, string, SchedulerActionButtonsProps, SchedulerActionButtonsProps, {}>;
|
|
42
|
+
export { SchedulerActionButtons, SchedulerActionButtonsVue2 };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SchedulerActionButtonsVue2 = exports.SchedulerActionButtons = void 0; // @ts-ignore
|
|
7
|
+
|
|
8
|
+
var Vue = require("vue");
|
|
9
|
+
|
|
10
|
+
var allVue = Vue;
|
|
11
|
+
var gh = allVue.h;
|
|
12
|
+
|
|
13
|
+
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
14
|
+
|
|
15
|
+
var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs"); // tslint:enable:max-line-length
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
var SchedulerActionButtonsVue2 = {
|
|
19
|
+
name: 'KendoSchedulerActionButtons',
|
|
20
|
+
props: {
|
|
21
|
+
editSaveMessage: String,
|
|
22
|
+
editCancelMessage: String
|
|
23
|
+
},
|
|
24
|
+
inject: {
|
|
25
|
+
kendoForm: {
|
|
26
|
+
default: {}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
// @ts-ignore
|
|
30
|
+
setup: !gh ? undefined : function () {
|
|
31
|
+
var v3 = !!gh;
|
|
32
|
+
return {
|
|
33
|
+
v3: v3
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
// @ts-ignore
|
|
37
|
+
render: function render(createElement) {
|
|
38
|
+
var _this = this;
|
|
39
|
+
|
|
40
|
+
var h = gh || createElement;
|
|
41
|
+
return (// @ts-ignore function children
|
|
42
|
+
h(kendo_vue_dialogs_1.DialogActionsBar, this.v3 ? function () {
|
|
43
|
+
return [// @ts-ignore function children
|
|
44
|
+
h(kendo_vue_buttons_1.Button, {
|
|
45
|
+
type: "submit",
|
|
46
|
+
attrs: _this.v3 ? undefined : {
|
|
47
|
+
type: "submit",
|
|
48
|
+
disabled: !_this.kendoForm.allowSubmit
|
|
49
|
+
},
|
|
50
|
+
disabled: !_this.kendoForm.allowSubmit,
|
|
51
|
+
onClick: _this.onSubmit,
|
|
52
|
+
on: _this.v3 ? undefined : {
|
|
53
|
+
"click": _this.onSubmit
|
|
54
|
+
}
|
|
55
|
+
}, _this.v3 ? function () {
|
|
56
|
+
return [_this.editSaveMessage];
|
|
57
|
+
} : [_this.editSaveMessage]), // @ts-ignore function children
|
|
58
|
+
h(kendo_vue_buttons_1.Button, {
|
|
59
|
+
onClick: _this.handleCancel,
|
|
60
|
+
on: _this.v3 ? undefined : {
|
|
61
|
+
"click": _this.handleCancel
|
|
62
|
+
}
|
|
63
|
+
}, _this.v3 ? function () {
|
|
64
|
+
return [_this.editCancelMessage];
|
|
65
|
+
} : [_this.editCancelMessage])];
|
|
66
|
+
} : [h(kendo_vue_buttons_1.Button, {
|
|
67
|
+
type: "submit",
|
|
68
|
+
attrs: _this.v3 ? undefined : {
|
|
69
|
+
type: "submit",
|
|
70
|
+
disabled: !_this.kendoForm.allowSubmit
|
|
71
|
+
},
|
|
72
|
+
disabled: !_this.kendoForm.allowSubmit,
|
|
73
|
+
onClick: _this.onSubmit,
|
|
74
|
+
on: _this.v3 ? undefined : {
|
|
75
|
+
"click": _this.onSubmit
|
|
76
|
+
}
|
|
77
|
+
}, _this.v3 ? function () {
|
|
78
|
+
return [_this.editSaveMessage];
|
|
79
|
+
} : [_this.editSaveMessage]), h(kendo_vue_buttons_1.Button, {
|
|
80
|
+
onClick: _this.handleCancel,
|
|
81
|
+
on: _this.v3 ? undefined : {
|
|
82
|
+
"click": _this.handleCancel
|
|
83
|
+
}
|
|
84
|
+
}, _this.v3 ? function () {
|
|
85
|
+
return [_this.editCancelMessage];
|
|
86
|
+
} : [_this.editCancelMessage])])
|
|
87
|
+
);
|
|
88
|
+
},
|
|
89
|
+
methods: {
|
|
90
|
+
onSubmit: function onSubmit(e) {
|
|
91
|
+
this.kendoForm.onSubmit(e);
|
|
92
|
+
},
|
|
93
|
+
handleCancel: function handleCancel(e) {
|
|
94
|
+
this.$emit('cancel', e);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
exports.SchedulerActionButtonsVue2 = SchedulerActionButtonsVue2;
|
|
99
|
+
var SchedulerActionButtons = SchedulerActionButtonsVue2;
|
|
100
|
+
exports.SchedulerActionButtons = SchedulerActionButtons;
|
|
@@ -27,7 +27,7 @@ var allVue = Vue;
|
|
|
27
27
|
var gh = allVue.h;
|
|
28
28
|
var inject = allVue.inject;
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var SchedulerActionButtons_1 = require("./SchedulerActionButtons");
|
|
31
31
|
|
|
32
32
|
var kendo_vue_form_1 = require("@progress/kendo-vue-form");
|
|
33
33
|
|
|
@@ -35,7 +35,8 @@ var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
|
|
|
35
35
|
|
|
36
36
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
37
37
|
|
|
38
|
-
var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor");
|
|
38
|
+
var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor"); // import { useSchedulerFieldsContext } from '../context';
|
|
39
|
+
|
|
39
40
|
|
|
40
41
|
var messages_1 = require("../messages"); // tslint:enable:max-line-length
|
|
41
42
|
|
|
@@ -46,9 +47,18 @@ var SchedulerFormVue2 = {
|
|
|
46
47
|
dataItem: Object,
|
|
47
48
|
renderForm: Object,
|
|
48
49
|
editor: [String, Function, Object],
|
|
49
|
-
dialog: [String, Function, Object]
|
|
50
|
+
dialog: [String, Function, Object],
|
|
51
|
+
validator: {
|
|
52
|
+
type: Function,
|
|
53
|
+
default: function _default() {
|
|
54
|
+
return {};
|
|
55
|
+
}
|
|
56
|
+
}
|
|
50
57
|
},
|
|
51
58
|
inject: {
|
|
59
|
+
ks: {
|
|
60
|
+
default: null
|
|
61
|
+
},
|
|
52
62
|
kendoLocalizationService: {
|
|
53
63
|
default: null
|
|
54
64
|
}
|
|
@@ -85,8 +95,10 @@ var SchedulerFormVue2 = {
|
|
|
85
95
|
title: editorTitleMessage,
|
|
86
96
|
attrs: this.v3 ? undefined : {
|
|
87
97
|
title: editorTitleMessage,
|
|
98
|
+
appendTo: 'body',
|
|
88
99
|
minWidth: 600
|
|
89
100
|
},
|
|
101
|
+
appendTo: 'body',
|
|
90
102
|
minWidth: 600,
|
|
91
103
|
onClose: this.handleClose,
|
|
92
104
|
on: this.v3 ? undefined : {
|
|
@@ -113,36 +125,35 @@ var SchedulerFormVue2 = {
|
|
|
113
125
|
attrs: _this.v3 ? undefined : {
|
|
114
126
|
as: Editor
|
|
115
127
|
}
|
|
128
|
+
}), h(SchedulerActionButtons_1.SchedulerActionButtons, {
|
|
129
|
+
editSaveMessage: editSaveMessage,
|
|
130
|
+
attrs: _this.v3 ? undefined : {
|
|
131
|
+
editSaveMessage: editSaveMessage,
|
|
132
|
+
editCancelMessage: editCancelMessage
|
|
133
|
+
},
|
|
134
|
+
editCancelMessage: editCancelMessage,
|
|
135
|
+
onCancel: _this.handleCancel,
|
|
136
|
+
on: _this.v3 ? undefined : {
|
|
137
|
+
"cancel": _this.handleCancel
|
|
138
|
+
}
|
|
116
139
|
})];
|
|
117
140
|
} : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
|
|
118
141
|
as: Editor,
|
|
119
142
|
attrs: _this.v3 ? undefined : {
|
|
120
143
|
as: Editor
|
|
121
144
|
}
|
|
122
|
-
})
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
on: _this.v3 ? undefined : {
|
|
131
|
-
"click": _this.handleCancel
|
|
132
|
-
}
|
|
133
|
-
}, _this.v3 ? function () {
|
|
134
|
-
return [editCancelMessage];
|
|
135
|
-
} : [editCancelMessage])];
|
|
136
|
-
} : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
|
|
137
|
-
return [editSaveMessage];
|
|
138
|
-
} : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
|
|
139
|
-
onClick: _this.handleCancel,
|
|
145
|
+
}), h(SchedulerActionButtons_1.SchedulerActionButtons, {
|
|
146
|
+
editSaveMessage: editSaveMessage,
|
|
147
|
+
attrs: _this.v3 ? undefined : {
|
|
148
|
+
editSaveMessage: editSaveMessage,
|
|
149
|
+
editCancelMessage: editCancelMessage
|
|
150
|
+
},
|
|
151
|
+
editCancelMessage: editCancelMessage,
|
|
152
|
+
onCancel: _this.handleCancel,
|
|
140
153
|
on: _this.v3 ? undefined : {
|
|
141
|
-
"
|
|
154
|
+
"cancel": _this.handleCancel
|
|
142
155
|
}
|
|
143
|
-
}
|
|
144
|
-
return [editCancelMessage];
|
|
145
|
-
} : [editCancelMessage])])];
|
|
156
|
+
})])];
|
|
146
157
|
} : [h(kendo_vue_form_1.Form, {
|
|
147
158
|
initialValues: _this.$props.dataItem,
|
|
148
159
|
attrs: _this.v3 ? undefined : {
|
|
@@ -160,33 +171,35 @@ var SchedulerFormVue2 = {
|
|
|
160
171
|
attrs: _this.v3 ? undefined : {
|
|
161
172
|
as: Editor
|
|
162
173
|
}
|
|
174
|
+
}), h(SchedulerActionButtons_1.SchedulerActionButtons, {
|
|
175
|
+
editSaveMessage: editSaveMessage,
|
|
176
|
+
attrs: _this.v3 ? undefined : {
|
|
177
|
+
editSaveMessage: editSaveMessage,
|
|
178
|
+
editCancelMessage: editCancelMessage
|
|
179
|
+
},
|
|
180
|
+
editCancelMessage: editCancelMessage,
|
|
181
|
+
onCancel: _this.handleCancel,
|
|
182
|
+
on: _this.v3 ? undefined : {
|
|
183
|
+
"cancel": _this.handleCancel
|
|
184
|
+
}
|
|
163
185
|
})];
|
|
164
186
|
} : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
|
|
165
187
|
as: Editor,
|
|
166
188
|
attrs: _this.v3 ? undefined : {
|
|
167
189
|
as: Editor
|
|
168
190
|
}
|
|
169
|
-
})
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
}, _this.v3 ? function () {
|
|
178
|
-
return [editCancelMessage];
|
|
179
|
-
} : [editCancelMessage])];
|
|
180
|
-
} : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
|
|
181
|
-
return [editSaveMessage];
|
|
182
|
-
} : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
|
|
183
|
-
onClick: _this.handleCancel,
|
|
191
|
+
}), h(SchedulerActionButtons_1.SchedulerActionButtons, {
|
|
192
|
+
editSaveMessage: editSaveMessage,
|
|
193
|
+
attrs: _this.v3 ? undefined : {
|
|
194
|
+
editSaveMessage: editSaveMessage,
|
|
195
|
+
editCancelMessage: editCancelMessage
|
|
196
|
+
},
|
|
197
|
+
editCancelMessage: editCancelMessage,
|
|
198
|
+
onCancel: _this.handleCancel,
|
|
184
199
|
on: _this.v3 ? undefined : {
|
|
185
|
-
"
|
|
200
|
+
"cancel": _this.handleCancel
|
|
186
201
|
}
|
|
187
|
-
}
|
|
188
|
-
return [editCancelMessage];
|
|
189
|
-
} : [editCancelMessage])])])
|
|
202
|
+
})])])
|
|
190
203
|
);
|
|
191
204
|
},
|
|
192
205
|
methods: {
|
|
@@ -213,20 +226,20 @@ var SchedulerFormVue2 = {
|
|
|
213
226
|
});
|
|
214
227
|
},
|
|
215
228
|
startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
|
|
216
|
-
return Boolean(value && formValueGetter(this.fields.end) && value.getTime() > formValueGetter(this.fields.end).getTime()) ? this.startValidationMessage : undefined;
|
|
229
|
+
return Boolean(value && formValueGetter(this.ks.fields.end) && value.getTime() > formValueGetter(this.ks.fields.end).getTime()) ? this.startValidationMessage : undefined;
|
|
217
230
|
},
|
|
218
231
|
endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
|
|
219
|
-
return Boolean(value && formValueGetter(this.fields.start) && value.getTime() < formValueGetter(this.fields.start).getTime()) ? this.endValidationMessage : undefined;
|
|
232
|
+
return Boolean(value && formValueGetter(this.ks.fields.start) && value.getTime() < formValueGetter(this.ks.fields.start).getTime()) ? this.endValidationMessage : undefined;
|
|
220
233
|
},
|
|
221
234
|
requiredValidator: function requiredValidator(value) {
|
|
222
235
|
return value ? undefined : this.requiredValidationMessage;
|
|
223
236
|
},
|
|
224
237
|
formValidator: function formValidator(_dataItem, formValueGetter) {
|
|
225
238
|
var result = {};
|
|
226
|
-
result[this.fields.start] = [this.requiredValidator(formValueGetter(this.fields.start)), this.startAfterEndValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
|
|
239
|
+
result[this.ks.fields.start] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.startAfterEndValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
|
|
227
240
|
return current || acc;
|
|
228
241
|
}, '');
|
|
229
|
-
result[this.fields.end] = [this.requiredValidator(formValueGetter(this.fields.start)), this.endAfterStartValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
|
|
242
|
+
result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
|
|
230
243
|
return current || acc;
|
|
231
244
|
}, '');
|
|
232
245
|
var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
|
|
@@ -45,7 +45,7 @@ var ViewSelectorItemVue2 = {
|
|
|
45
45
|
var h = gh || createElement;
|
|
46
46
|
var localization = kendo_vue_intl_1.provideLocalizationService(this);
|
|
47
47
|
var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
|
|
48
|
-
var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
|
|
48
|
+
var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || this.$props.view.name;
|
|
49
49
|
var title = this.$props.view.title || name;
|
|
50
50
|
return (// @ts-ignore function children
|
|
51
51
|
h(kendo_vue_buttons_1.Button, {
|
|
@@ -91,7 +91,7 @@ var ViewSelectorListVue2 = {
|
|
|
91
91
|
return v.name === _this.ks.activeViewName;
|
|
92
92
|
});
|
|
93
93
|
var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
|
|
94
|
-
var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]);
|
|
94
|
+
var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]) || activeView.name;
|
|
95
95
|
return h("div", {
|
|
96
96
|
"class": "k-scheduler-views-wrapper"
|
|
97
97
|
}, [activeView && this.media === 'mobile' && // @ts-ignore function children
|
|
@@ -111,7 +111,7 @@ var ViewSelectorListVue2 = {
|
|
|
111
111
|
textField: "title",
|
|
112
112
|
items: views.map(function (v) {
|
|
113
113
|
var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
|
|
114
|
-
var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
|
|
114
|
+
var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
|
|
115
115
|
return __assign(__assign({}, v.props), {
|
|
116
116
|
selected: v.name === this.ks.activeViewName,
|
|
117
117
|
name: v.name,
|
|
@@ -123,7 +123,7 @@ var ViewSelectorListVue2 = {
|
|
|
123
123
|
textField: "title",
|
|
124
124
|
items: views.map(function (v) {
|
|
125
125
|
var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
|
|
126
|
-
var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
|
|
126
|
+
var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
|
|
127
127
|
return __assign(__assign({}, v.props), {
|
|
128
128
|
selected: v.name === this.ks.activeViewName,
|
|
129
129
|
name: v.name,
|