@progress/kendo-angular-scheduler 13.4.0 → 13.4.1-develop.2
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/data-binding.directive.d.ts +1 -8
- package/editing/edit-dialog-template.directive.d.ts +1 -1
- package/editing-directives/reactive-editing.directive.d.ts +1 -1
- package/esm2020/data-binding.directive.mjs +1 -8
- package/esm2020/editing/edit-dialog-template.directive.mjs +1 -1
- package/esm2020/editing-directives/reactive-editing.directive.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pdf/pdf-command.directive.mjs +1 -5
- package/esm2020/pdf/pdf.module.mjs +7 -19
- package/esm2020/scheduler.module.mjs +8 -20
- package/esm2020/toolbar/toolbar-template.directive.mjs +0 -8
- package/esm2020/views/scheduler-view.directive.mjs +1 -1
- package/esm2020/views/templates/agenda-date-template.directive.mjs +1 -8
- package/esm2020/views/templates/agenda-time-template.directive.mjs +1 -8
- package/esm2020/views/templates/all-day-event-template.directive.mjs +1 -8
- package/esm2020/views/templates/all-day-slot-template.directive.mjs +1 -8
- package/esm2020/views/templates/date-header-template.directive.mjs +1 -8
- package/esm2020/views/templates/event-template.directive.mjs +1 -8
- package/esm2020/views/templates/group-header-template.directive.mjs +1 -8
- package/esm2020/views/templates/major-time-header-template.directive.mjs +1 -8
- package/esm2020/views/templates/minor-time-header-template.directive.mjs +1 -8
- package/esm2020/views/templates/month-day-slot-template.directive.mjs +1 -8
- package/esm2020/views/templates/multi-week-day-slot-template.directive.mjs +1 -1
- package/esm2020/views/templates/time-slot-template.directive.mjs +1 -8
- package/fesm2015/progress-kendo-angular-scheduler.mjs +34 -154
- package/fesm2020/progress-kendo-angular-scheduler.mjs +34 -154
- package/package.json +12 -12
- package/pdf/pdf-command.directive.d.ts +1 -5
- package/pdf/pdf.module.d.ts +7 -19
- package/scheduler.module.d.ts +8 -20
- package/schematics/ngAdd/index.js +2 -2
- package/toolbar/toolbar-template.directive.d.ts +0 -8
- package/views/scheduler-view.directive.d.ts +1 -1
- package/views/templates/agenda-date-template.directive.d.ts +1 -8
- package/views/templates/agenda-time-template.directive.d.ts +1 -8
- package/views/templates/all-day-event-template.directive.d.ts +1 -8
- package/views/templates/all-day-slot-template.directive.d.ts +1 -8
- package/views/templates/date-header-template.directive.d.ts +1 -8
- package/views/templates/event-template.directive.d.ts +1 -8
- package/views/templates/group-header-template.directive.d.ts +1 -8
- package/views/templates/major-time-header-template.directive.d.ts +1 -8
- package/views/templates/minor-time-header-template.directive.d.ts +1 -8
- package/views/templates/month-day-slot-template.directive.d.ts +1 -8
- package/views/templates/multi-week-day-slot-template.directive.d.ts +1 -1
- package/views/templates/time-slot-template.directive.d.ts +1 -8
|
@@ -9,17 +9,10 @@ import { LocalDataChangesService } from './editing/local-data-changes.service';
|
|
|
9
9
|
import { IntlService } from '@progress/kendo-angular-intl';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
* A directive that processes Scheduler events in-memory.
|
|
12
|
+
* A directive that processes Scheduler events in-memory ([see example](slug:databinding_scheduler#toc-using-the-built-in-directive)).
|
|
13
13
|
*
|
|
14
14
|
* Processing includes the expanding of recurring events and the filtering of data for
|
|
15
15
|
* the currently active period.
|
|
16
|
-
*
|
|
17
|
-
* {% meta height:650 %}
|
|
18
|
-
* {% embed_file overview/app.component.ts preview %}
|
|
19
|
-
* {% embed_file shared/app.module.ts %}
|
|
20
|
-
* {% embed_file shared/main.ts %}
|
|
21
|
-
* {% embed_file shared/events-utc.ts %}
|
|
22
|
-
* {% endmeta %}
|
|
23
16
|
*/
|
|
24
17
|
export declare class DataBindingDirective implements OnInit, OnDestroy {
|
|
25
18
|
protected scheduler: SchedulerComponent;
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for the edit dialog of the Scheduler.
|
|
9
9
|
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag.
|
|
10
|
+
* with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag ([see example](slug:custom_reactive_editing_scheduler)).
|
|
11
11
|
*
|
|
12
12
|
* The template context is set to the current event and then the following additional fields are passed:
|
|
13
13
|
* - `event`—The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax—for example, `let-event`.
|
|
@@ -12,7 +12,7 @@ import { FocusService } from "../navigation";
|
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
/**
|
|
14
14
|
* A directive which encapsulates the editing operations when the Scheduler
|
|
15
|
-
* uses the [Reactive Angular Forms](link:site.data.urls.angular['reactiveforms']).
|
|
15
|
+
* uses the [Reactive Angular Forms](link:site.data.urls.angular['reactiveforms']) ([see example](slug:editing_directives_scheduler)).
|
|
16
16
|
*/
|
|
17
17
|
export declare class ReactiveEditingDirective extends EditingDirectiveBase {
|
|
18
18
|
protected scheduler: SchedulerComponent;
|
|
@@ -56,17 +56,10 @@ const occurrences = (item, fields, range, timezone, weekStart) => {
|
|
|
56
56
|
return [item, ...expanded];
|
|
57
57
|
};
|
|
58
58
|
/**
|
|
59
|
-
* A directive that processes Scheduler events in-memory.
|
|
59
|
+
* A directive that processes Scheduler events in-memory ([see example](slug:databinding_scheduler#toc-using-the-built-in-directive)).
|
|
60
60
|
*
|
|
61
61
|
* Processing includes the expanding of recurring events and the filtering of data for
|
|
62
62
|
* the currently active period.
|
|
63
|
-
*
|
|
64
|
-
* {% meta height:650 %}
|
|
65
|
-
* {% embed_file overview/app.component.ts preview %}
|
|
66
|
-
* {% embed_file shared/app.module.ts %}
|
|
67
|
-
* {% embed_file shared/main.ts %}
|
|
68
|
-
* {% embed_file shared/events-utc.ts %}
|
|
69
|
-
* {% endmeta %}
|
|
70
63
|
*/
|
|
71
64
|
export class DataBindingDirective {
|
|
72
65
|
constructor(scheduler, changeDetector, intl, localDataChangesService) {
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for the edit dialog of the Scheduler.
|
|
9
9
|
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag.
|
|
10
|
+
* with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag ([see example](slug:custom_reactive_editing_scheduler)).
|
|
11
11
|
*
|
|
12
12
|
* The template context is set to the current event and then the following additional fields are passed:
|
|
13
13
|
* - `event`—The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax—for example, `let-event`.
|
|
@@ -20,7 +20,7 @@ import * as i3 from "../editing/dialogs.service";
|
|
|
20
20
|
import * as i4 from "../navigation";
|
|
21
21
|
/**
|
|
22
22
|
* A directive which encapsulates the editing operations when the Scheduler
|
|
23
|
-
* uses the [Reactive Angular Forms](link:site.data.urls.angular['reactiveforms']).
|
|
23
|
+
* uses the [Reactive Angular Forms](link:site.data.urls.angular['reactiveforms']) ([see example](slug:editing_directives_scheduler)).
|
|
24
24
|
*/
|
|
25
25
|
export class ReactiveEditingDirective extends EditingDirectiveBase {
|
|
26
26
|
constructor(scheduler, localDataChangesService, dialogsService, focusService) {
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-scheduler',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.4.
|
|
12
|
+
publishDate: 1693387593,
|
|
13
|
+
version: '13.4.1-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -20,14 +20,10 @@ import * as i4 from "@angular/common";
|
|
|
20
20
|
* [`pdfExport`]({% slug api_scheduler_schedulercomponent %}#toc-pdfexport) event
|
|
21
21
|
* fires ([see example]({% slug pdfexport_scheduler %})).
|
|
22
22
|
*
|
|
23
|
-
*
|
|
24
|
-
* ```html-no-run
|
|
23
|
+
* ```html
|
|
25
24
|
* <kendo-scheduler>
|
|
26
25
|
* <ng-template kendoSchedulerToolbarTemplate>
|
|
27
26
|
* <button kendoSchedulerPDFCommand>Export PDF</button>
|
|
28
|
-
* <div kendoSchedulerToolbarNavigation></div>
|
|
29
|
-
* <span class="k-spacer"></span>
|
|
30
|
-
* <div kendoSchedulerToolbarViewSelector></div>
|
|
31
27
|
* </ng-template>
|
|
32
28
|
* <kendo-scheduler-pdf fileName="Scheduler.pdf">
|
|
33
29
|
* </kendo-scheduler-pdf>
|
|
@@ -15,31 +15,19 @@ const declarations = [
|
|
|
15
15
|
* Represents the [NgModule](https://angular.io/api/core/NgModule)
|
|
16
16
|
* definition for the Scheduler PDF component.
|
|
17
17
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* ```ts-no-run
|
|
21
|
-
* // Import the Scheduler and PDF modules
|
|
22
|
-
* import { SchedulerModule, PDFModule } from '@progress/kendo-angular-scheduler';
|
|
23
|
-
*
|
|
24
|
-
* // The browser platform with a compiler
|
|
25
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
26
|
-
*
|
|
18
|
+
* ```ts
|
|
27
19
|
* import { NgModule } from '@angular/core';
|
|
28
|
-
*
|
|
29
|
-
*
|
|
20
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
21
|
+
* import { SchedulerModule, PDFModule } from '@progress/kendo-angular-scheduler';
|
|
30
22
|
* import { AppComponent } from './app.component';
|
|
31
23
|
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
* imports: [BrowserModule, SchedulerModule, PDFModule], // import Scheduler and PDF modules
|
|
24
|
+
* @NgModule({
|
|
25
|
+
* declarations: [AppComponent],
|
|
26
|
+
* imports: [BrowserModule, SchedulerModule, PDFModule],
|
|
36
27
|
* bootstrap: [AppComponent]
|
|
37
28
|
* })
|
|
38
|
-
* export class AppModule {}
|
|
39
|
-
*
|
|
40
|
-
* // Compile and launch the module
|
|
41
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
42
29
|
*
|
|
30
|
+
* export class AppModule {}
|
|
43
31
|
* ```
|
|
44
32
|
*/
|
|
45
33
|
export class PDFModule {
|
|
@@ -130,31 +130,19 @@ const importedKendoModules = [
|
|
|
130
130
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
131
131
|
* definition for the Scheduler component.
|
|
132
132
|
*
|
|
133
|
-
*
|
|
134
|
-
* ```ts-no-run
|
|
135
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
133
|
+
* ```ts
|
|
136
134
|
* import { NgModule } from '@angular/core';
|
|
137
|
-
*
|
|
138
|
-
* // Import the Scheduler module
|
|
135
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
139
136
|
* import { SchedulerModule } from '@progress/kendo-angular-scheduler';
|
|
140
|
-
*
|
|
141
137
|
* import { AppComponent } from './app.component';
|
|
142
138
|
*
|
|
143
|
-
*
|
|
144
|
-
* declarations: [
|
|
145
|
-
*
|
|
146
|
-
* ]
|
|
147
|
-
* imports: [
|
|
148
|
-
* BrowserModule,
|
|
149
|
-
*
|
|
150
|
-
* // Import the Scheduler module
|
|
151
|
-
* SchedulerModule
|
|
152
|
-
* ],
|
|
153
|
-
* bootstrap: [
|
|
154
|
-
* AppComponent
|
|
155
|
-
* ]
|
|
139
|
+
* @NgModule({
|
|
140
|
+
* declarations: [AppComponent],
|
|
141
|
+
* imports: [BrowserModule, SchedulerModule],
|
|
142
|
+
* bootstrap: [AppComponent]
|
|
156
143
|
* })
|
|
157
|
-
*
|
|
144
|
+
*
|
|
145
|
+
* export class AppModule {}
|
|
158
146
|
* ```
|
|
159
147
|
*/
|
|
160
148
|
export class SchedulerModule {
|
|
@@ -22,14 +22,6 @@ import * as i0 from "@angular/core";
|
|
|
22
22
|
*
|
|
23
23
|
* To emit navigation events, the components inside the toolbar can inject
|
|
24
24
|
* the [`ToolbarService`]({% slug api_scheduler_toolbarservice %}).
|
|
25
|
-
*
|
|
26
|
-
* {% meta height:700 %}
|
|
27
|
-
* {% embed_file toolbar/template/app.component.ts preview %}
|
|
28
|
-
* {% embed_file toolbar/template/my-navigation.component.ts %}
|
|
29
|
-
* {% embed_file toolbar/template/app.module.ts %}
|
|
30
|
-
* {% embed_file shared/events-utc.ts %}
|
|
31
|
-
* {% embed_file shared/main.ts %}
|
|
32
|
-
* {% endmeta %}
|
|
33
25
|
*/
|
|
34
26
|
export class ToolbarTemplateDirective {
|
|
35
27
|
constructor(templateRef) {
|
|
@@ -7,7 +7,7 @@ import { SchedulerView } from '../types';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
// eslint-disable no-input-rename
|
|
9
9
|
/**
|
|
10
|
-
* A directive selector for a custom Scheduler view
|
|
10
|
+
* A directive selector for a custom Scheduler view.
|
|
11
11
|
*/
|
|
12
12
|
export class SchedulerViewDirective extends SchedulerView {
|
|
13
13
|
constructor(template) {
|
|
@@ -7,17 +7,10 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template which renders the date header in the **Agenda** view.
|
|
9
9
|
* To define the date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` components.
|
|
10
|
+
* directive inside the `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` components ([see example](slug:templates_scheduler#toc-agenda-dates)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The header date.
|
|
14
|
-
*
|
|
15
|
-
* {% meta height:500 %}
|
|
16
|
-
* {% embed_file templates/agenda-date-header/app.component.ts preview %}
|
|
17
|
-
* {% embed_file templates/agenda-date-header/app.module.ts %}
|
|
18
|
-
* {% embed_file shared/main.ts %}
|
|
19
|
-
* {% embed_file shared/events-utc.ts %}
|
|
20
|
-
* {% endmeta %}
|
|
21
14
|
*/
|
|
22
15
|
export class AgendaDateTemplateDirective {
|
|
23
16
|
constructor(templateRef) {
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template which renders the time header in the **Agenda** view.
|
|
9
9
|
* To define the time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>` or in the `<kendo-scheduler-agenda-view>` component.
|
|
10
|
+
* directive inside the `<kendo-scheduler>` or in the `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `start`—The start date of the event.
|
|
@@ -16,13 +16,6 @@ import * as i0 from "@angular/core";
|
|
|
16
16
|
* - `description`—The description of the event.
|
|
17
17
|
* - `isAllDay`—A Boolean value which indicates if the event is all-day.
|
|
18
18
|
* - `resources`—The resources of the event.
|
|
19
|
-
*
|
|
20
|
-
* {% meta height:500 %}
|
|
21
|
-
* {% embed_file templates/agenda-time-header/app.component.ts preview %}
|
|
22
|
-
* {% embed_file templates/agenda-time-header/app.module.ts %}
|
|
23
|
-
* {% embed_file shared/main.ts %}
|
|
24
|
-
* {% embed_file shared/events-utc.ts %}
|
|
25
|
-
* {% endmeta %}
|
|
26
19
|
*/
|
|
27
20
|
export class AgendaTimeTemplateDirective {
|
|
28
21
|
constructor(templateRef) {
|
|
@@ -7,18 +7,11 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for and assists the content customization of all-day events.
|
|
9
9
|
* To define the all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `event`—The event that is associated with the item.
|
|
14
14
|
* - `resources`—The resources of the event.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/all-day-event/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/all-day-event/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class AllDayEventTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -7,18 +7,11 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for and assists the content customization of all-day slots.
|
|
9
9
|
* To define the all-day slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-slots)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The date of the slot.
|
|
14
14
|
* - `resources`—The resources of the slot.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/all-day-slot/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/all-day-slot/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class AllDaySlotTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -8,17 +8,10 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Represents the template which renders the date header in the **Day**, **Week**, and **Timeline** views.
|
|
9
9
|
* To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate`
|
|
10
10
|
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
11
|
-
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
|
|
11
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-date-headers)).
|
|
12
12
|
*
|
|
13
13
|
* The available fields in the template context are:
|
|
14
14
|
* - `date`—The header date.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/date-header/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/date-header/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class DateHeaderTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -7,18 +7,11 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for and assists the content customization of the Scheduler events.
|
|
9
9
|
* To define the event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, or in the view components.
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, or in the view components ([see example](slug:templates_scheduler#toc-event-rendering)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `event`—The event that is associated with the item.
|
|
14
14
|
* - `resources`—The resources of the event.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/event/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/event/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class EventTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -8,17 +8,10 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Represents the template which renders the resource group header in the **Day**, **Week**, and **Timeline** views.
|
|
9
9
|
* To define the template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate`
|
|
10
10
|
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
11
|
-
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
|
|
11
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-group-headers)).
|
|
12
12
|
*
|
|
13
13
|
* The available fields in the template context are:
|
|
14
14
|
* - `resource`—The resource item.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/group-header/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/group-header/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class GroupHeaderTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -7,17 +7,10 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for the major-time headers in the **Day** and **Week** views.
|
|
9
9
|
* To define the major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components.
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-major-time-headers)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The date of the header.
|
|
14
|
-
*
|
|
15
|
-
* {% meta height:500 %}
|
|
16
|
-
* {% embed_file templates/major-header/app.component.ts preview %}
|
|
17
|
-
* {% embed_file templates/major-header/app.module.ts %}
|
|
18
|
-
* {% embed_file shared/main.ts %}
|
|
19
|
-
* {% embed_file shared/events-utc.ts %}
|
|
20
|
-
* {% endmeta %}
|
|
21
14
|
*/
|
|
22
15
|
export class MajorTimeHeaderTemplateDirective {
|
|
23
16
|
constructor(templateRef) {
|
|
@@ -7,17 +7,10 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for the minor-time headers in the **Day** and **Week** views.
|
|
9
9
|
* To define the minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components.
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-minor-time-headers)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The date of the header.
|
|
14
|
-
*
|
|
15
|
-
* {% meta height:500 %}
|
|
16
|
-
* {% embed_file templates/minor-header/app.component.ts preview %}
|
|
17
|
-
* {% embed_file templates/minor-header/app.module.ts %}
|
|
18
|
-
* {% embed_file shared/main.ts %}
|
|
19
|
-
* {% embed_file shared/events-utc.ts %}
|
|
20
|
-
* {% endmeta %}
|
|
21
14
|
*/
|
|
22
15
|
export class MinorTimeHeaderTemplateDirective {
|
|
23
16
|
constructor(templateRef) {
|
|
@@ -7,18 +7,11 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for rendering the day slots in the **Month** view.
|
|
9
9
|
* To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerMonthDaySlotTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component.
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-month-slots)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The date of the slot.
|
|
14
14
|
* - `resources`—The resources of the slot.
|
|
15
|
-
*
|
|
16
|
-
* {% meta height:500 %}
|
|
17
|
-
* {% embed_file templates/month-slot/app.component.ts preview %}
|
|
18
|
-
* {% embed_file templates/month-slot/app.module.ts %}
|
|
19
|
-
* {% embed_file shared/main.ts %}
|
|
20
|
-
* {% embed_file shared/events-utc.ts %}
|
|
21
|
-
* {% endmeta %}
|
|
22
15
|
*/
|
|
23
16
|
export class MonthDaySlotTemplateDirective {
|
|
24
17
|
constructor(templateRef) {
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the template for rendering the day slots in the **Month** view.
|
|
9
9
|
* To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerMultiWeekDaySlotTemplate`
|
|
10
|
-
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component.
|
|
10
|
+
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-multi-week-slots)).
|
|
11
11
|
*
|
|
12
12
|
* The available fields in the template context are:
|
|
13
13
|
* - `date`—The date of the slot.
|
|
@@ -8,18 +8,11 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Represents the template for the time-slot renderer in the **Day**, **Week**, and **Timeline** views.
|
|
9
9
|
* To define the time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
|
|
10
10
|
* directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
11
|
-
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components.
|
|
11
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-time-slots)).
|
|
12
12
|
*
|
|
13
13
|
* The available fields in the template context are:
|
|
14
14
|
* - `date`—The date of the slot.
|
|
15
15
|
* - `resources`—The resources of the slot.
|
|
16
|
-
*
|
|
17
|
-
* {% meta height:500 %}
|
|
18
|
-
* {% embed_file templates/time-slot/app.component.ts preview %}
|
|
19
|
-
* {% embed_file templates/time-slot/app.module.ts %}
|
|
20
|
-
* {% embed_file shared/main.ts %}
|
|
21
|
-
* {% embed_file shared/events-utc.ts %}
|
|
22
|
-
* {% endmeta %}
|
|
23
16
|
*/
|
|
24
17
|
export class TimeSlotTemplateDirective {
|
|
25
18
|
constructor(templateRef) {
|