@progress/kendo-angular-gantt 0.1.4 → 0.2.0-dev.202111241002

package/dist/es/columns/column.component.js

@@ -13,6 +13,7 @@ import { FilterCellTemplateDirective } from './filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
 import { FooterTemplateDirective } from './footer-template.directive';
 import { HeaderTemplateDirective } from './header-template.directive';
+import { EditTemplateDirective } from './edit-template.directive';
 var GanttColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(GanttColumnComponent, _super);
     function GanttColumnComponent(options, parent) {
@@ -70,6 +71,10 @@ var GanttColumnComponent = /** @class */ (function (_super) {
         ContentChild(CellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", CellTemplateDirective)
     ], GanttColumnComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        ContentChild(EditTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", EditTemplateDirective)
+    ], GanttColumnComponent.prototype, "editTemplate", void 0);
     tslib_1.__decorate([
         ContentChild(FilterCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", FilterCellTemplateDirective)

package/dist/es/columns/columns.js

@@ -12,3 +12,4 @@ export { FooterTemplateDirective } from './footer-template.directive';
 export { ColumnMenuTemplateDirective } from './column-menu-template.directive';
 export { FilterCellTemplateDirective } from './filter-cell-template.directive';
 export { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+export { EditTemplateDirective } from './edit-template.directive';

package/dist/es/columns/edit-template.directive.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, TemplateRef, Optional } from '@angular/core';
+/**
+ * Represents the column edit-cell template of the Gantt.
+ * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the Gantt inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+var EditTemplateDirective = /** @class */ (function () {
+    function EditTemplateDirective(templateRef) {
+        this.templateRef = templateRef;
+    }
+    EditTemplateDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoGanttEditTemplate]'
+        }),
+        tslib_1.__param(0, Optional()),
+        tslib_1.__metadata("design:paramtypes", [TemplateRef])
+    ], EditTemplateDirective);
+    return EditTemplateDirective;
+}());
+export { EditTemplateDirective };

package/dist/es/columns/span-column.component.js

@@ -9,6 +9,7 @@ import { OptionChangesService } from '../common/option-changes.service';
 import { CellTemplateDirective } from './cell-template.directive';
 import { GanttColumnBase } from './column-base';
 import { GanttColumnComponent } from './column.component';
