intelica-library-components 1.1.93 → 1.1.95
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.
|
@@ -2190,7 +2190,7 @@ class TableComponent {
|
|
|
2190
2190
|
return Boolean(this.AdditionalTemplate) || this.ShowSearch || Boolean(this.AdditionalCentralTemplate) || Boolean(this.AdditionalExtendedTemplate);
|
|
2191
2191
|
}
|
|
2192
2192
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TableComponent, isStandalone: true, selector: "intelica-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ClassName: "ClassName", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", IsTableDisabled: "IsTableDisabled" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n\t@if (RenderPanel) {\r\n\t\t<div class=\"grPanel\">\r\n\t\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t@if (ShowSearch) {\r\n\t\t\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\r\n\t\t\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\r\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t\t\t</p-iconfield>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\r\n\t\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t}\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListDataTable\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\"\r\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\r\n\t\t[sortField]=\"DefaultSortField\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t\t[sortOrder]=\"DefaultSortOrder\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\r\n\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\r\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
|
|
2193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TableComponent, isStandalone: true, selector: "intelica-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ClassName: "ClassName", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", IsTableDisabled: "IsTableDisabled" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n\t@if (RenderPanel) {\r\n\t<div class=\"grPanel\">\r\n\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t@if (ShowSearch) {\r\n\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText\r\n\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\r\n\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t</p-iconfield>\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n\t<p-table class=\"prTable\" [ngClass]=\"ClassName\" [value]=\"ListDataTable\" responsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\" (onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\" [sortField]=\"DefaultSortField\" [scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\" [tableStyle]=\"tableStyle\" [sortOrder]=\"DefaultSortOrder\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t@if (col.level === level) {\r\n\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\" (ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t<th [class]=\"col.className\" [pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\" [style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\" [attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\" (ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\r\n\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else if (col.isChecboxColumn) {\r\n\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\"\r\n\t\t\t\t\t\t(onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\"\r\n\t\t\t\t\t\t[tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t<p-paginator class=\"prPaginator\" [first]=\"(CurrentPage - 1) * RowsPerPage\" [rows]=\"RowsPerPage\"\r\n\t\t\t\t[totalRecords]=\"TotalRecords\" (onPageChange)=\"OnPageChange($event)\" [showJumpToPageInput]=\"false\"\r\n\t\t\t\t[showCurrentPageReport]=\"false\" [showPageLinks]=\"false\" [showFirstLastIcon]=\"false\"\r\n\t\t\t\t[templateLeft]=\"templateLeft\">\r\n\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\"\r\n\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\"\r\n\t\t\t\t\t\t\t[allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\r\n\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</p-paginator>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
|
|
2194
2194
|
}
|
|
2195
2195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TableComponent, decorators: [{
|
|
2196
2196
|
type: Component,
|
|
@@ -2210,7 +2210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
2210
2210
|
CheckboxModule,
|
|
2211
2211
|
FormsModule,
|
|
2212
2212
|
FormatCellPipe,
|
|
2213
|
-
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n\t@if (RenderPanel) {\r\n\t\t<div class=\"grPanel\">\r\n\t\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t@if (ShowSearch) {\r\n\t\t\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\r\n\t\t\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\r\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\r\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t\t\t</p-iconfield>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\r\n\t\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t}\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListDataTable\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\"\r\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\r\n\t\t[sortField]=\"DefaultSortField\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t\t[sortOrder]=\"DefaultSortOrder\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\r\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\r\n\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\r\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n" }]
|
|
2213
|
+
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n\t@if (RenderPanel) {\r\n\t<div class=\"grPanel\">\r\n\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t@if (ShowSearch) {\r\n\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText\r\n\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\r\n\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t</p-iconfield>\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n\t<p-table class=\"prTable\" [ngClass]=\"ClassName\" [value]=\"ListDataTable\" responsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\" (onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\" [sortField]=\"DefaultSortField\" [scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\" [tableStyle]=\"tableStyle\" [sortOrder]=\"DefaultSortOrder\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t@if (col.level === level) {\r\n\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\" (ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t<th [class]=\"col.className\" [pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\" [style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\">\r\n\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\" [attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-checkbox class=\"prCheckbox\" [binary]=\"true\" (click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\" (ngModelChange)=\"OnHeaderSelectionToggle($event)\"\r\n\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\" [ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\r\n\t\t\t\t\t\t\t}\"></p-checkbox>\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\r\n\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else if (col.isChecboxColumn) {\r\n\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\"\r\n\t\t\t\t\t\t(onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\"\r\n\t\t\t\t\t\t[tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t<p-paginator class=\"prPaginator\" [first]=\"(CurrentPage - 1) * RowsPerPage\" [rows]=\"RowsPerPage\"\r\n\t\t\t\t[totalRecords]=\"TotalRecords\" (onPageChange)=\"OnPageChange($event)\" [showJumpToPageInput]=\"false\"\r\n\t\t\t\t[showCurrentPageReport]=\"false\" [showPageLinks]=\"false\" [showFirstLastIcon]=\"false\"\r\n\t\t\t\t[templateLeft]=\"templateLeft\">\r\n\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\"\r\n\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\"\r\n\t\t\t\t\t\t\t[allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\r\n\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</p-paginator>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>" }]
|
|
2214
2214
|
}], propDecorators: { ComponentId: [{
|
|
2215
2215
|
type: Input
|
|
2216
2216
|
}], ListData: [{
|
|
@@ -8283,6 +8283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
8283
8283
|
}] });
|
|
8284
8284
|
|
|
8285
8285
|
class GlobalMenuService {
|
|
8286
|
+
ConfigService = inject(ConfigService);
|
|
8286
8287
|
_isMenuVisible = signal(true, ...(ngDevMode ? [{ debugName: "_isMenuVisible" }] : []));
|
|
8287
8288
|
_selectedProduct = signal({ product: "", icon: "", productId: "" }, ...(ngDevMode ? [{ debugName: "_selectedProduct" }] : []));
|
|
8288
8289
|
isMenuVisible = this._isMenuVisible.asReadonly();
|
|
@@ -8318,11 +8319,13 @@ class GlobalMenuService {
|
|
|
8318
8319
|
}
|
|
8319
8320
|
}
|
|
8320
8321
|
setMenuVisibility(isVisible) {
|
|
8321
|
-
|
|
8322
|
+
const cookieAttributesGeneral = GetCookieAttributes(this.ConfigService.environment?.environment ?? "");
|
|
8323
|
+
setCookie(this.COOKIE_MENU, String(isVisible), cookieAttributesGeneral); // 👈 NUEVO
|
|
8322
8324
|
this.emitMenuEvent(isVisible);
|
|
8323
8325
|
}
|
|
8324
8326
|
setSelectedProduct(product) {
|
|
8325
|
-
|
|
8327
|
+
const cookieAttributesGeneral = GetCookieAttributes(this.ConfigService.environment?.environment ?? "");
|
|
8328
|
+
setCookie(this.COOKIE_PRODUCT, JSON.stringify(product), cookieAttributesGeneral); // 👈 NUEVO
|
|
8326
8329
|
this.emitSelectedProductEvent(product);
|
|
8327
8330
|
}
|
|
8328
8331
|
listenMenuEvents() {
|
|
@@ -8333,7 +8336,8 @@ class GlobalMenuService {
|
|
|
8333
8336
|
const { menuIsVisible } = event.detail ?? {};
|
|
8334
8337
|
if (typeof menuIsVisible === "boolean") {
|
|
8335
8338
|
this._isMenuVisible.set(menuIsVisible);
|
|
8336
|
-
|
|
8339
|
+
const cookieAttributesGeneral = GetCookieAttributes(this.ConfigService.environment?.environment ?? "");
|
|
8340
|
+
setCookie(this.COOKIE_MENU, String(menuIsVisible), cookieAttributesGeneral); // 👈 NUEVO
|
|
8337
8341
|
}
|
|
8338
8342
|
};
|
|
8339
8343
|
onSelectedProductEvent = (event) => {
|
|
@@ -8344,7 +8348,8 @@ class GlobalMenuService {
|
|
|
8344
8348
|
if (typeof product === "string" && typeof icon === "string" && typeof authClient === "string") {
|
|
8345
8349
|
const normalized = { product, icon, productId: authClient };
|
|
8346
8350
|
this._selectedProduct.set(normalized);
|
|
8347
|
-
|
|
8351
|
+
const cookieAttributesGeneral = GetCookieAttributes(this.ConfigService.environment?.environment ?? "");
|
|
8352
|
+
setCookie(this.COOKIE_PRODUCT, JSON.stringify(normalized), cookieAttributesGeneral); // 👈 NUEVO
|
|
8348
8353
|
}
|
|
8349
8354
|
};
|
|
8350
8355
|
emitMenuEvent(isVisible) {
|