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

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

@@ -15,6 +15,7 @@ var filter_cell_template_directive_1 = require("./filter-cell-template.directive
 var filter_menu_template_directive_1 = require("./filter-menu-template.directive");
 var footer_template_directive_1 = require("./footer-template.directive");
 var header_template_directive_1 = require("./header-template.directive");
+var edit_template_directive_1 = require("./edit-template.directive");
 var GanttColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(GanttColumnComponent, _super);
     function GanttColumnComponent(options, parent) {
@@ -72,6 +73,10 @@ var GanttColumnComponent = /** @class */ (function (_super) {
         core_1.ContentChild(cell_template_directive_1.CellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", cell_template_directive_1.CellTemplateDirective)
     ], GanttColumnComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(edit_template_directive_1.EditTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", edit_template_directive_1.EditTemplateDirective)
+    ], GanttColumnComponent.prototype, "editTemplate", void 0);
     tslib_1.__decorate([
         core_1.ContentChild(filter_cell_template_directive_1.FilterCellTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", filter_cell_template_directive_1.FilterCellTemplateDirective)

package/dist/npm/columns/columns.js

@@ -24,3 +24,5 @@ var filter_cell_template_directive_1 = require("./filter-cell-template.directive
 exports.FilterCellTemplateDirective = filter_cell_template_directive_1.FilterCellTemplateDirective;
 var filter_menu_template_directive_1 = require("./filter-menu-template.directive");
 exports.FilterMenuTemplateDirective = filter_menu_template_directive_1.FilterMenuTemplateDirective;
+var edit_template_directive_1 = require("./edit-template.directive");
+exports.EditTemplateDirective = edit_template_directive_1.EditTemplateDirective;

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

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@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([
+        core_1.Directive({
+            selector: '[kendoGanttEditTemplate]'
+        }),
+        tslib_1.__param(0, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
+    ], EditTemplateDirective);
+    return EditTemplateDirective;
+}());
+exports.EditTemplateDirective = EditTemplateDirective;

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

@@ -11,6 +11,7 @@ var option_changes_service_1 = require("../common/option-changes.service");
 var cell_template_directive_1 = require("./cell-template.directive");
 var column_base_1 = require("./column-base");
 var column_component_1 = require("./column.component");
+var edit_template_directive_1 = require("./edit-template.directive");
 var GanttSpanColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(GanttSpanColumnComponent, _super);
     function GanttSpanColumnComponent(options, parent) {
@@ -21,6 +22,7 @@ var GanttSpanColumnComponent = /** @class */ (function (_super) {
          */
         _this.childColumns = new core_1.QueryList();
         _this.template = new core_1.QueryList();
+        _this.editTemplate = new core_1.QueryList();
         return _this;
     }
     GanttSpanColumnComponent_1 = GanttSpanColumnComponent;
@@ -36,6 +38,10 @@ var GanttSpanColumnComponent = /** @class */ (function (_super) {
         core_1.ContentChildren(cell_template_directive_1.CellTemplateDirective, { descendants: false }),
         tslib_1.__metadata("design:type", core_1.QueryList)
     ], GanttSpanColumnComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChildren(edit_template_directive_1.EditTemplateDirective, { descendants: false }),
+        tslib_1.__metadata("design:type", core_1.QueryList)
+    ], GanttSpanColumnComponent.prototype, "editTemplate", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Boolean)

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

@@ -21,3 +21,7 @@ exports.rowClassCallback = function () { return null; };
  * @hidden
  */
 exports.taskClassCallback = function () { return null; };
+/**
+ * @hidden
+ */
+exports.isSelected = function () { return false; };

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

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var forms_1 = require("@angular/forms");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var mapping_service_1 = require("../common/mapping.service");
+var edit_service_1 = require("./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([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", forms_1.FormGroup)
+    ], EditDialogComponent.prototype, "formGroup", void 0);
+    EditDialogComponent = tslib_1.__decorate([
+        core_1.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", [mapping_service_1.MappingService,
+            edit_service_1.EditService,
+            kendo_angular_l10n_1.LocalizationService])
+    ], EditDialogComponent);
+    return EditDialogComponent;
+}());
+exports.EditDialogComponent = EditDialogComponent;

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

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+/**
+ * @hidden
+ */
+var EditService = /** @class */ (function () {
+    function EditService() {
+        this.showEditingDialog = new rxjs_1.Subject();
+        this.showConfirmationDialog = new rxjs_1.Subject();
+        this.editEvent = new rxjs_1.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([
+        core_1.Injectable()
+    ], EditService);
+    return EditService;
+}());
+exports.EditService = EditService;

package/dist/npm/editing/util.js

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.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;
+exports.ɵ0 = ɵ0;