+import { EditTemplateDirective } from './edit-template.directive';
 var GanttSpanColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(GanttSpanColumnComponent, _super);
     function GanttSpanColumnComponent(options, parent) {
@@ -19,6 +20,7 @@ var GanttSpanColumnComponent = /** @class */ (function (_super) {
          */
         _this.childColumns = new QueryList();
         _this.template = new QueryList();
+        _this.editTemplate = new QueryList();
         return _this;
     }
     GanttSpanColumnComponent_1 = GanttSpanColumnComponent;
@@ -34,6 +36,10 @@ var GanttSpanColumnComponent = /** @class */ (function (_super) {
         ContentChildren(CellTemplateDirective, { descendants: false }),
         tslib_1.__metadata("design:type", QueryList)
     ], GanttSpanColumnComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        ContentChildren(EditTemplateDirective, { descendants: false }),
+        tslib_1.__metadata("design:type", QueryList)
+    ], GanttSpanColumnComponent.prototype, "editTemplate", void 0);
     tslib_1.__decorate([
         Input(),
         tslib_1.__metadata("design:type", Boolean)

package/dist/es/common/default-callbacks.js

@@ -19,3 +19,7 @@ export var rowClassCallback = function () { return null; };
  * @hidden
  */
 export var taskClassCallback = function () { return null; };
+/**
+ * @hidden
+ */
+export var isSelected = function () { return false; };

package/dist/es/editing/edit-dialog.component.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { MappingService } from '../common/mapping.service';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+var EditDialogComponent = /** @class */ (function () {
+    function EditDialogComponent(mapper, editService, localizationService) {
+        this.mapper = mapper;
+        this.editService = editService;
+        this.localizationService = localizationService;
+    }
+    EditDialogComponent.prototype.getText = function (token) {
+        return this.localizationService.get(token);
+    };
+    EditDialogComponent.prototype.handleEditingResult = function (editResultType) {
+        this.editService.triggerEditEvent(editResultType);
+    };
+    EditDialogComponent.prototype.onTaskDelete = function () {
+        this.editService.showConfirmationDialog.next();
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FormGroup)
+    ], EditDialogComponent.prototype, "formGroup", void 0);
+    EditDialogComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-gantt-edit-dialog',
+            template: "\n        <kendo-dialog\n            [title]=\"getText('taskEditingDialogTitle')\"\n            [width]=\"575\"\n            [height]=\"470\"\n            (close)=\"handleEditingResult('cancel')\">\n            <kendo-dialog-messages\n                [closeTitle]=\"getText('taskEditingDialogCloseTitle')\"></kendo-dialog-messages>\n            <form class=\"k-form\" [formGroup]=\"formGroup\">\n                <kendo-formfield *ngIf=\"formGroup.contains(mapper.taskFields.title)\">\n                    <kendo-label [for]=\"mapper.taskFields.title\" [text]=\"getText('titleFieldInputLabel')\"></kendo-label>\n                    <input class=\"k-textbox\" [formControlName]=\"mapper.taskFields.title\" />\n                </kendo-formfield>\n                <div class=\"k-hstack\">\n                    <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.start)\">\n                        <kendo-label [for]=\"mapper.taskFields.start\" [text]=\"getText('startFieldInputLabel')\"></kendo-label>\n                        <kendo-datetimepicker [formControlName]=\"mapper.taskFields.start\"></kendo-datetimepicker>\n                    </kendo-formfield>\n                    <kendo-treelist-spacer></kendo-treelist-spacer>\n                    <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.end)\">\n                        <kendo-label [for]=\"mapper.taskFields.end\" [text]=\"getText('endFieldInputLabel')\"></kendo-label>\n                        <kendo-datetimepicker [formControlName]=\"mapper.taskFields.end\"></kendo-datetimepicker>\n                    </kendo-formfield>\n                </div>\n                <kendo-formfield [style.width.%]=\"49\" *ngIf=\"formGroup.contains(mapper.taskFields.completionRatio)\">\n                    <kendo-label [for]=\"mapper.taskFields.completionRatio\" [text]=\"getText('completionRatioFieldInputLabel')\"></kendo-label>\n                    <kendo-numerictextbox\n                        [formControlName]=\"mapper.taskFields.completionRatio\"\n                        [min]=\"0\"\n                        [max]=\"1\"\n                        [decimals]=\"2\"\n                        format=\"p2\"\n                        [step]=\"0.01\"\n                    ></kendo-numerictextbox>\n                </kendo-formfield>\n            </form>\n            <kendo-dialog-actions layout=\"normal\">\n                <button kendoButton (click)=\"onTaskDelete()\">{{ getText('deleteButtonText') }}</button>\n                <kendo-treelist-spacer></kendo-treelist-spacer>\n                <button kendoButton [primary]=\"true\" (click)=\"handleEditingResult('save')\">{{ getText('saveButtonText') }}</button>\n                <button kendoButton (click)=\"handleEditingResult('cancel')\">{{ getText('cancelButtonText') }}</button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [MappingService,
+            EditService,
+            LocalizationService])
+    ], EditDialogComponent);
+    return EditDialogComponent;
+}());
+export { EditDialogComponent };

package/dist/es/editing/edit.service.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * @hidden
+ */
+var EditService = /** @class */ (function () {
+    function EditService() {
+        this.showEditingDialog = new Subject();
+        this.showConfirmationDialog = new Subject();
+        this.editEvent = new Subject();
+    }
+    EditService.prototype.createEditDialog = function (dataItem, formGroup) {
+        this.dataItem = dataItem;
+        this.formGroup = formGroup;
+        this.showEditingDialog.next(true);
+    };
+    EditService.prototype.closeEditDialog = function () {
+        this.showEditingDialog.next(false);
+        this.dataItem = undefined;
+        this.formGroup = undefined;
+    };
+    EditService.prototype.triggerEditEvent = function (editResultType) {
+        this.editEvent.next({
+            formGroup: this.formGroup,
+            dataItem: this.dataItem,
+            editResultType: editResultType
+        });
+    };
+    EditService = tslib_1.__decorate([
+        Injectable()
+    ], EditService);
+    return EditService;
+}());
+export { EditService };

package/dist/es/editing/util.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export var getEditItem = function (dataItem, data, mapper) {
+    var treeListDataItem = data.find(function (item) { return mapper.extractFromTask(item.data, 'id') === mapper.extractFromTask(dataItem, 'id'); });
+    return mapPath(treeListDataItem);
+};
+var mapPath = function (item) { return ({
+    dataItem: item.data,
+    parent: item.parent.data ? mapPath(item.parent) : null
+}); };
+var ɵ0 = mapPath;
+export { ɵ0 };