@progress/kendo-angular-scheduler 4.0.0 → 4.1.0
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/bundles/kendo-angular-scheduler.umd.js +1 -1
- package/esm2015/editing/edit-dialog.component.js +175 -161
- package/esm2015/editing/recurrence/recurrence-editor.component.js +36 -40
- package/esm2015/editing/recurrence/recurrence-end-rule-editor.component.js +14 -16
- package/esm2015/editing/recurrence/recurrence-frequency-editor.component.js +26 -24
- package/esm2015/editing/recurrence/recurrence-interval-editor.component.js +44 -44
- package/esm2015/editing/recurrence/recurrence-monthly-yearly-editor.component.js +12 -14
- package/esm2015/editing/recurrence/recurrence-weekday-rule-editor.component.js +26 -24
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/views/common/base-view.js +6 -0
- package/esm2015/views/common/slot-selectable.directive.js +8 -5
- package/fesm2015/kendo-angular-scheduler.js +354 -335
- package/package.json +1 -1
|
@@ -61,7 +61,7 @@ export class EditDialogComponent {
|
|
|
61
61
|
if (this.editTemplate) {
|
|
62
62
|
return this.editTemplate.autoFocusedElement;
|
|
63
63
|
}
|
|
64
|
-
return '.k-
|
|
64
|
+
return '.k-form-field-wrap input';
|
|
65
65
|
}
|
|
66
66
|
get isEditingSeries() {
|
|
67
67
|
return this.editMode === 2 /* Series */ && Boolean(this.formGroup.get(this.fields.recurrenceRule));
|
|
@@ -230,113 +230,120 @@ export class EditDialogComponent {
|
|
|
230
230
|
}
|
|
231
231
|
EditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditDialogComponent, deps: [{ token: i0.NgZone }, { token: i1.EditService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i3.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
232
232
|
EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: { resources: "resources", timezone: "timezone", weekStart: "weekStart", fields: "fields", editTemplate: "editTemplate" }, viewQueries: [{ propertyName: "multipleResourceEditors", predicate: MultipleResourceEditorComponent, descendants: true }, { propertyName: "singleResourceEditors", predicate: SingleResourceEditorComponent, descendants: true }], ngImport: i0, template: `
|
|
233
|
-
<kendo-dialog (close)='onClose()' [minWidth]='
|
|
233
|
+
<kendo-dialog (close)='onClose()' [minWidth]='750' *ngIf='isActive' title='{{ textFor("editorTitle") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]="autoFocusedElement">
|
|
234
234
|
<ng-container *ngIf='!editTemplate'>
|
|
235
|
-
<div class='k-
|
|
236
|
-
<
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
<div class='k-edit-field'>
|
|
235
|
+
<div class='k-form k-form-horizontal'>
|
|
236
|
+
<form novalidate [formGroup]='formGroup'>
|
|
237
|
+
<!-- Title -->
|
|
238
|
+
<div class='k-form-field'>
|
|
239
|
+
<label for='k-event-title' class='k-form-label'>{{ textFor('editorEventTitle') }}</label>
|
|
240
|
+
<div class='k-form-field-wrap'>
|
|
242
241
|
<input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='getControl(fields.title)' />
|
|
243
242
|
</div>
|
|
243
|
+
</div>
|
|
244
244
|
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
</
|
|
248
|
-
<div class='k-
|
|
245
|
+
<!-- Start -->
|
|
246
|
+
<div class='k-form-field'>
|
|
247
|
+
<label class='k-form-label' (click)="startDateTimePicker.focus()">{{ textFor('editorEventStart') }}</label>
|
|
248
|
+
<div class='k-form-field-wrap'>
|
|
249
249
|
<kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='getControl(fields.start)'
|
|
250
250
|
[isAllDay]='getFormValue(fields.isAllDay)?.value'>
|
|
251
251
|
</kendo-scheduler-datetime-picker>
|
|
252
252
|
</div>
|
|
253
|
+
</div>
|
|
253
254
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
255
|
+
<div class='k-form-field' *ngIf="hasStartTimeZone">
|
|
256
|
+
<label class='k-form-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>
|
|
257
|
+
<div class='k-form-field-wrap'>
|
|
258
|
+
<input type='checkbox' id='k-set-timezone' kendoCheckBox formControlName='startTimezoneCheckbox' />
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
258
261
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
</
|
|
262
|
-
</ng-container>
|
|
262
|
+
<ng-container *ngIf="isStartTimeZoneVisible">
|
|
263
|
+
<div class='k-form-field'>
|
|
264
|
+
<label class='k-form-label' (click)="startTzPicker.focus()">{{ textFor('editorEventStartTimeZone') }}</label>
|
|
263
265
|
|
|
264
|
-
|
|
265
|
-
|
|
266
|
+
<div class='k-form-field-wrap'>
|
|
267
|
+
<kendo-timezone-editor [width]="undefined" #startTzPicker [formControl]='getControl(fields.startTimezone)'></kendo-timezone-editor>
|
|
268
|
+
</div>
|
|
266
269
|
</div>
|
|
267
|
-
|
|
270
|
+
</ng-container>
|
|
271
|
+
|
|
272
|
+
<!-- End -->
|
|
273
|
+
<div class='k-form-field'>
|
|
274
|
+
<label class='k-form-label' (click)="endDateTimePicker.focus()">{{ textFor('editorEventEnd') }}</label>
|
|
275
|
+
<div class='k-form-field-wrap'>
|
|
268
276
|
<kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='getControl(fields.end)'
|
|
269
277
|
[isAllDay]='getFormValue(fields.isAllDay)?.value'>
|
|
270
278
|
</kendo-scheduler-datetime-picker>
|
|
271
279
|
</div>
|
|
280
|
+
</div>
|
|
272
281
|
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
282
|
+
<div class='k-form-field' *ngIf="isStartTimeZoneVisible && hasEndTimeZone">
|
|
283
|
+
<label class='k-form-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>
|
|
284
|
+
<div class='k-form-field-wrap'>
|
|
285
|
+
<input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />
|
|
286
|
+
</div>
|
|
287
|
+
</div>
|
|
288
|
+
|
|
289
|
+
<ng-container *ngIf="isEndTimeZoneVisible">
|
|
290
|
+
<div class='k-form-field'>
|
|
291
|
+
<label class='k-form-label' (click)="endTzPicker.focus()">{{ textFor('editorEventEndTimeZone') }}</label>
|
|
277
292
|
|
|
278
|
-
<div class='k-
|
|
279
|
-
<kendo-timezone-editor #endTzPicker [formControl]='getControl(fields.endTimezone)'></kendo-timezone-editor>
|
|
293
|
+
<div class='k-form-field-wrap'>
|
|
294
|
+
<kendo-timezone-editor [width]="undefined" #endTzPicker [formControl]='getControl(fields.endTimezone)'></kendo-timezone-editor>
|
|
280
295
|
</div>
|
|
281
|
-
</
|
|
296
|
+
</div>
|
|
297
|
+
</ng-container>
|
|
298
|
+
|
|
299
|
+
<!-- All day -->
|
|
300
|
+
<div class='k-form-field'>
|
|
301
|
+
<label class='k-form-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
|
|
282
302
|
|
|
283
|
-
<div class='k-
|
|
303
|
+
<div class='k-form-field-wrap' *ngIf="hasAllDay">
|
|
284
304
|
<input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='getControl(fields.isAllDay)' />
|
|
285
|
-
<label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
|
|
286
305
|
</div>
|
|
306
|
+
</div>
|
|
287
307
|
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
308
|
+
<!-- Series -->
|
|
309
|
+
<kendo-recurrence-editor
|
|
310
|
+
*ngIf="isEditingSeries"
|
|
311
|
+
[formControl]='getControl(fields.recurrenceRule)'
|
|
312
|
+
[start]='recurrenceStart'
|
|
313
|
+
[timezone]='eventTimezone'
|
|
314
|
+
[weekStart]='weekStart'
|
|
315
|
+
></kendo-recurrence-editor>
|
|
292
316
|
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
317
|
+
<!-- Description -->
|
|
318
|
+
<div class='k-form-field' *ngIf='getFormValue(fields.description)'>
|
|
319
|
+
<label class='k-form-label' for='k-event-description'>{{ textFor('editorEventDescription') }}</label>
|
|
320
|
+
|
|
321
|
+
<div class='k-form-field-wrap'>
|
|
322
|
+
<textarea id='k-event-description' kendoTextArea [formControl]='getControl(fields.description)'></textarea>
|
|
297
323
|
</div>
|
|
324
|
+
</div>
|
|
298
325
|
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
326
|
+
<!-- Resources -->
|
|
327
|
+
<ng-container *ngFor='let resource of resources'>
|
|
328
|
+
<div class='k-form-field' *ngIf='getFormValue(resource.field)'>
|
|
329
|
+
<label class='k-form-label' (click)="onResourceClick(resource)">
|
|
330
|
+
{{ resource.name ? resource.name : resource.field }}
|
|
331
|
+
</label>
|
|
332
|
+
<div class='k-form-field-wrap'>
|
|
333
|
+
<kendo-multiple-resource-editor
|
|
334
|
+
*ngIf='resource.multiple'
|
|
335
|
+
[formControl]='getControl(resource.field)'
|
|
336
|
+
[resource]='resource'>
|
|
337
|
+
</kendo-multiple-resource-editor>
|
|
338
|
+
<kendo-single-resource-editor
|
|
339
|
+
*ngIf='!resource.multiple'
|
|
340
|
+
[formControl]='getControl(resource.field)'
|
|
341
|
+
[resource]='resource'>
|
|
342
|
+
</kendo-single-resource-editor>
|
|
314
343
|
</div>
|
|
315
|
-
</
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
<ng-container *ngIf='getFormValue(resource.field)'>
|
|
319
|
-
<div class='k-edit-label'>
|
|
320
|
-
<label (click)="onResourceClick(resource)">
|
|
321
|
-
{{ resource.name ? resource.name : resource.field }}
|
|
322
|
-
</label>
|
|
323
|
-
</div>
|
|
324
|
-
<div class='k-edit-field'>
|
|
325
|
-
<kendo-multiple-resource-editor
|
|
326
|
-
*ngIf='resource.multiple'
|
|
327
|
-
[formControl]='getControl(resource.field)'
|
|
328
|
-
[resource]='resource'>
|
|
329
|
-
</kendo-multiple-resource-editor>
|
|
330
|
-
<kendo-single-resource-editor
|
|
331
|
-
*ngIf='!resource.multiple'
|
|
332
|
-
[formControl]='getControl(resource.field)'
|
|
333
|
-
[resource]='resource'>
|
|
334
|
-
</kendo-single-resource-editor>
|
|
335
|
-
</div>
|
|
336
|
-
</ng-container>
|
|
337
|
-
</ng-container>
|
|
338
|
-
</form>
|
|
339
|
-
</div>
|
|
344
|
+
</div>
|
|
345
|
+
</ng-container>
|
|
346
|
+
</form>
|
|
340
347
|
</div>
|
|
341
348
|
</ng-container>
|
|
342
349
|
|
|
@@ -365,113 +372,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
365
372
|
args: [{
|
|
366
373
|
selector: 'kendo-scheduler-edit-dialog',
|
|
367
374
|
template: `
|
|
368
|
-
<kendo-dialog (close)='onClose()' [minWidth]='
|
|
375
|
+
<kendo-dialog (close)='onClose()' [minWidth]='750' *ngIf='isActive' title='{{ textFor("editorTitle") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]="autoFocusedElement">
|
|
369
376
|
<ng-container *ngIf='!editTemplate'>
|
|
370
|
-
<div class='k-
|
|
371
|
-
<
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
<div class='k-edit-field'>
|
|
377
|
+
<div class='k-form k-form-horizontal'>
|
|
378
|
+
<form novalidate [formGroup]='formGroup'>
|
|
379
|
+
<!-- Title -->
|
|
380
|
+
<div class='k-form-field'>
|
|
381
|
+
<label for='k-event-title' class='k-form-label'>{{ textFor('editorEventTitle') }}</label>
|
|
382
|
+
<div class='k-form-field-wrap'>
|
|
377
383
|
<input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='getControl(fields.title)' />
|
|
378
384
|
</div>
|
|
385
|
+
</div>
|
|
379
386
|
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
</
|
|
383
|
-
<div class='k-
|
|
387
|
+
<!-- Start -->
|
|
388
|
+
<div class='k-form-field'>
|
|
389
|
+
<label class='k-form-label' (click)="startDateTimePicker.focus()">{{ textFor('editorEventStart') }}</label>
|
|
390
|
+
<div class='k-form-field-wrap'>
|
|
384
391
|
<kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='getControl(fields.start)'
|
|
385
392
|
[isAllDay]='getFormValue(fields.isAllDay)?.value'>
|
|
386
393
|
</kendo-scheduler-datetime-picker>
|
|
387
394
|
</div>
|
|
395
|
+
</div>
|
|
388
396
|
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
397
|
+
<div class='k-form-field' *ngIf="hasStartTimeZone">
|
|
398
|
+
<label class='k-form-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>
|
|
399
|
+
<div class='k-form-field-wrap'>
|
|
400
|
+
<input type='checkbox' id='k-set-timezone' kendoCheckBox formControlName='startTimezoneCheckbox' />
|
|
401
|
+
</div>
|
|
402
|
+
</div>
|
|
393
403
|
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
</
|
|
397
|
-
</ng-container>
|
|
404
|
+
<ng-container *ngIf="isStartTimeZoneVisible">
|
|
405
|
+
<div class='k-form-field'>
|
|
406
|
+
<label class='k-form-label' (click)="startTzPicker.focus()">{{ textFor('editorEventStartTimeZone') }}</label>
|
|
398
407
|
|
|
399
|
-
|
|
400
|
-
|
|
408
|
+
<div class='k-form-field-wrap'>
|
|
409
|
+
<kendo-timezone-editor [width]="undefined" #startTzPicker [formControl]='getControl(fields.startTimezone)'></kendo-timezone-editor>
|
|
410
|
+
</div>
|
|
401
411
|
</div>
|
|
402
|
-
|
|
412
|
+
</ng-container>
|
|
413
|
+
|
|
414
|
+
<!-- End -->
|
|
415
|
+
<div class='k-form-field'>
|
|
416
|
+
<label class='k-form-label' (click)="endDateTimePicker.focus()">{{ textFor('editorEventEnd') }}</label>
|
|
417
|
+
<div class='k-form-field-wrap'>
|
|
403
418
|
<kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='getControl(fields.end)'
|
|
404
419
|
[isAllDay]='getFormValue(fields.isAllDay)?.value'>
|
|
405
420
|
</kendo-scheduler-datetime-picker>
|
|
406
421
|
</div>
|
|
422
|
+
</div>
|
|
407
423
|
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
424
|
+
<div class='k-form-field' *ngIf="isStartTimeZoneVisible && hasEndTimeZone">
|
|
425
|
+
<label class='k-form-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>
|
|
426
|
+
<div class='k-form-field-wrap'>
|
|
427
|
+
<input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
|
|
431
|
+
<ng-container *ngIf="isEndTimeZoneVisible">
|
|
432
|
+
<div class='k-form-field'>
|
|
433
|
+
<label class='k-form-label' (click)="endTzPicker.focus()">{{ textFor('editorEventEndTimeZone') }}</label>
|
|
412
434
|
|
|
413
|
-
<div class='k-
|
|
414
|
-
<kendo-timezone-editor #endTzPicker [formControl]='getControl(fields.endTimezone)'></kendo-timezone-editor>
|
|
435
|
+
<div class='k-form-field-wrap'>
|
|
436
|
+
<kendo-timezone-editor [width]="undefined" #endTzPicker [formControl]='getControl(fields.endTimezone)'></kendo-timezone-editor>
|
|
415
437
|
</div>
|
|
416
|
-
</
|
|
438
|
+
</div>
|
|
439
|
+
</ng-container>
|
|
440
|
+
|
|
441
|
+
<!-- All day -->
|
|
442
|
+
<div class='k-form-field'>
|
|
443
|
+
<label class='k-form-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
|
|
417
444
|
|
|
418
|
-
<div class='k-
|
|
445
|
+
<div class='k-form-field-wrap' *ngIf="hasAllDay">
|
|
419
446
|
<input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='getControl(fields.isAllDay)' />
|
|
420
|
-
<label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
|
|
421
447
|
</div>
|
|
448
|
+
</div>
|
|
422
449
|
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
450
|
+
<!-- Series -->
|
|
451
|
+
<kendo-recurrence-editor
|
|
452
|
+
*ngIf="isEditingSeries"
|
|
453
|
+
[formControl]='getControl(fields.recurrenceRule)'
|
|
454
|
+
[start]='recurrenceStart'
|
|
455
|
+
[timezone]='eventTimezone'
|
|
456
|
+
[weekStart]='weekStart'
|
|
457
|
+
></kendo-recurrence-editor>
|
|
427
458
|
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
459
|
+
<!-- Description -->
|
|
460
|
+
<div class='k-form-field' *ngIf='getFormValue(fields.description)'>
|
|
461
|
+
<label class='k-form-label' for='k-event-description'>{{ textFor('editorEventDescription') }}</label>
|
|
462
|
+
|
|
463
|
+
<div class='k-form-field-wrap'>
|
|
464
|
+
<textarea id='k-event-description' kendoTextArea [formControl]='getControl(fields.description)'></textarea>
|
|
432
465
|
</div>
|
|
466
|
+
</div>
|
|
433
467
|
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
468
|
+
<!-- Resources -->
|
|
469
|
+
<ng-container *ngFor='let resource of resources'>
|
|
470
|
+
<div class='k-form-field' *ngIf='getFormValue(resource.field)'>
|
|
471
|
+
<label class='k-form-label' (click)="onResourceClick(resource)">
|
|
472
|
+
{{ resource.name ? resource.name : resource.field }}
|
|
473
|
+
</label>
|
|
474
|
+
<div class='k-form-field-wrap'>
|
|
475
|
+
<kendo-multiple-resource-editor
|
|
476
|
+
*ngIf='resource.multiple'
|
|
477
|
+
[formControl]='getControl(resource.field)'
|
|
478
|
+
[resource]='resource'>
|
|
479
|
+
</kendo-multiple-resource-editor>
|
|
480
|
+
<kendo-single-resource-editor
|
|
481
|
+
*ngIf='!resource.multiple'
|
|
482
|
+
[formControl]='getControl(resource.field)'
|
|
483
|
+
[resource]='resource'>
|
|
484
|
+
</kendo-single-resource-editor>
|
|
449
485
|
</div>
|
|
450
|
-
</
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
<ng-container *ngIf='getFormValue(resource.field)'>
|
|
454
|
-
<div class='k-edit-label'>
|
|
455
|
-
<label (click)="onResourceClick(resource)">
|
|
456
|
-
{{ resource.name ? resource.name : resource.field }}
|
|
457
|
-
</label>
|
|
458
|
-
</div>
|
|
459
|
-
<div class='k-edit-field'>
|
|
460
|
-
<kendo-multiple-resource-editor
|
|
461
|
-
*ngIf='resource.multiple'
|
|
462
|
-
[formControl]='getControl(resource.field)'
|
|
463
|
-
[resource]='resource'>
|
|
464
|
-
</kendo-multiple-resource-editor>
|
|
465
|
-
<kendo-single-resource-editor
|
|
466
|
-
*ngIf='!resource.multiple'
|
|
467
|
-
[formControl]='getControl(resource.field)'
|
|
468
|
-
[resource]='resource'>
|
|
469
|
-
</kendo-single-resource-editor>
|
|
470
|
-
</div>
|
|
471
|
-
</ng-container>
|
|
472
|
-
</ng-container>
|
|
473
|
-
</form>
|
|
474
|
-
</div>
|
|
486
|
+
</div>
|
|
487
|
+
</ng-container>
|
|
488
|
+
</form>
|
|
475
489
|
</div>
|
|
476
490
|
</ng-container>
|
|
477
491
|
|
|
@@ -224,26 +224,24 @@ RecurrenceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
224
224
|
<kendo-recurrence-frequency-editor>
|
|
225
225
|
</kendo-recurrence-frequency-editor>
|
|
226
226
|
|
|
227
|
-
<
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
</kendo-recurrence-end-rule-editor>
|
|
246
|
-
</div>
|
|
227
|
+
<kendo-recurrence-interval-editor
|
|
228
|
+
*ngIf="currentFreq !== 'never'"
|
|
229
|
+
[userNumericOptions]="repeatEveryOptions">
|
|
230
|
+
</kendo-recurrence-interval-editor>
|
|
231
|
+
|
|
232
|
+
<kendo-recurrence-weekday-rule-editor *ngIf="currentFreq === 'weekly'">
|
|
233
|
+
</kendo-recurrence-weekday-rule-editor>
|
|
234
|
+
|
|
235
|
+
<kendo-recurrence-monthly-yearly-editor
|
|
236
|
+
*ngIf="currentFreq === 'monthly' || currentFreq === 'yearly'"
|
|
237
|
+
[userNumericOptions]="repeatOnOptions">
|
|
238
|
+
</kendo-recurrence-monthly-yearly-editor>
|
|
239
|
+
|
|
240
|
+
<kendo-recurrence-end-rule-editor
|
|
241
|
+
*ngIf="currentFreq !== 'never'"
|
|
242
|
+
[userNumericOptions]="endAfterOptions"
|
|
243
|
+
[userDatePickerOptions]="endOnOptions">
|
|
244
|
+
</kendo-recurrence-end-rule-editor>
|
|
247
245
|
`, isInline: true, components: [{ type: i3.RecurrenceFrequencyEditorComponent, selector: "kendo-recurrence-frequency-editor" }, { type: i4.RecurrenceIntervalEditorComponent, selector: "kendo-recurrence-interval-editor", inputs: ["userNumericOptions"] }, { type: i5.RecurrenceWeekdayRuleEditorComponent, selector: "kendo-recurrence-weekday-rule-editor" }, { type: i6.RecurrenceMonthlyYearlyEditorComponent, selector: "kendo-recurrence-monthly-yearly-editor", inputs: ["userNumericOptions"] }, { type: i7.RecurrenceEndRuleEditorComponent, selector: "kendo-recurrence-end-rule-editor", inputs: ["userNumericOptions", "userDatePickerOptions"] }], directives: [{ type: i8.RecurrenceEditorLocalizedMessagesDirective, selector: "[kendoRecurrenceEditorLocalizedMessages]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
248
246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceEditorComponent, decorators: [{
|
|
249
247
|
type: Component,
|
|
@@ -366,26 +364,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
366
364
|
<kendo-recurrence-frequency-editor>
|
|
367
365
|
</kendo-recurrence-frequency-editor>
|
|
368
366
|
|
|
369
|
-
<
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
</kendo-recurrence-end-rule-editor>
|
|
388
|
-
</div>
|
|
367
|
+
<kendo-recurrence-interval-editor
|
|
368
|
+
*ngIf="currentFreq !== 'never'"
|
|
369
|
+
[userNumericOptions]="repeatEveryOptions">
|
|
370
|
+
</kendo-recurrence-interval-editor>
|
|
371
|
+
|
|
372
|
+
<kendo-recurrence-weekday-rule-editor *ngIf="currentFreq === 'weekly'">
|
|
373
|
+
</kendo-recurrence-weekday-rule-editor>
|
|
374
|
+
|
|
375
|
+
<kendo-recurrence-monthly-yearly-editor
|
|
376
|
+
*ngIf="currentFreq === 'monthly' || currentFreq === 'yearly'"
|
|
377
|
+
[userNumericOptions]="repeatOnOptions">
|
|
378
|
+
</kendo-recurrence-monthly-yearly-editor>
|
|
379
|
+
|
|
380
|
+
<kendo-recurrence-end-rule-editor
|
|
381
|
+
*ngIf="currentFreq !== 'never'"
|
|
382
|
+
[userNumericOptions]="endAfterOptions"
|
|
383
|
+
[userDatePickerOptions]="endOnOptions">
|
|
384
|
+
</kendo-recurrence-end-rule-editor>
|
|
389
385
|
`
|
|
390
386
|
}]
|
|
391
387
|
}], ctorParameters: function () { return [{ type: i1.RecurrenceService }, { type: i2.IntlService }]; }, propDecorators: { cssClass: [{
|
|
@@ -120,16 +120,15 @@ export class RecurrenceEndRuleEditorComponent {
|
|
|
120
120
|
}
|
|
121
121
|
RecurrenceEndRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceEndRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
122
122
|
RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceEndRuleEditorComponent, selector: "kendo-recurrence-end-rule-editor", inputs: { userNumericOptions: "userNumericOptions", userDatePickerOptions: "userDatePickerOptions" }, viewQueries: [{ propertyName: "endRuleRadioButtons", predicate: EndRuleRadioButtonDirective, descendants: true }], ngImport: i0, template: `
|
|
123
|
-
<div class='k-
|
|
124
|
-
<label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
<li>
|
|
123
|
+
<div class='k-form-field'>
|
|
124
|
+
<label class='k-form-label' (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
|
|
125
|
+
|
|
126
|
+
<ul class='k-form-field-wrap k-reset'>
|
|
127
|
+
<li class='k-radio-item'>
|
|
129
128
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
|
|
130
129
|
<label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
|
|
131
130
|
</li>
|
|
132
|
-
<li>
|
|
131
|
+
<li class='k-radio-item'>
|
|
133
132
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
|
|
134
133
|
<label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
|
|
135
134
|
|
|
@@ -152,7 +151,7 @@ RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
|
|
|
152
151
|
</kendo-numerictextbox>
|
|
153
152
|
<span>{{ textFor('endOccurrence') }}</span>
|
|
154
153
|
</li>
|
|
155
|
-
<li>
|
|
154
|
+
<li class='k-radio-item'>
|
|
156
155
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
|
|
157
156
|
<label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
|
|
158
157
|
|
|
@@ -189,16 +188,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
189
188
|
args: [{
|
|
190
189
|
selector: 'kendo-recurrence-end-rule-editor',
|
|
191
190
|
template: `
|
|
192
|
-
<div class='k-
|
|
193
|
-
<label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
<li>
|
|
191
|
+
<div class='k-form-field'>
|
|
192
|
+
<label class='k-form-label' (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
|
|
193
|
+
|
|
194
|
+
<ul class='k-form-field-wrap k-reset'>
|
|
195
|
+
<li class='k-radio-item'>
|
|
198
196
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
|
|
199
197
|
<label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
|
|
200
198
|
</li>
|
|
201
|
-
<li>
|
|
199
|
+
<li class='k-radio-item'>
|
|
202
200
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
|
|
203
201
|
<label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
|
|
204
202
|
|
|
@@ -221,7 +219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
221
219
|
</kendo-numerictextbox>
|
|
222
220
|
<span>{{ textFor('endOccurrence') }}</span>
|
|
223
221
|
</li>
|
|
224
|
-
<li>
|
|
222
|
+
<li class='k-radio-item'>
|
|
225
223
|
<input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
|
|
226
224
|
<label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
|
|
227
225
|
|