@progress/kendo-angular-gantt 11.3.0 → 11.4.0-develop.1
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/editing/dependencies-table.component.d.ts +3 -0
- package/editing/edit-dialog.component.d.ts +4 -0
- package/esm2020/editing/dependencies-table.component.mjs +29 -4
- package/esm2020/editing/edit-dialog.component.mjs +50 -6
- package/esm2020/editing/task-fields.component.mjs +16 -14
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-gantt.mjs +96 -27
- package/fesm2020/progress-kendo-angular-gantt.mjs +96 -27
- package/package.json +13 -13
- package/schematics/ngAdd/index.js +10 -10
|
@@ -7,6 +7,7 @@ import { FormArray, FormControl } from '@angular/forms';
|
|
|
7
7
|
import { MappingService } from '../common/mapping.service';
|
|
8
8
|
import { GanttLocalizationService } from '../localization/gantt-localization.service';
|
|
9
9
|
import { EditService } from './edit.service';
|
|
10
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
/**
|
|
12
13
|
* @hidden
|
|
@@ -25,6 +26,8 @@ export declare class DependenciesTableComponent {
|
|
|
25
26
|
type: string;
|
|
26
27
|
id: number;
|
|
27
28
|
}[];
|
|
29
|
+
plusIcon: SVGIcon;
|
|
30
|
+
minusIcon: SVGIcon;
|
|
28
31
|
get taskId(): number;
|
|
29
32
|
get dependencyIdField(): string;
|
|
30
33
|
constructor(mapper: MappingService, editService: EditService, localizationService: GanttLocalizationService);
|
|
@@ -7,6 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
7
7
|
import { MappingService } from '../common/mapping.service';
|
|
8
8
|
import { GanttDependency } from '../models/models';
|
|
9
9
|
import { EditService } from './edit.service';
|
|
10
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
/**
|
|
12
13
|
* @hidden
|
|
@@ -18,6 +19,9 @@ export declare class EditDialogComponent {
|
|
|
18
19
|
private localizationService;
|
|
19
20
|
data: any[];
|
|
20
21
|
loadedTasks: any[];
|
|
22
|
+
saveIcon: SVGIcon;
|
|
23
|
+
cancelIcon: SVGIcon;
|
|
24
|
+
deleteIcon: SVGIcon;
|
|
21
25
|
constructor(mapper: MappingService, editService: EditService, cdr: ChangeDetectorRef, localizationService: LocalizationService);
|
|
22
26
|
ngOnInit(): void;
|
|
23
27
|
get predecessors(): GanttDependency[];
|
|
@@ -8,6 +8,7 @@ import { MappingService } from '../common/mapping.service';
|
|
|
8
8
|
import { GanttLocalizationService } from '../localization/gantt-localization.service';
|
|
9
9
|
import { DependencyType } from '../models/dependency-type.enum';
|
|
10
10
|
import { EditService } from './edit.service';
|
|
11
|
+
import { plusIcon, minusIcon } from '@progress/kendo-svg-icons';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
import * as i1 from "../common/mapping.service";
|
|
13
14
|
import * as i2 from "./edit.service";
|
|
@@ -28,6 +29,8 @@ export class DependenciesTableComponent {
|
|
|
28
29
|
this.selectedKeys = [];
|
|
29
30
|
this.formGroups = new FormArray([]);
|
|
30
31
|
this.dependencyTypes = this.getDependencyTypes();
|
|
32
|
+
this.plusIcon = plusIcon;
|
|
33
|
+
this.minusIcon = minusIcon;
|
|
31
34
|
}
|
|
32
35
|
get taskId() {
|
|
33
36
|
return this.editService.dataItem.id;
|
|
@@ -108,10 +111,21 @@ DependenciesTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
108
111
|
[height]="275"
|
|
109
112
|
>
|
|
110
113
|
<ng-template kendoGridToolbarTemplate>
|
|
111
|
-
<button
|
|
114
|
+
<button
|
|
115
|
+
kendoButton
|
|
116
|
+
icon="plus"
|
|
117
|
+
[svgIcon]="plusIcon"
|
|
118
|
+
(click)="addHandler()"
|
|
119
|
+
>
|
|
112
120
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
113
121
|
</button>
|
|
114
|
-
<button
|
|
122
|
+
<button
|
|
123
|
+
kendoButton
|
|
124
|
+
icon="minus"
|
|
125
|
+
[svgIcon]="minusIcon"
|
|
126
|
+
[disabled]="selectedKeys.length === 0"
|
|
127
|
+
(click)="removeHandler()"
|
|
128
|
+
>
|
|
115
129
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
116
130
|
</button>
|
|
117
131
|
</ng-template>
|
|
@@ -154,10 +168,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
154
168
|
[height]="275"
|
|
155
169
|
>
|
|
156
170
|
<ng-template kendoGridToolbarTemplate>
|
|
157
|
-
<button
|
|
171
|
+
<button
|
|
172
|
+
kendoButton
|
|
173
|
+
icon="plus"
|
|
174
|
+
[svgIcon]="plusIcon"
|
|
175
|
+
(click)="addHandler()"
|
|
176
|
+
>
|
|
158
177
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
159
178
|
</button>
|
|
160
|
-
<button
|
|
179
|
+
<button
|
|
180
|
+
kendoButton
|
|
181
|
+
icon="minus"
|
|
182
|
+
[svgIcon]="minusIcon"
|
|
183
|
+
[disabled]="selectedKeys.length === 0"
|
|
184
|
+
(click)="removeHandler()"
|
|
185
|
+
>
|
|
161
186
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
162
187
|
</button>
|
|
163
188
|
</ng-template>
|
|
@@ -7,6 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
7
7
|
import { MappingService } from '../common/mapping.service';
|
|
8
8
|
import { DependencyType } from '../models/dependency-type.enum';
|
|
9
9
|
import { EditService } from './edit.service';
|
|
10
|
+
import { saveIcon, cancelOutlineIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
import * as i1 from "../common/mapping.service";
|
|
12
13
|
import * as i2 from "./edit.service";
|
|
@@ -27,6 +28,9 @@ export class EditDialogComponent {
|
|
|
27
28
|
this.editService = editService;
|
|
28
29
|
this.cdr = cdr;
|
|
29
30
|
this.localizationService = localizationService;
|
|
31
|
+
this.saveIcon = saveIcon;
|
|
32
|
+
this.cancelIcon = cancelOutlineIcon;
|
|
33
|
+
this.deleteIcon = trashIcon;
|
|
30
34
|
}
|
|
31
35
|
ngOnInit() {
|
|
32
36
|
this.editService.loadTasks(this.data).subscribe(value => {
|
|
@@ -64,6 +68,7 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
64
68
|
[title]="getText('taskEditingDialogTitle')"
|
|
65
69
|
[width]="575"
|
|
66
70
|
[height]="470"
|
|
71
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
67
72
|
(close)="handleEditingResult('cancel')">
|
|
68
73
|
<kendo-dialog-messages
|
|
69
74
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -98,6 +103,28 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
98
103
|
<kendo-dialog-actions layout="normal">
|
|
99
104
|
<button
|
|
100
105
|
kendoButton
|
|
106
|
+
themeColor="primary"
|
|
107
|
+
icon="save"
|
|
108
|
+
[svgIcon]="saveIcon"
|
|
109
|
+
(click)="handleEditingResult('save')"
|
|
110
|
+
>
|
|
111
|
+
{{ getText('saveButtonText') }}
|
|
112
|
+
</button>
|
|
113
|
+
<button
|
|
114
|
+
kendoButton
|
|
115
|
+
icon="cancel-outline"
|
|
116
|
+
[svgIcon]="cancelIcon"
|
|
117
|
+
(click)="handleEditingResult('cancel')"
|
|
118
|
+
>
|
|
119
|
+
{{ getText('cancelButtonText') }}
|
|
120
|
+
</button>
|
|
121
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
122
|
+
<button
|
|
123
|
+
kendoButton
|
|
124
|
+
themeColor="primary"
|
|
125
|
+
fillMode="flat"
|
|
126
|
+
icon="delete"
|
|
127
|
+
[svgIcon]="deleteIcon"
|
|
101
128
|
[kendoEventsOutsideAngular]="{
|
|
102
129
|
click: handleTaskDelete
|
|
103
130
|
}"
|
|
@@ -105,9 +132,6 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
105
132
|
>
|
|
106
133
|
{{ getText('deleteButtonText') }}
|
|
107
134
|
</button>
|
|
108
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
109
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
110
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
111
135
|
</kendo-dialog-actions>
|
|
112
136
|
</kendo-dialog>
|
|
113
137
|
`, isInline: true, components: [{ type: i4.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i5.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { type: i5.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { type: i6.TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { type: i7.DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { type: i4.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i8.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i9.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: i4.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }, { type: i5.TabContentDirective, selector: "[kendoTabContent]" }, { type: i10.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
@@ -120,6 +144,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
120
144
|
[title]="getText('taskEditingDialogTitle')"
|
|
121
145
|
[width]="575"
|
|
122
146
|
[height]="470"
|
|
147
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
123
148
|
(close)="handleEditingResult('cancel')">
|
|
124
149
|
<kendo-dialog-messages
|
|
125
150
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -154,6 +179,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
154
179
|
<kendo-dialog-actions layout="normal">
|
|
155
180
|
<button
|
|
156
181
|
kendoButton
|
|
182
|
+
themeColor="primary"
|
|
183
|
+
icon="save"
|
|
184
|
+
[svgIcon]="saveIcon"
|
|
185
|
+
(click)="handleEditingResult('save')"
|
|
186
|
+
>
|
|
187
|
+
{{ getText('saveButtonText') }}
|
|
188
|
+
</button>
|
|
189
|
+
<button
|
|
190
|
+
kendoButton
|
|
191
|
+
icon="cancel-outline"
|
|
192
|
+
[svgIcon]="cancelIcon"
|
|
193
|
+
(click)="handleEditingResult('cancel')"
|
|
194
|
+
>
|
|
195
|
+
{{ getText('cancelButtonText') }}
|
|
196
|
+
</button>
|
|
197
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
198
|
+
<button
|
|
199
|
+
kendoButton
|
|
200
|
+
themeColor="primary"
|
|
201
|
+
fillMode="flat"
|
|
202
|
+
icon="delete"
|
|
203
|
+
[svgIcon]="deleteIcon"
|
|
157
204
|
[kendoEventsOutsideAngular]="{
|
|
158
205
|
click: handleTaskDelete
|
|
159
206
|
}"
|
|
@@ -161,9 +208,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
161
208
|
>
|
|
162
209
|
{{ getText('deleteButtonText') }}
|
|
163
210
|
</button>
|
|
164
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
165
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
166
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
167
211
|
</kendo-dialog-actions>
|
|
168
212
|
</kendo-dialog>
|
|
169
213
|
`
|
|
@@ -39,23 +39,24 @@ TaskFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
|
|
|
39
39
|
TaskFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields", ngImport: i0, template: `
|
|
40
40
|
<form class="k-form" [formGroup]="formGroup">
|
|
41
41
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
42
|
-
<kendo-label [for]="
|
|
43
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
42
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
43
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
44
44
|
</kendo-formfield>
|
|
45
45
|
<div class="k-hstack">
|
|
46
46
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
47
|
-
<kendo-label [for]="
|
|
48
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
47
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
48
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
49
49
|
</kendo-formfield>
|
|
50
50
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
51
51
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
52
|
-
<kendo-label [for]="
|
|
53
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
52
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
53
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
54
54
|
</kendo-formfield>
|
|
55
55
|
</div>
|
|
56
56
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
57
|
-
<kendo-label [for]="
|
|
57
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
58
58
|
<kendo-numerictextbox
|
|
59
|
+
#completionRatio
|
|
59
60
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
60
61
|
[min]="0"
|
|
61
62
|
[max]="1"
|
|
@@ -73,23 +74,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
73
74
|
template: `
|
|
74
75
|
<form class="k-form" [formGroup]="formGroup">
|
|
75
76
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
76
|
-
<kendo-label [for]="
|
|
77
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
77
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
78
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
78
79
|
</kendo-formfield>
|
|
79
80
|
<div class="k-hstack">
|
|
80
81
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
81
|
-
<kendo-label [for]="
|
|
82
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
82
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
83
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
83
84
|
</kendo-formfield>
|
|
84
85
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
85
86
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
86
|
-
<kendo-label [for]="
|
|
87
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
87
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
88
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
88
89
|
</kendo-formfield>
|
|
89
90
|
</div>
|
|
90
91
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
91
|
-
<kendo-label [for]="
|
|
92
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
92
93
|
<kendo-numerictextbox
|
|
94
|
+
#completionRatio
|
|
93
95
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
94
96
|
[min]="0"
|
|
95
97
|
[max]="1"
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-gantt',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '11.
|
|
12
|
+
publishDate: 1678093063,
|
|
13
|
+
version: '11.4.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -17,7 +17,7 @@ import * as i6 from '@angular/common';
|
|
|
17
17
|
import { CommonModule } from '@angular/common';
|
|
18
18
|
import { orderBy } from '@progress/kendo-data-query';
|
|
19
19
|
import * as i1 from '@progress/kendo-angular-intl';
|
|
20
|
-
import { xIcon } from '@progress/kendo-svg-icons';
|
|
20
|
+
import { xIcon, plusIcon, minusIcon, saveIcon, cancelOutlineIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
21
21
|
import * as i7 from '@progress/kendo-angular-icons';
|
|
22
22
|
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
23
23
|
import * as i1$1 from '@progress/kendo-angular-l10n';
|
|
@@ -50,8 +50,8 @@ const packageMetadata = {
|
|
|
50
50
|
name: '@progress/kendo-angular-gantt',
|
|
51
51
|
productName: 'Kendo UI for Angular',
|
|
52
52
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
53
|
-
publishDate:
|
|
54
|
-
version: '11.
|
|
53
|
+
publishDate: 1678093063,
|
|
54
|
+
version: '11.4.0-develop.1',
|
|
55
55
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
56
56
|
};
|
|
57
57
|
|
|
@@ -4303,23 +4303,24 @@ TaskFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
|
|
|
4303
4303
|
TaskFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields", ngImport: i0, template: `
|
|
4304
4304
|
<form class="k-form" [formGroup]="formGroup">
|
|
4305
4305
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
4306
|
-
<kendo-label [for]="
|
|
4307
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4306
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
4307
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4308
4308
|
</kendo-formfield>
|
|
4309
4309
|
<div class="k-hstack">
|
|
4310
4310
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
4311
|
-
<kendo-label [for]="
|
|
4312
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4311
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
4312
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4313
4313
|
</kendo-formfield>
|
|
4314
4314
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4315
4315
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
4316
|
-
<kendo-label [for]="
|
|
4317
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4316
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
4317
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4318
4318
|
</kendo-formfield>
|
|
4319
4319
|
</div>
|
|
4320
4320
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
4321
|
-
<kendo-label [for]="
|
|
4321
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
4322
4322
|
<kendo-numerictextbox
|
|
4323
|
+
#completionRatio
|
|
4323
4324
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
4324
4325
|
[min]="0"
|
|
4325
4326
|
[max]="1"
|
|
@@ -4337,23 +4338,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4337
4338
|
template: `
|
|
4338
4339
|
<form class="k-form" [formGroup]="formGroup">
|
|
4339
4340
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
4340
|
-
<kendo-label [for]="
|
|
4341
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4341
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
4342
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4342
4343
|
</kendo-formfield>
|
|
4343
4344
|
<div class="k-hstack">
|
|
4344
4345
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
4345
|
-
<kendo-label [for]="
|
|
4346
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4346
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
4347
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4347
4348
|
</kendo-formfield>
|
|
4348
4349
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4349
4350
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
4350
|
-
<kendo-label [for]="
|
|
4351
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4351
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
4352
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4352
4353
|
</kendo-formfield>
|
|
4353
4354
|
</div>
|
|
4354
4355
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
4355
|
-
<kendo-label [for]="
|
|
4356
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
4356
4357
|
<kendo-numerictextbox
|
|
4358
|
+
#completionRatio
|
|
4357
4359
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
4358
4360
|
[min]="0"
|
|
4359
4361
|
[max]="1"
|
|
@@ -4379,6 +4381,8 @@ class DependenciesTableComponent {
|
|
|
4379
4381
|
this.selectedKeys = [];
|
|
4380
4382
|
this.formGroups = new FormArray([]);
|
|
4381
4383
|
this.dependencyTypes = this.getDependencyTypes();
|
|
4384
|
+
this.plusIcon = plusIcon;
|
|
4385
|
+
this.minusIcon = minusIcon;
|
|
4382
4386
|
}
|
|
4383
4387
|
get taskId() {
|
|
4384
4388
|
return this.editService.dataItem.id;
|
|
@@ -4459,10 +4463,21 @@ DependenciesTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4459
4463
|
[height]="275"
|
|
4460
4464
|
>
|
|
4461
4465
|
<ng-template kendoGridToolbarTemplate>
|
|
4462
|
-
<button
|
|
4466
|
+
<button
|
|
4467
|
+
kendoButton
|
|
4468
|
+
icon="plus"
|
|
4469
|
+
[svgIcon]="plusIcon"
|
|
4470
|
+
(click)="addHandler()"
|
|
4471
|
+
>
|
|
4463
4472
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
4464
4473
|
</button>
|
|
4465
|
-
<button
|
|
4474
|
+
<button
|
|
4475
|
+
kendoButton
|
|
4476
|
+
icon="minus"
|
|
4477
|
+
[svgIcon]="minusIcon"
|
|
4478
|
+
[disabled]="selectedKeys.length === 0"
|
|
4479
|
+
(click)="removeHandler()"
|
|
4480
|
+
>
|
|
4466
4481
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
4467
4482
|
</button>
|
|
4468
4483
|
</ng-template>
|
|
@@ -4505,10 +4520,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4505
4520
|
[height]="275"
|
|
4506
4521
|
>
|
|
4507
4522
|
<ng-template kendoGridToolbarTemplate>
|
|
4508
|
-
<button
|
|
4523
|
+
<button
|
|
4524
|
+
kendoButton
|
|
4525
|
+
icon="plus"
|
|
4526
|
+
[svgIcon]="plusIcon"
|
|
4527
|
+
(click)="addHandler()"
|
|
4528
|
+
>
|
|
4509
4529
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
4510
4530
|
</button>
|
|
4511
|
-
<button
|
|
4531
|
+
<button
|
|
4532
|
+
kendoButton
|
|
4533
|
+
icon="minus"
|
|
4534
|
+
[svgIcon]="minusIcon"
|
|
4535
|
+
[disabled]="selectedKeys.length === 0"
|
|
4536
|
+
(click)="removeHandler()"
|
|
4537
|
+
>
|
|
4512
4538
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
4513
4539
|
</button>
|
|
4514
4540
|
</ng-template>
|
|
@@ -4558,6 +4584,9 @@ class EditDialogComponent {
|
|
|
4558
4584
|
this.editService = editService;
|
|
4559
4585
|
this.cdr = cdr;
|
|
4560
4586
|
this.localizationService = localizationService;
|
|
4587
|
+
this.saveIcon = saveIcon;
|
|
4588
|
+
this.cancelIcon = cancelOutlineIcon;
|
|
4589
|
+
this.deleteIcon = trashIcon;
|
|
4561
4590
|
}
|
|
4562
4591
|
ngOnInit() {
|
|
4563
4592
|
this.editService.loadTasks(this.data).subscribe(value => {
|
|
@@ -4595,6 +4624,7 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4595
4624
|
[title]="getText('taskEditingDialogTitle')"
|
|
4596
4625
|
[width]="575"
|
|
4597
4626
|
[height]="470"
|
|
4627
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
4598
4628
|
(close)="handleEditingResult('cancel')">
|
|
4599
4629
|
<kendo-dialog-messages
|
|
4600
4630
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -4629,6 +4659,28 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4629
4659
|
<kendo-dialog-actions layout="normal">
|
|
4630
4660
|
<button
|
|
4631
4661
|
kendoButton
|
|
4662
|
+
themeColor="primary"
|
|
4663
|
+
icon="save"
|
|
4664
|
+
[svgIcon]="saveIcon"
|
|
4665
|
+
(click)="handleEditingResult('save')"
|
|
4666
|
+
>
|
|
4667
|
+
{{ getText('saveButtonText') }}
|
|
4668
|
+
</button>
|
|
4669
|
+
<button
|
|
4670
|
+
kendoButton
|
|
4671
|
+
icon="cancel-outline"
|
|
4672
|
+
[svgIcon]="cancelIcon"
|
|
4673
|
+
(click)="handleEditingResult('cancel')"
|
|
4674
|
+
>
|
|
4675
|
+
{{ getText('cancelButtonText') }}
|
|
4676
|
+
</button>
|
|
4677
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4678
|
+
<button
|
|
4679
|
+
kendoButton
|
|
4680
|
+
themeColor="primary"
|
|
4681
|
+
fillMode="flat"
|
|
4682
|
+
icon="delete"
|
|
4683
|
+
[svgIcon]="deleteIcon"
|
|
4632
4684
|
[kendoEventsOutsideAngular]="{
|
|
4633
4685
|
click: handleTaskDelete
|
|
4634
4686
|
}"
|
|
@@ -4636,9 +4688,6 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4636
4688
|
>
|
|
4637
4689
|
{{ getText('deleteButtonText') }}
|
|
4638
4690
|
</button>
|
|
4639
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4640
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
4641
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
4642
4691
|
</kendo-dialog-actions>
|
|
4643
4692
|
</kendo-dialog>
|
|
4644
4693
|
`, isInline: true, components: [{ type: i4$2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i5$1.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { type: i5$1.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { type: i4$2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i2.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: i4$2.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }, { type: i5$1.TabContentDirective, selector: "[kendoTabContent]" }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
@@ -4651,6 +4700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4651
4700
|
[title]="getText('taskEditingDialogTitle')"
|
|
4652
4701
|
[width]="575"
|
|
4653
4702
|
[height]="470"
|
|
4703
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
4654
4704
|
(close)="handleEditingResult('cancel')">
|
|
4655
4705
|
<kendo-dialog-messages
|
|
4656
4706
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -4685,6 +4735,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4685
4735
|
<kendo-dialog-actions layout="normal">
|
|
4686
4736
|
<button
|
|
4687
4737
|
kendoButton
|
|
4738
|
+
themeColor="primary"
|
|
4739
|
+
icon="save"
|
|
4740
|
+
[svgIcon]="saveIcon"
|
|
4741
|
+
(click)="handleEditingResult('save')"
|
|
4742
|
+
>
|
|
4743
|
+
{{ getText('saveButtonText') }}
|
|
4744
|
+
</button>
|
|
4745
|
+
<button
|
|
4746
|
+
kendoButton
|
|
4747
|
+
icon="cancel-outline"
|
|
4748
|
+
[svgIcon]="cancelIcon"
|
|
4749
|
+
(click)="handleEditingResult('cancel')"
|
|
4750
|
+
>
|
|
4751
|
+
{{ getText('cancelButtonText') }}
|
|
4752
|
+
</button>
|
|
4753
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4754
|
+
<button
|
|
4755
|
+
kendoButton
|
|
4756
|
+
themeColor="primary"
|
|
4757
|
+
fillMode="flat"
|
|
4758
|
+
icon="delete"
|
|
4759
|
+
[svgIcon]="deleteIcon"
|
|
4688
4760
|
[kendoEventsOutsideAngular]="{
|
|
4689
4761
|
click: handleTaskDelete
|
|
4690
4762
|
}"
|
|
@@ -4692,9 +4764,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4692
4764
|
>
|
|
4693
4765
|
{{ getText('deleteButtonText') }}
|
|
4694
4766
|
</button>
|
|
4695
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4696
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
4697
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
4698
4767
|
</kendo-dialog-actions>
|
|
4699
4768
|
</kendo-dialog>
|
|
4700
4769
|
`
|
|
@@ -17,7 +17,7 @@ import * as i6 from '@angular/common';
|
|
|
17
17
|
import { CommonModule } from '@angular/common';
|
|
18
18
|
import * as i1 from '@progress/kendo-angular-intl';
|
|
19
19
|
import { orderBy } from '@progress/kendo-data-query';
|
|
20
|
-
import { xIcon } from '@progress/kendo-svg-icons';
|
|
20
|
+
import { xIcon, plusIcon, minusIcon, saveIcon, cancelOutlineIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
21
21
|
import * as i7 from '@progress/kendo-angular-icons';
|
|
22
22
|
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
23
23
|
import * as i1$1 from '@progress/kendo-angular-l10n';
|
|
@@ -50,8 +50,8 @@ const packageMetadata = {
|
|
|
50
50
|
name: '@progress/kendo-angular-gantt',
|
|
51
51
|
productName: 'Kendo UI for Angular',
|
|
52
52
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
53
|
-
publishDate:
|
|
54
|
-
version: '11.
|
|
53
|
+
publishDate: 1678093063,
|
|
54
|
+
version: '11.4.0-develop.1',
|
|
55
55
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
56
56
|
};
|
|
57
57
|
|
|
@@ -4269,23 +4269,24 @@ TaskFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
|
|
|
4269
4269
|
TaskFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields", ngImport: i0, template: `
|
|
4270
4270
|
<form class="k-form" [formGroup]="formGroup">
|
|
4271
4271
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
4272
|
-
<kendo-label [for]="
|
|
4273
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4272
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
4273
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4274
4274
|
</kendo-formfield>
|
|
4275
4275
|
<div class="k-hstack">
|
|
4276
4276
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
4277
|
-
<kendo-label [for]="
|
|
4278
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4277
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
4278
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4279
4279
|
</kendo-formfield>
|
|
4280
4280
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4281
4281
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
4282
|
-
<kendo-label [for]="
|
|
4283
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4282
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
4283
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4284
4284
|
</kendo-formfield>
|
|
4285
4285
|
</div>
|
|
4286
4286
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
4287
|
-
<kendo-label [for]="
|
|
4287
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
4288
4288
|
<kendo-numerictextbox
|
|
4289
|
+
#completionRatio
|
|
4289
4290
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
4290
4291
|
[min]="0"
|
|
4291
4292
|
[max]="1"
|
|
@@ -4303,23 +4304,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4303
4304
|
template: `
|
|
4304
4305
|
<form class="k-form" [formGroup]="formGroup">
|
|
4305
4306
|
<kendo-formfield *ngIf="formGroup.contains(mapper.taskFields.title)">
|
|
4306
|
-
<kendo-label [for]="
|
|
4307
|
-
<input kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4307
|
+
<kendo-label [for]="title" [text]="getText('titleFieldInputLabel')"></kendo-label>
|
|
4308
|
+
<input #title kendoTextBox [formControlName]="mapper.taskFields.title" />
|
|
4308
4309
|
</kendo-formfield>
|
|
4309
4310
|
<div class="k-hstack">
|
|
4310
4311
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.start)">
|
|
4311
|
-
<kendo-label [for]="
|
|
4312
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4312
|
+
<kendo-label [for]="start" [text]="getText('startFieldInputLabel')"></kendo-label>
|
|
4313
|
+
<kendo-datetimepicker #start [formControlName]="mapper.taskFields.start"></kendo-datetimepicker>
|
|
4313
4314
|
</kendo-formfield>
|
|
4314
4315
|
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4315
4316
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.end)">
|
|
4316
|
-
<kendo-label [for]="
|
|
4317
|
-
<kendo-datetimepicker [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4317
|
+
<kendo-label [for]="end" [text]="getText('endFieldInputLabel')"></kendo-label>
|
|
4318
|
+
<kendo-datetimepicker #end [formControlName]="mapper.taskFields.end"></kendo-datetimepicker>
|
|
4318
4319
|
</kendo-formfield>
|
|
4319
4320
|
</div>
|
|
4320
4321
|
<kendo-formfield [style.width.%]="49" *ngIf="formGroup.contains(mapper.taskFields.completionRatio)">
|
|
4321
|
-
<kendo-label [for]="
|
|
4322
|
+
<kendo-label [for]="completionRatio" [text]="getText('completionRatioFieldInputLabel')"></kendo-label>
|
|
4322
4323
|
<kendo-numerictextbox
|
|
4324
|
+
#completionRatio
|
|
4323
4325
|
[formControlName]="mapper.taskFields.completionRatio"
|
|
4324
4326
|
[min]="0"
|
|
4325
4327
|
[max]="1"
|
|
@@ -4345,6 +4347,8 @@ class DependenciesTableComponent {
|
|
|
4345
4347
|
this.selectedKeys = [];
|
|
4346
4348
|
this.formGroups = new FormArray([]);
|
|
4347
4349
|
this.dependencyTypes = this.getDependencyTypes();
|
|
4350
|
+
this.plusIcon = plusIcon;
|
|
4351
|
+
this.minusIcon = minusIcon;
|
|
4348
4352
|
}
|
|
4349
4353
|
get taskId() {
|
|
4350
4354
|
return this.editService.dataItem.id;
|
|
@@ -4425,10 +4429,21 @@ DependenciesTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
4425
4429
|
[height]="275"
|
|
4426
4430
|
>
|
|
4427
4431
|
<ng-template kendoGridToolbarTemplate>
|
|
4428
|
-
<button
|
|
4432
|
+
<button
|
|
4433
|
+
kendoButton
|
|
4434
|
+
icon="plus"
|
|
4435
|
+
[svgIcon]="plusIcon"
|
|
4436
|
+
(click)="addHandler()"
|
|
4437
|
+
>
|
|
4429
4438
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
4430
4439
|
</button>
|
|
4431
|
-
<button
|
|
4440
|
+
<button
|
|
4441
|
+
kendoButton
|
|
4442
|
+
icon="minus"
|
|
4443
|
+
[svgIcon]="minusIcon"
|
|
4444
|
+
[disabled]="selectedKeys.length === 0"
|
|
4445
|
+
(click)="removeHandler()"
|
|
4446
|
+
>
|
|
4432
4447
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
4433
4448
|
</button>
|
|
4434
4449
|
</ng-template>
|
|
@@ -4471,10 +4486,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4471
4486
|
[height]="275"
|
|
4472
4487
|
>
|
|
4473
4488
|
<ng-template kendoGridToolbarTemplate>
|
|
4474
|
-
<button
|
|
4489
|
+
<button
|
|
4490
|
+
kendoButton
|
|
4491
|
+
icon="plus"
|
|
4492
|
+
[svgIcon]="plusIcon"
|
|
4493
|
+
(click)="addHandler()"
|
|
4494
|
+
>
|
|
4475
4495
|
{{ getText('taskEditingDependenciesAddButtonText') }}
|
|
4476
4496
|
</button>
|
|
4477
|
-
<button
|
|
4497
|
+
<button
|
|
4498
|
+
kendoButton
|
|
4499
|
+
icon="minus"
|
|
4500
|
+
[svgIcon]="minusIcon"
|
|
4501
|
+
[disabled]="selectedKeys.length === 0"
|
|
4502
|
+
(click)="removeHandler()"
|
|
4503
|
+
>
|
|
4478
4504
|
{{ getText('taskEditingDependenciesRemoveButtonText') }}
|
|
4479
4505
|
</button>
|
|
4480
4506
|
</ng-template>
|
|
@@ -4524,6 +4550,9 @@ class EditDialogComponent {
|
|
|
4524
4550
|
this.editService = editService;
|
|
4525
4551
|
this.cdr = cdr;
|
|
4526
4552
|
this.localizationService = localizationService;
|
|
4553
|
+
this.saveIcon = saveIcon;
|
|
4554
|
+
this.cancelIcon = cancelOutlineIcon;
|
|
4555
|
+
this.deleteIcon = trashIcon;
|
|
4527
4556
|
}
|
|
4528
4557
|
ngOnInit() {
|
|
4529
4558
|
this.editService.loadTasks(this.data).subscribe(value => {
|
|
@@ -4561,6 +4590,7 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4561
4590
|
[title]="getText('taskEditingDialogTitle')"
|
|
4562
4591
|
[width]="575"
|
|
4563
4592
|
[height]="470"
|
|
4593
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
4564
4594
|
(close)="handleEditingResult('cancel')">
|
|
4565
4595
|
<kendo-dialog-messages
|
|
4566
4596
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -4595,6 +4625,28 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4595
4625
|
<kendo-dialog-actions layout="normal">
|
|
4596
4626
|
<button
|
|
4597
4627
|
kendoButton
|
|
4628
|
+
themeColor="primary"
|
|
4629
|
+
icon="save"
|
|
4630
|
+
[svgIcon]="saveIcon"
|
|
4631
|
+
(click)="handleEditingResult('save')"
|
|
4632
|
+
>
|
|
4633
|
+
{{ getText('saveButtonText') }}
|
|
4634
|
+
</button>
|
|
4635
|
+
<button
|
|
4636
|
+
kendoButton
|
|
4637
|
+
icon="cancel-outline"
|
|
4638
|
+
[svgIcon]="cancelIcon"
|
|
4639
|
+
(click)="handleEditingResult('cancel')"
|
|
4640
|
+
>
|
|
4641
|
+
{{ getText('cancelButtonText') }}
|
|
4642
|
+
</button>
|
|
4643
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4644
|
+
<button
|
|
4645
|
+
kendoButton
|
|
4646
|
+
themeColor="primary"
|
|
4647
|
+
fillMode="flat"
|
|
4648
|
+
icon="delete"
|
|
4649
|
+
[svgIcon]="deleteIcon"
|
|
4598
4650
|
[kendoEventsOutsideAngular]="{
|
|
4599
4651
|
click: handleTaskDelete
|
|
4600
4652
|
}"
|
|
@@ -4602,9 +4654,6 @@ EditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4602
4654
|
>
|
|
4603
4655
|
{{ getText('deleteButtonText') }}
|
|
4604
4656
|
</button>
|
|
4605
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4606
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
4607
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
4608
4657
|
</kendo-dialog-actions>
|
|
4609
4658
|
</kendo-dialog>
|
|
4610
4659
|
`, isInline: true, components: [{ type: i4$2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: i5$1.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { type: i5$1.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { type: i4$2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i2.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i11.TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: ["width"] }], directives: [{ type: i4$2.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }, { type: i5$1.TabContentDirective, selector: "[kendoTabContent]" }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
@@ -4617,6 +4666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4617
4666
|
[title]="getText('taskEditingDialogTitle')"
|
|
4618
4667
|
[width]="575"
|
|
4619
4668
|
[height]="470"
|
|
4669
|
+
[autoFocusedElement]="'.k-actions .k-button-solid-primary'"
|
|
4620
4670
|
(close)="handleEditingResult('cancel')">
|
|
4621
4671
|
<kendo-dialog-messages
|
|
4622
4672
|
[closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
|
|
@@ -4651,6 +4701,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4651
4701
|
<kendo-dialog-actions layout="normal">
|
|
4652
4702
|
<button
|
|
4653
4703
|
kendoButton
|
|
4704
|
+
themeColor="primary"
|
|
4705
|
+
icon="save"
|
|
4706
|
+
[svgIcon]="saveIcon"
|
|
4707
|
+
(click)="handleEditingResult('save')"
|
|
4708
|
+
>
|
|
4709
|
+
{{ getText('saveButtonText') }}
|
|
4710
|
+
</button>
|
|
4711
|
+
<button
|
|
4712
|
+
kendoButton
|
|
4713
|
+
icon="cancel-outline"
|
|
4714
|
+
[svgIcon]="cancelIcon"
|
|
4715
|
+
(click)="handleEditingResult('cancel')"
|
|
4716
|
+
>
|
|
4717
|
+
{{ getText('cancelButtonText') }}
|
|
4718
|
+
</button>
|
|
4719
|
+
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4720
|
+
<button
|
|
4721
|
+
kendoButton
|
|
4722
|
+
themeColor="primary"
|
|
4723
|
+
fillMode="flat"
|
|
4724
|
+
icon="delete"
|
|
4725
|
+
[svgIcon]="deleteIcon"
|
|
4654
4726
|
[kendoEventsOutsideAngular]="{
|
|
4655
4727
|
click: handleTaskDelete
|
|
4656
4728
|
}"
|
|
@@ -4658,9 +4730,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4658
4730
|
>
|
|
4659
4731
|
{{ getText('deleteButtonText') }}
|
|
4660
4732
|
</button>
|
|
4661
|
-
<kendo-treelist-spacer></kendo-treelist-spacer>
|
|
4662
|
-
<button kendoButton [primary]="true" (click)="handleEditingResult('save')">{{ getText('saveButtonText') }}</button>
|
|
4663
|
-
<button kendoButton (click)="handleEditingResult('cancel')">{{ getText('cancelButtonText') }}</button>
|
|
4664
4733
|
</kendo-dialog-actions>
|
|
4665
4734
|
</kendo-dialog>
|
|
4666
4735
|
`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-gantt",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.4.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Angular Gantt",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -24,22 +24,22 @@
|
|
|
24
24
|
"@angular/platform-browser": "13 - 15",
|
|
25
25
|
"@progress/kendo-data-query": "^1.5.5",
|
|
26
26
|
"@progress/kendo-licensing": "^1.0.2",
|
|
27
|
-
"@progress/kendo-angular-buttons": "11.
|
|
28
|
-
"@progress/kendo-angular-common": "11.
|
|
29
|
-
"@progress/kendo-angular-dialog": "11.
|
|
30
|
-
"@progress/kendo-angular-dropdowns": "11.
|
|
31
|
-
"@progress/kendo-angular-grid": "11.
|
|
32
|
-
"@progress/kendo-angular-icons": "11.
|
|
33
|
-
"@progress/kendo-angular-intl": "11.
|
|
34
|
-
"@progress/kendo-angular-l10n": "11.
|
|
35
|
-
"@progress/kendo-angular-layout": "11.
|
|
36
|
-
"@progress/kendo-angular-popup": "11.
|
|
37
|
-
"@progress/kendo-angular-treelist": "11.
|
|
27
|
+
"@progress/kendo-angular-buttons": "11.4.0-develop.1",
|
|
28
|
+
"@progress/kendo-angular-common": "11.4.0-develop.1",
|
|
29
|
+
"@progress/kendo-angular-dialog": "11.4.0-develop.1",
|
|
30
|
+
"@progress/kendo-angular-dropdowns": "11.4.0-develop.1",
|
|
31
|
+
"@progress/kendo-angular-grid": "11.4.0-develop.1",
|
|
32
|
+
"@progress/kendo-angular-icons": "11.4.0-develop.1",
|
|
33
|
+
"@progress/kendo-angular-intl": "11.4.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-l10n": "11.4.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-layout": "11.4.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-popup": "11.4.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-treelist": "11.4.0-develop.1",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "11.
|
|
42
|
+
"@progress/kendo-angular-schematics": "11.4.0-develop.1",
|
|
43
43
|
"@progress/kendo-common": "^0.2.1",
|
|
44
44
|
"@progress/kendo-date-math": "^1.5.2",
|
|
45
45
|
"@progress/kendo-draggable": "^3.0.0"
|
|
@@ -7,19 +7,19 @@ function default_1(options) {
|
|
|
7
7
|
// See https://github.com/telerik/kendo-schematics/issues/28
|
|
8
8
|
peerDependencies: {
|
|
9
9
|
// peer deps of the treelist
|
|
10
|
-
'@progress/kendo-angular-dateinputs': '11.
|
|
11
|
-
'@progress/kendo-angular-dropdowns': '11.
|
|
12
|
-
'@progress/kendo-angular-excel-export': '11.
|
|
13
|
-
'@progress/kendo-angular-inputs': '11.
|
|
14
|
-
'@progress/kendo-angular-l10n': '11.
|
|
15
|
-
'@progress/kendo-angular-label': '11.
|
|
16
|
-
'@progress/kendo-angular-pdf-export': '11.
|
|
17
|
-
'@progress/kendo-angular-popup': '11.
|
|
10
|
+
'@progress/kendo-angular-dateinputs': '11.4.0-develop.1',
|
|
11
|
+
'@progress/kendo-angular-dropdowns': '11.4.0-develop.1',
|
|
12
|
+
'@progress/kendo-angular-excel-export': '11.4.0-develop.1',
|
|
13
|
+
'@progress/kendo-angular-inputs': '11.4.0-develop.1',
|
|
14
|
+
'@progress/kendo-angular-l10n': '11.4.0-develop.1',
|
|
15
|
+
'@progress/kendo-angular-label': '11.4.0-develop.1',
|
|
16
|
+
'@progress/kendo-angular-pdf-export': '11.4.0-develop.1',
|
|
17
|
+
'@progress/kendo-angular-popup': '11.4.0-develop.1',
|
|
18
18
|
'@progress/kendo-drawing': '^1.0.0',
|
|
19
19
|
// peer dep of the dropdowns
|
|
20
|
-
'@progress/kendo-angular-treeview': '11.
|
|
20
|
+
'@progress/kendo-angular-treeview': '11.4.0-develop.1',
|
|
21
21
|
// peer dep of the layout
|
|
22
|
-
'@progress/kendo-angular-progressbar': '11.
|
|
22
|
+
'@progress/kendo-angular-progressbar': '11.4.0-develop.1',
|
|
23
23
|
// peer dep of the icons
|
|
24
24
|
'@progress/kendo-svg-icons': '^1.0.0'
|
|
25
25
|
} });
|