ontimize-web-ngx
Version:
Ontimize Web framework using Angular 15
46 lines • 9.67 kB
JavaScript
import { Component, ChangeDetectionStrategy } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/core";
import * as i3 from "@angular/material/select";
import * as i4 from "../../../../pipes/o-translate.pipe";
export const DEFAULT_DUAL_LIST_SELECTOR_DATE_ITEM = [
'item',
'groupedDateColumns: grouped-date-columns',
];
export class ODualListSelectorDateItemComponent {
constructor() {
this.dateTypes = [
{ value: 'MONTH', viewValue: 'DUAL_LIST_SELECTOR.GROUP_BY_MONTH' },
{ value: 'YEAR_MONTH', viewValue: 'DUAL_LIST_SELECTOR.GROUP_BY_YEAR_MONTH' },
{ value: 'YEAR', viewValue: 'DUAL_LIST_SELECTOR.GROUP_BY_YEAR' },
{ value: 'YEAR_MONTH_DAY', viewValue: 'DUAL_LIST_SELECTOR.GROUP_BY_YEAR_MONTH_DAY' }
];
this.item = "";
}
onSelectionChange(event, itemSelected) {
let value = event.value;
let attr = itemSelected;
let index = this.groupedDateColumns.findIndex(column => column.attr == attr);
if (index != -1) {
this.groupedDateColumns.splice(index, 1);
}
this.groupedDateColumns.push({ "attr": attr, "type": value });
}
getSelectValue() {
let index = this.groupedDateColumns.findIndex(column => column.attr == this.item);
return index != -1 ? this.groupedDateColumns[index].type : 'YEAR_MONTH_DAY';
}
getViewValue() {
let value = this.getSelectValue();
const indexFindValue = this.dateTypes.findIndex(type => type.value == value);
return indexFindValue > -1 ? this.dateTypes[indexFindValue].viewValue : 'DUAL_LIST_SELECTOR.GROUP_BY_YEAR_MONTH_DAY';
}
}
ODualListSelectorDateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ODualListSelectorDateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ODualListSelectorDateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ODualListSelectorDateItemComponent, selector: "o-dual-list-selector-date-item", inputs: { item: "item", groupedDateColumns: ["grouped-date-columns", "groupedDateColumns"] }, ngImport: i0, template: "<mat-select [value]=\"getSelectValue()\" (selectionChange)=\"onSelectionChange($event,item)\" required>\n <mat-select-trigger>\n {{item | oTranslate}} ({{getViewValue() | oTranslate}})\n </mat-select-trigger>\n <mat-option *ngFor=\"let type of dateTypes\" [value]=\"type.value\">\n {{type.viewValue | oTranslate}}\n </mat-option>\n</mat-select>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "directive", type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "pipe", type: i4.OTranslatePipe, name: "oTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ODualListSelectorDateItemComponent, decorators: [{
type: Component,
args: [{ selector: 'o-dual-list-selector-date-item', changeDetection: ChangeDetectionStrategy.OnPush, inputs: DEFAULT_DUAL_LIST_SELECTOR_DATE_ITEM, template: "<mat-select [value]=\"getSelectValue()\" (selectionChange)=\"onSelectionChange($event,item)\" required>\n <mat-select-trigger>\n {{item | oTranslate}} ({{getViewValue() | oTranslate}})\n </mat-select-trigger>\n <mat-option *ngFor=\"let type of dateTypes\" [value]=\"type.value\">\n {{type.viewValue | oTranslate}}\n </mat-option>\n</mat-select>\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1kdWFsLWxpc3Qtc2VsZWN0b3ItZGF0ZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2R1YWwtbGlzdC1zZWxlY3Rvci9kdWFsLWxpc3Qtc2VsZWN0b3ItaXRlbS9kYXRlL28tZHVhbC1saXN0LXNlbGVjdG9yLWRhdGUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnRpbWl6ZS13ZWItbmd4L3NyYy9saWIvY29tcG9uZW50cy9kdWFsLWxpc3Qtc2VsZWN0b3IvZHVhbC1saXN0LXNlbGVjdG9yLWl0ZW0vZGF0ZS9vLWR1YWwtbGlzdC1zZWxlY3Rvci1kYXRlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBR25FLE1BQU0sQ0FBQyxNQUFNLG9DQUFvQyxHQUFHO0lBQ2xELE1BQU07SUFDTiwwQ0FBMEM7Q0FDM0MsQ0FBQztBQU9GLE1BQU0sT0FBTyxrQ0FBa0M7SUFOL0M7UUFPUyxjQUFTLEdBQUc7WUFDakIsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxtQ0FBbUMsRUFBRTtZQUNsRSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLHdDQUF3QyxFQUFFO1lBQzVFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsa0NBQWtDLEVBQUU7WUFDaEUsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLDRDQUE0QyxFQUFFO1NBQ3JGLENBQUM7UUFDSyxTQUFJLEdBQVcsRUFBRSxDQUFDO0tBeUIxQjtJQXJCQyxpQkFBaUIsQ0FBQyxLQUFzQixFQUFFLFlBQWlCO1FBQ3pELElBQUksS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDeEIsSUFBSSxJQUFJLEdBQUcsWUFBWSxDQUFDO1FBQ3hCLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDO1FBQzdFLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDMUM7UUFDRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtJQUMvRCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsRixPQUFPLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUE7SUFDN0UsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbEMsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxDQUFDO1FBQzdFLE9BQU8sY0FBYyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsNENBQTRDLENBQUM7SUFDdkgsQ0FBQzs7Z0lBOUJVLGtDQUFrQztvSEFBbEMsa0NBQWtDLG9LQ2IvQyxzV0FRQTs0RkRLYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0UsZ0NBQWdDLG1CQUV6Qix1QkFBdUIsQ0FBQyxNQUFNLFVBQ3ZDLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0U2VsZWN0Q2hhbmdlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NlbGVjdFwiO1xuaW1wb3J0IHsgT0dyb3VwZWRDb2x1bW5UeXBlcyB9IGZyb20gXCIuLi8uLi8uLi8uLi90eXBlcy9vLWdyb3VwZWQtY29sdW1uLXR5cGVzLnR5cGVcIjtcbmV4cG9ydCBjb25zdCBERUZBVUxUX0RVQUxfTElTVF9TRUxFQ1RPUl9EQVRFX0lURU0gPSBbXG4gICdpdGVtJyxcbiAgJ2dyb3VwZWREYXRlQ29sdW1uczogZ3JvdXBlZC1kYXRlLWNvbHVtbnMnLFxuXTtcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ28tZHVhbC1saXN0LXNlbGVjdG9yLWRhdGUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWR1YWwtbGlzdC1zZWxlY3Rvci1kYXRlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW5wdXRzOiBERUZBVUxUX0RVQUxfTElTVF9TRUxFQ1RPUl9EQVRFX0lURU1cbn0pXG5leHBvcnQgY2xhc3MgT0R1YWxMaXN0U2VsZWN0b3JEYXRlSXRlbUNvbXBvbmVudCB7XG4gIHB1YmxpYyBkYXRlVHlwZXMgPSBbXG4gICAgeyB2YWx1ZTogJ01PTlRIJywgdmlld1ZhbHVlOiAnRFVBTF9MSVNUX1NFTEVDVE9SLkdST1VQX0JZX01PTlRIJyB9LFxuICAgIHsgdmFsdWU6ICdZRUFSX01PTlRIJywgdmlld1ZhbHVlOiAnRFVBTF9MSVNUX1NFTEVDVE9SLkdST1VQX0JZX1lFQVJfTU9OVEgnIH0sXG4gICAgeyB2YWx1ZTogJ1lFQVInLCB2aWV3VmFsdWU6ICdEVUFMX0xJU1RfU0VMRUNUT1IuR1JPVVBfQllfWUVBUicgfSxcbiAgICB7IHZhbHVlOiAnWUVBUl9NT05USF9EQVknLCB2aWV3VmFsdWU6ICdEVUFMX0xJU1RfU0VMRUNUT1IuR1JPVVBfQllfWUVBUl9NT05USF9EQVknIH1cbiAgXTtcbiAgcHVibGljIGl0ZW06IHN0cmluZyA9IFwiXCI7XG4gIHB1YmxpYyBncm91cGVkRGF0ZUNvbHVtbnM6IE9Hcm91cGVkQ29sdW1uVHlwZXNbXTtcblxuXG4gIG9uU2VsZWN0aW9uQ2hhbmdlKGV2ZW50OiBNYXRTZWxlY3RDaGFuZ2UsIGl0ZW1TZWxlY3RlZDogYW55KSB7XG4gICAgbGV0IHZhbHVlID0gZXZlbnQudmFsdWU7XG4gICAgbGV0IGF0dHIgPSBpdGVtU2VsZWN0ZWQ7XG4gICAgbGV0IGluZGV4ID0gdGhpcy5ncm91cGVkRGF0ZUNvbHVtbnMuZmluZEluZGV4KGNvbHVtbiA9PiBjb2x1bW4uYXR0ciA9PSBhdHRyKTtcbiAgICBpZiAoaW5kZXggIT0gLTEpIHtcbiAgICAgIHRoaXMuZ3JvdXBlZERhdGVDb2x1bW5zLnNwbGljZShpbmRleCwgMSk7XG4gICAgfVxuICAgIHRoaXMuZ3JvdXBlZERhdGVDb2x1bW5zLnB1c2goeyBcImF0dHJcIjogYXR0ciwgXCJ0eXBlXCI6IHZhbHVlIH0pXG4gIH1cblxuICBnZXRTZWxlY3RWYWx1ZSgpOiBzdHJpbmcge1xuICAgIGxldCBpbmRleCA9IHRoaXMuZ3JvdXBlZERhdGVDb2x1bW5zLmZpbmRJbmRleChjb2x1bW4gPT4gY29sdW1uLmF0dHIgPT0gdGhpcy5pdGVtKTtcbiAgICByZXR1cm4gaW5kZXggIT0gLTEgPyB0aGlzLmdyb3VwZWREYXRlQ29sdW1uc1tpbmRleF0udHlwZSA6ICdZRUFSX01PTlRIX0RBWSdcbiAgfVxuXG4gIGdldFZpZXdWYWx1ZSgpOiBzdHJpbmcge1xuICAgIGxldCB2YWx1ZSA9IHRoaXMuZ2V0U2VsZWN0VmFsdWUoKTtcbiAgICBjb25zdCBpbmRleEZpbmRWYWx1ZSA9IHRoaXMuZGF0ZVR5cGVzLmZpbmRJbmRleCh0eXBlID0+IHR5cGUudmFsdWUgPT0gdmFsdWUpO1xuICAgIHJldHVybiBpbmRleEZpbmRWYWx1ZSA+IC0xID8gdGhpcy5kYXRlVHlwZXNbaW5kZXhGaW5kVmFsdWVdLnZpZXdWYWx1ZSA6ICdEVUFMX0xJU1RfU0VMRUNUT1IuR1JPVVBfQllfWUVBUl9NT05USF9EQVknO1xuICB9XG5cbn0iLCI8bWF0LXNlbGVjdCBbdmFsdWVdPVwiZ2V0U2VsZWN0VmFsdWUoKVwiIChzZWxlY3Rpb25DaGFuZ2UpPVwib25TZWxlY3Rpb25DaGFuZ2UoJGV2ZW50LGl0ZW0pXCIgcmVxdWlyZWQ+XG4gIDxtYXQtc2VsZWN0LXRyaWdnZXI+XG4gICAge3tpdGVtIHwgb1RyYW5zbGF0ZX19ICh7e2dldFZpZXdWYWx1ZSgpIHwgb1RyYW5zbGF0ZX19KVxuICA8L21hdC1zZWxlY3QtdHJpZ2dlcj5cbiAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHR5cGUgb2YgZGF0ZVR5cGVzXCIgW3ZhbHVlXT1cInR5cGUudmFsdWVcIj5cbiAgICB7e3R5cGUudmlld1ZhbHVlIHwgb1RyYW5zbGF0ZX19XG4gIDwvbWF0LW9wdGlvbj5cbjwvbWF0LXNlbGVjdD5cbiJdfQ==