angular-location-selector
Version:
68 lines • 9.74 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
var LocationSingleSelectorTreeViewComponent = /** @class */ (function () {
function LocationSingleSelectorTreeViewComponent() {
this.closeEvent = new EventEmitter();
this.locationSelector = {
id: 0,
locationName: null,
locationCode: null,
utcoffsetInMinutes: 0,
locationTypeId: 0,
timezoneId: null,
timeZoneName: null,
dropDownDisabled: null,
lastLocationAutoWraupTime: null
};
}
LocationSingleSelectorTreeViewComponent.prototype.ngOnInit = function () {
};
LocationSingleSelectorTreeViewComponent.prototype.ngAfterContentInit = function () {
this.addExpandListItem(this.locations);
};
LocationSingleSelectorTreeViewComponent.prototype.showClick = function (dataItem) {
var _a, _b, _c, _d, _e, _f, _g, _h;
this.locationSelector = {
id: (_a = dataItem) === null || _a === void 0 ? void 0 : _a.locationId,
locationName: (_b = dataItem) === null || _b === void 0 ? void 0 : _b.locationName,
locationCode: (_c = dataItem) === null || _c === void 0 ? void 0 : _c.locationCode,
locationTypeId: (_d = dataItem) === null || _d === void 0 ? void 0 : _d.locationTypeId,
utcoffsetInMinutes: (_e = dataItem) === null || _e === void 0 ? void 0 : _e.utcoffsetInMinutes,
timezoneId: (_f = dataItem) === null || _f === void 0 ? void 0 : _f.timeZoneId,
timeZoneName: (_g = dataItem) === null || _g === void 0 ? void 0 : _g.timeZoneName,
dropDownDisabled: null,
lastLocationAutoWraupTime: (_h = dataItem) === null || _h === void 0 ? void 0 : _h.lastLocationAutoWraupTime
};
this.closeEvent.emit(this.locationSelector);
};
LocationSingleSelectorTreeViewComponent.prototype.addExpandListItem = function (treeItem) {
var _this = this;
treeItem.forEach(function (item) {
if (item.hasChild) {
_this.addExpandListItem(item.items);
}
});
};
__decorate([
Input()
], LocationSingleSelectorTreeViewComponent.prototype, "expandedKeys", void 0);
__decorate([
Input()
], LocationSingleSelectorTreeViewComponent.prototype, "selectedLocationId", void 0);
__decorate([
Input()
], LocationSingleSelectorTreeViewComponent.prototype, "locations", void 0);
__decorate([
Output()
], LocationSingleSelectorTreeViewComponent.prototype, "closeEvent", void 0);
LocationSingleSelectorTreeViewComponent = __decorate([
Component({
selector: 'location-single-selector-tree-view',
template: "<kendo-treeview [nodes]=\"locations\" textField=\"locationName\" childrenField=\"items\" \r\n[(expandedKeys)]=\"expandedKeys\" expandBy=\"locationId\" \r\n[filterable]=\"true\" \r\n filterInputPlaceholder=\"Search\" kendoTreeViewExpandable \r\n kendoTreeViewHierarchyBinding>\r\n <ng-template kendoTreeViewNodeTemplate let-dataItem >\r\n <span class=\"selectoritem\" (click)=\"showClick(dataItem)\" [ngClass]=\"{'disableNode': dataItem.isSelectable === false,'itemactive' : selectedLocationId == dataItem.locationId}\"> \r\n {{ dataItem.locationName }} \r\n </span> \r\n </ng-template>\r\n</kendo-treeview>",
styles: [":host ::ng-deep .k-checkbox{border-color:#000}:host ::ng-deep .k-textbox{width:100%;margin-bottom:8px}:host ::ng-deep .k-in.k-state-focused{box-shadow:none!important}:host ::ng-deep .selectoritem:hover{background-color:#005151;border-radius:3px;color:#fff;font-weight:500;cursor:default}:host ::ng-deep .k-treeview .k-icon{font-size:20px}:host ::ng-deep .k-treeview .k-in{padding:0;width:100%}:host ::ng-deep .selectoritem{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host ::ng-deep .disableNode{opacity:.6;pointer-events:none}:host ::ng-deep .itemactive{color:#005151;font-weight:500}"]
})
], LocationSingleSelectorTreeViewComponent);
return LocationSingleSelectorTreeViewComponent;
}());
export { LocationSingleSelectorTreeViewComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYXRpb24tc2luZ2xlLXNlbGVjdG9yLXRyZWUtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWxvY2F0aW9uLXNlbGVjdG9yLyIsInNvdXJjZXMiOlsibGliL2xvY2F0aW9uLXNpbmdsZS1zZWxlY3Rvci9sb2NhdGlvbi1zaW5nbGUtc2VsZWN0b3ItdHJlZS12aWV3L2xvY2F0aW9uLXNpbmdsZS1zZWxlY3Rvci10cmVlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUy9FO0lBeUJJO1FBZFUsZUFBVSxHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztRQUU3RixxQkFBZ0IsR0FBeUI7WUFDNUMsRUFBRSxFQUFFLENBQUM7WUFDTCxZQUFZLEVBQUUsSUFBSTtZQUNsQixZQUFZLEVBQUUsSUFBSTtZQUNsQixrQkFBa0IsRUFBRSxDQUFDO1lBQ3JCLGNBQWMsRUFBRSxDQUFDO1lBQ2pCLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLFlBQVksRUFBRSxJQUFJO1lBQ2xCLGdCQUFnQixFQUFFLElBQUk7WUFDdEIseUJBQXlCLEVBQUUsSUFBSTtTQUNsQyxDQUFDO0lBRWMsQ0FBQztJQUVWLDBEQUFRLEdBQWY7SUFDQSxDQUFDO0lBRUQsb0VBQWtCLEdBQWxCO1FBQ0ksSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsMkRBQVMsR0FBVCxVQUFVLFFBQWM7O1FBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRztZQUNwQixFQUFFLFFBQUUsUUFBUSwwQ0FBRSxVQUFVO1lBQ3hCLFlBQVksUUFBRSxRQUFRLDBDQUFFLFlBQVk7WUFDcEMsWUFBWSxRQUFFLFFBQVEsMENBQUUsWUFBWTtZQUNwQyxjQUFjLFFBQUUsUUFBUSwwQ0FBRSxjQUFjO1lBQ3hDLGtCQUFrQixRQUFFLFFBQVEsMENBQUUsa0JBQWtCO1lBQ2hELFVBQVUsUUFBRSxRQUFRLDBDQUFFLFVBQVU7WUFDaEMsWUFBWSxRQUFFLFFBQVEsMENBQUUsWUFBWTtZQUNwQyxnQkFBZ0IsRUFBRSxJQUFJO1lBQ3RCLHlCQUF5QixRQUFFLFFBQVEsMENBQUUseUJBQXlCO1NBQ2pFLENBQUM7UUFDRixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU8sbUVBQWlCLEdBQXpCLFVBQTBCLFFBQWlDO1FBQTNELGlCQU1DO1FBTEcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxVQUFBLElBQUk7WUFDakIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNmLEtBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7YUFDckM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFwRFE7UUFBUixLQUFLLEVBQUU7aUZBQXFCO0lBR3BCO1FBQVIsS0FBSyxFQUFFO3VGQUE0QjtJQUczQjtRQUFSLEtBQUssRUFBRTs4RUFBb0M7SUFFbEM7UUFBVCxNQUFNLEVBQUU7K0VBQTJGO0lBWDNGLHVDQUF1QztRQUxuRCxTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsb0NBQW9DO1lBQzlDLGlxQkFBa0U7O1NBRXJFLENBQUM7T0FDVyx1Q0FBdUMsQ0F3RG5EO0lBQUQsOENBQUM7Q0FBQSxBQXhERCxJQXdEQztTQXhEWSx1Q0FBdUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExvY2F0aW9uRHJvcERvd25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9sb2NhdGlvbnMtZHJvcC1kb3duLWxpc3QubW9kZWwnO1xyXG5pbXBvcnQgeyBMb2NhdGlvblNlbGVjdG9ySW5mbyB9IGZyb20gJy4uLy4uL21vZGVscy9sb2NhdGlvblNlbGVjdG9yTW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2xvY2F0aW9uLXNpbmdsZS1zZWxlY3Rvci10cmVlLXZpZXcnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvY2F0aW9uLXNpbmdsZS1zZWxlY3Rvci10cmVlLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9jYXRpb24tc2luZ2xlLXNlbGVjdG9yLXRyZWUtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2NhdGlvblNpbmdsZVNlbGVjdG9yVHJlZVZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIC8vIGdldCByb290IGxvY2F0aW9ucyBpZHMgYXMgaW5wdXRcclxuICAgIEBJbnB1dCgpIGV4cGFuZGVkS2V5czogYW55W107XHJcblxyXG4gICAgLy8gZ2V0IGNoZWNrZWQgY29tcG9uZW50cyBUcmVlIHZpZXcgdW5pcXVlIGlkMFxyXG4gICAgQElucHV0KCkgc2VsZWN0ZWRMb2NhdGlvbklkOiBudW1iZXI7XHJcblxyXG4gICAgLy8gVHJlZSB2aWV3IHNob3duIGxvY2F0aW9uc1xyXG4gICAgQElucHV0KCkgbG9jYXRpb25zOiBMb2NhdGlvbkRyb3BEb3duTW9kZWxbXTtcclxuXHJcbiAgICBAT3V0cHV0KCkgY2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPExvY2F0aW9uU2VsZWN0b3JJbmZvPiA9IG5ldyBFdmVudEVtaXR0ZXI8TG9jYXRpb25TZWxlY3RvckluZm8+KCk7XHJcblxyXG4gICAgcHVibGljIGxvY2F0aW9uU2VsZWN0b3I6IExvY2F0aW9uU2VsZWN0b3JJbmZvID0ge1xyXG4gICAgICAgIGlkOiAwLFxyXG4gICAgICAgIGxvY2F0aW9uTmFtZTogbnVsbCxcclxuICAgICAgICBsb2NhdGlvbkNvZGU6IG51bGwsXHJcbiAgICAgICAgdXRjb2Zmc2V0SW5NaW51dGVzOiAwLFxyXG4gICAgICAgIGxvY2F0aW9uVHlwZUlkOiAwLFxyXG4gICAgICAgIHRpbWV6b25lSWQ6IG51bGwsXHJcbiAgICAgICAgdGltZVpvbmVOYW1lOiBudWxsLFxyXG4gICAgICAgIGRyb3BEb3duRGlzYWJsZWQ6IG51bGwsXHJcbiAgICAgICAgbGFzdExvY2F0aW9uQXV0b1dyYXVwVGltZTogbnVsbFxyXG4gICAgfTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICAgICAgdGhpcy5hZGRFeHBhbmRMaXN0SXRlbSh0aGlzLmxvY2F0aW9ucyk7XHJcbiAgICB9XHJcblxyXG4gICAgc2hvd0NsaWNrKGRhdGFJdGVtIDogYW55KSB7XHJcbiAgICAgICAgdGhpcy5sb2NhdGlvblNlbGVjdG9yID0ge1xyXG4gICAgICAgICAgICBpZDogZGF0YUl0ZW0/LmxvY2F0aW9uSWQsXHJcbiAgICAgICAgICAgIGxvY2F0aW9uTmFtZTogZGF0YUl0ZW0/LmxvY2F0aW9uTmFtZSxcclxuICAgICAgICAgICAgbG9jYXRpb25Db2RlOiBkYXRhSXRlbT8ubG9jYXRpb25Db2RlLFxyXG4gICAgICAgICAgICBsb2NhdGlvblR5cGVJZDogZGF0YUl0ZW0/LmxvY2F0aW9uVHlwZUlkLFxyXG4gICAgICAgICAgICB1dGNvZmZzZXRJbk1pbnV0ZXM6IGRhdGFJdGVtPy51dGNvZmZzZXRJbk1pbnV0ZXMsXHJcbiAgICAgICAgICAgIHRpbWV6b25lSWQ6IGRhdGFJdGVtPy50aW1lWm9uZUlkLFxyXG4gICAgICAgICAgICB0aW1lWm9uZU5hbWU6IGRhdGFJdGVtPy50aW1lWm9uZU5hbWUsXHJcbiAgICAgICAgICAgIGRyb3BEb3duRGlzYWJsZWQ6IG51bGwsXHJcbiAgICAgICAgICAgIGxhc3RMb2NhdGlvbkF1dG9XcmF1cFRpbWU6IGRhdGFJdGVtPy5sYXN0TG9jYXRpb25BdXRvV3JhdXBUaW1lXHJcbiAgICAgICAgfTtcclxuICAgICAgICB0aGlzLmNsb3NlRXZlbnQuZW1pdCh0aGlzLmxvY2F0aW9uU2VsZWN0b3IpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgYWRkRXhwYW5kTGlzdEl0ZW0odHJlZUl0ZW06IExvY2F0aW9uRHJvcERvd25Nb2RlbFtdKSB7XHJcbiAgICAgICAgdHJlZUl0ZW0uZm9yRWFjaChpdGVtID0+IHtcclxuICAgICAgICAgICAgaWYgKGl0ZW0uaGFzQ2hpbGQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuYWRkRXhwYW5kTGlzdEl0ZW0oaXRlbS5pdGVtcylcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==