intelica-library-project 20.0.24 → 20.0.25
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.
|
@@ -84,6 +84,7 @@ function rangesOverlap(start, end, min, max) {
|
|
|
84
84
|
return false;
|
|
85
85
|
return true;
|
|
86
86
|
}
|
|
87
|
+
const YEAR_INRANGE_CLASS = "p-datepicker-year-selected";
|
|
87
88
|
class IntelicaDatepicker {
|
|
88
89
|
primeng = inject(PrimeNG);
|
|
89
90
|
termPipe = inject(TermPipe);
|
|
@@ -183,6 +184,13 @@ class IntelicaDatepicker {
|
|
|
183
184
|
return;
|
|
184
185
|
this.setPreset(period);
|
|
185
186
|
});
|
|
187
|
+
effect(() => {
|
|
188
|
+
const isYearView = this.viewedView() === "year";
|
|
189
|
+
this.viewedDate();
|
|
190
|
+
this.dateRange();
|
|
191
|
+
if (isYearView)
|
|
192
|
+
this.highlightYearRange();
|
|
193
|
+
});
|
|
186
194
|
}
|
|
187
195
|
applyPreset(period) {
|
|
188
196
|
this.setPreset(period);
|
|
@@ -257,6 +265,18 @@ class IntelicaDatepicker {
|
|
|
257
265
|
const day = String(date.getDate()).padStart(2, "0");
|
|
258
266
|
return `${day} ${month}, ${year}`;
|
|
259
267
|
}
|
|
268
|
+
highlightYearRange() {
|
|
269
|
+
const panel = this.datepickerRef()?.overlay;
|
|
270
|
+
const dates = this.dateRange();
|
|
271
|
+
if (!panel || !dates?.[0])
|
|
272
|
+
return;
|
|
273
|
+
const startYear = dates[0].getFullYear();
|
|
274
|
+
const endYear = (dates[1] ?? dates[0]).getFullYear();
|
|
275
|
+
panel.querySelectorAll("span.p-datepicker-year").forEach(el => {
|
|
276
|
+
const year = parseInt(el.textContent?.trim() ?? "", 10);
|
|
277
|
+
el.classList.toggle(YEAR_INRANGE_CLASS, year >= startYear && year <= endYear);
|
|
278
|
+
});
|
|
279
|
+
}
|
|
260
280
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: IntelicaDatepicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
261
281
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: IntelicaDatepicker, isStandalone: true, selector: "intelica-datepicker-range", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, initPeriod: { classPropertyName: "initPeriod", publicName: "initPeriod", isSignal: true, isRequired: false, transformFunction: null }, initialRange: { classPropertyName: "initialRange", publicName: "initialRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "datepickerRef", first: true, predicate: DatePicker, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ptFiltersBar__date\" (click)=\"onPanelInteract()\">\n\t<i class=\"ptFiltersBar__icon icon icon-calendar\"></i>\n\t<div>\n\t\t<p-datepicker\n\t\t\tclass=\"prDatapicker prDatapicker--reusable\"\n\t\t\t[panelStyleClass]=\"panelClasses()\"\n\t\t\tselectionMode=\"range\"\n\t\t\t[numberOfMonths]=\"1\"\n\t\t\t[readonlyInput]=\"true\"\n\t\t\t[showIcon]=\"false\"\n\t\t\t[view]=\"view()\"\n\t\t\t[dateFormat]=\"dateFormat()\"\n\t\t\t[hideOnDateTimeSelect]=\"false\"\n\t\t\t[ngModel]=\"dateRange()\"\n\t\t\t(ngModelChange)=\"onDateRangeChange($event)\"\n\t\t\t(onClose)=\"onCalendarClose()\"\n\t\t\t(onShow)=\"onCalendarShow()\"\n\t\t\t(onMonthChange)=\"onMonthChange()\"\n\t\t\t(onYearChange)=\"onMonthChange()\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[minDate]=\"minDate() ?? undefined\"\n\t\t\t[maxDate]=\"effectiveMaxDate()\"\n\t\t\t[disabledDates]=\"disabledDates()\"\n\t\t\t[inputStyle]=\"{ 'text-transform': 'lowercase' }\"\n\t\t>\n\t\t\t<ng-template #previousicon>\n\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\n\t\t\t</ng-template>\n\t\t\t<ng-template #nexticon>\n\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\n\t\t\t</ng-template>\n\t\t\t<ng-template pTemplate=\"footer\" let-clearCallback=\"clearCallback\">\n\t\t\t\t<div class=\"footerDatapicker footerDatapicker--range\">\n\t\t\t\t\t<div class=\"footerDatapicker__box\">\n\t\t\t\t\t\t@for (p of presetsState(); track p.period) {\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t[class.btnActive]=\"p.active\"\n\t\t\t\t\t\t\t[class.btnSecond]=\"!p.active && !p.disabled\"\n\t\t\t\t\t\t\t[disabled]=\"p.disabled\"\n\t\t\t\t\t\t\t[label]=\"p.label\"\n\t\t\t\t\t\t\t[pTooltip]=\"'Nodata'|term:globalTermService.languageCode\"\n\t\t\t\t\t\t\t[tooltipDisabled]=\"!p.disabled\"\n\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\ttooltipStyleClass=\"prTooltip\"\n\t\t\t\t\t\t\t(onClick)=\"applyPreset(p.period)\"\n\t\t\t\t\t\t\tclass=\"u-text-nowrap\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-template>\n\t\t</p-datepicker>\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TermPipe, name: "term" }], encapsulation: i0.ViewEncapsulation.None });
|
|
262
282
|
}
|
|
@@ -1577,6 +1597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
1577
1597
|
class TableComponent {
|
|
1578
1598
|
SharedService = inject(SharedService);
|
|
1579
1599
|
GlobalTermService = inject(GlobalTermService);
|
|
1600
|
+
TermPipe = inject(TermPipe);
|
|
1580
1601
|
ComponentId = "";
|
|
1581
1602
|
ListData = [];
|
|
1582
1603
|
ShowRowPerPage = true;
|
|
@@ -1594,6 +1615,8 @@ class TableComponent {
|
|
|
1594
1615
|
scrollable = false;
|
|
1595
1616
|
AllowedPageSizes = [10, 25, 50, 100];
|
|
1596
1617
|
tableStyle = {};
|
|
1618
|
+
SearchFields = [];
|
|
1619
|
+
SearchPlaceholderLength = 20;
|
|
1597
1620
|
_isTableDisabled = false;
|
|
1598
1621
|
_pendingUncheck = false;
|
|
1599
1622
|
HeaderState = {};
|
|
@@ -1905,8 +1928,28 @@ class TableComponent {
|
|
|
1905
1928
|
}
|
|
1906
1929
|
this.UpdatePages();
|
|
1907
1930
|
}
|
|
1931
|
+
get fullSearchText() {
|
|
1932
|
+
const lang = this.GlobalTermService.languageCode;
|
|
1933
|
+
const searchBy = this.TermPipe.transform("SEARCH_BY", lang);
|
|
1934
|
+
const fields = this.SearchFields;
|
|
1935
|
+
if (fields.length === 0)
|
|
1936
|
+
return searchBy;
|
|
1937
|
+
if (fields.length === 1)
|
|
1938
|
+
return `${searchBy} ${fields[0]}`;
|
|
1939
|
+
const or = this.TermPipe.transform("OR", lang);
|
|
1940
|
+
const allButLast = fields.slice(0, -1).join(", ");
|
|
1941
|
+
return `${searchBy} ${allButLast} ${or} ${fields[fields.length - 1]}`;
|
|
1942
|
+
}
|
|
1943
|
+
get searchPlaceholder() {
|
|
1944
|
+
const full = this.fullSearchText;
|
|
1945
|
+
return full.length > this.SearchPlaceholderLength ? `${full.slice(0, this.SearchPlaceholderLength)}...` : full;
|
|
1946
|
+
}
|
|
1947
|
+
get searchTooltip() {
|
|
1948
|
+
const full = this.fullSearchText;
|
|
1949
|
+
return full.length > this.SearchPlaceholderLength ? full : "";
|
|
1950
|
+
}
|
|
1908
1951
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1909
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", 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\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\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>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2$2.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: i5.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: i6.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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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" }] });
|
|
1952
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", 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", SearchFields: "SearchFields", SearchPlaceholderLength: "SearchPlaceholderLength", 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\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\t[pTooltip]=\"searchTooltip\"\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t\ttooltipStyleClass=\"prTooltip\"\n\t\t\t\t\t\t\t\t[placeholder]=\"searchPlaceholder\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\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>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2$2.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: i5.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: i6.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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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" }] });
|
|
1910
1953
|
}
|
|
1911
1954
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableComponent, decorators: [{
|
|
1912
1955
|
type: Component,
|
|
@@ -1926,7 +1969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
1926
1969
|
CheckboxModule,
|
|
1927
1970
|
FormsModule,
|
|
1928
1971
|
FormatCellPipe,
|
|
1929
|
-
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\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>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n" }]
|
|
1972
|
+
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\t[pTooltip]=\"searchTooltip\"\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t\ttooltipStyleClass=\"prTooltip\"\n\t\t\t\t\t\t\t\t[placeholder]=\"searchPlaceholder\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\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>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n" }]
|
|
1930
1973
|
}], propDecorators: { ComponentId: [{
|
|
1931
1974
|
type: Input
|
|
1932
1975
|
}], ListData: [{
|
|
@@ -1961,6 +2004,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
1961
2004
|
type: Input
|
|
1962
2005
|
}], tableStyle: [{
|
|
1963
2006
|
type: Input
|
|
2007
|
+
}], SearchFields: [{
|
|
2008
|
+
type: Input
|
|
2009
|
+
}], SearchPlaceholderLength: [{
|
|
2010
|
+
type: Input
|
|
1964
2011
|
}], IsTableDisabled: [{
|
|
1965
2012
|
type: Input
|
|
1966
2013
|
}], EmitSelectedItem: [{
|
|
@@ -1994,6 +2041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
1994
2041
|
class TableFetchComponent {
|
|
1995
2042
|
cdr;
|
|
1996
2043
|
GlobalTermService = inject(GlobalTermService);
|
|
2044
|
+
TermPipe = inject(TermPipe);
|
|
1997
2045
|
ComponentId = "";
|
|
1998
2046
|
ShowRowPerPage = true;
|
|
1999
2047
|
ShowSearch = false;
|
|
@@ -2010,6 +2058,8 @@ class TableFetchComponent {
|
|
|
2010
2058
|
Levels = [];
|
|
2011
2059
|
FilteredList = [];
|
|
2012
2060
|
TotalItems = 0;
|
|
2061
|
+
SearchFields = [];
|
|
2062
|
+
SearchPlaceholderLength = 20;
|
|
2013
2063
|
TotalRecords = 0;
|
|
2014
2064
|
IsPaginatorInputSearch = false;
|
|
2015
2065
|
EmitQueryParametersChange = new EventEmitter();
|
|
@@ -2174,8 +2224,28 @@ class TableFetchComponent {
|
|
|
2174
2224
|
}
|
|
2175
2225
|
this.ExecuteSearch({});
|
|
2176
2226
|
}
|
|
2227
|
+
get fullSearchText() {
|
|
2228
|
+
const lang = this.GlobalTermService.languageCode;
|
|
2229
|
+
const searchBy = this.TermPipe.transform("SEARCH_BY", lang);
|
|
2230
|
+
const fields = this.SearchFields;
|
|
2231
|
+
if (fields.length === 0)
|
|
2232
|
+
return searchBy;
|
|
2233
|
+
if (fields.length === 1)
|
|
2234
|
+
return `${searchBy} ${fields[0]}`;
|
|
2235
|
+
const or = this.TermPipe.transform("OR", lang);
|
|
2236
|
+
const allButLast = fields.slice(0, -1).join(", ");
|
|
2237
|
+
return `${searchBy} ${allButLast} ${or} ${fields[fields.length - 1]}`;
|
|
2238
|
+
}
|
|
2239
|
+
get searchPlaceholder() {
|
|
2240
|
+
const full = this.fullSearchText;
|
|
2241
|
+
return full.length > this.SearchPlaceholderLength ? `${full.slice(0, this.SearchPlaceholderLength)}...` : full;
|
|
2242
|
+
}
|
|
2243
|
+
get searchTooltip() {
|
|
2244
|
+
const full = this.fullSearchText;
|
|
2245
|
+
return full.length > this.SearchPlaceholderLength ? full : "";
|
|
2246
|
+
}
|
|
2177
2247
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableFetchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2178
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: TableFetchComponent, isStandalone: true, selector: "intelica-table-fetch", inputs: { ComponentId: "ComponentId", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ClassName: "ClassName", DefaultSortField: "DefaultSortField", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", FilteredList: "FilteredList", TotalItems: "TotalItems", CurrentPage: "CurrentPage", SortOrder: "SortOrder", SortField: "SortField" }, outputs: { EmitQueryParametersChange: "EmitQueryParametersChange", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText placeholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\" [(ngModel)]=\"SearchInput\" (keydown.enter)=\"OnSearch()\" />\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\" *ngIf=\"SearchInput\" (click)=\"ClearSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"OnSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<!-- -->\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t</div>\n\t\t}\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"FilteredList\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[sortOrder]=\"SortOrder\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t>\n\t\t<!-- Cabecera con columnas agrupadas -->\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" F [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<!-- Cuerpo de la tabla -->\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\n\t\t<!-- Mensaje cuando no hay datos -->\n\t\t<ng-template pTemplate=\"emptymessage\">\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\n\t<!-- <div class=\"prTableToolsBottom\"> -->\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "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: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i3.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "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: i5.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: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
|
|
2248
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: TableFetchComponent, isStandalone: true, selector: "intelica-table-fetch", inputs: { ComponentId: "ComponentId", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ClassName: "ClassName", DefaultSortField: "DefaultSortField", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", FilteredList: "FilteredList", TotalItems: "TotalItems", SearchFields: "SearchFields", SearchPlaceholderLength: "SearchPlaceholderLength", CurrentPage: "CurrentPage", SortOrder: "SortOrder", SortField: "SortField" }, outputs: { EmitQueryParametersChange: "EmitQueryParametersChange", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\t[pTooltip]=\"searchTooltip\"\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t\ttooltipStyleClass=\"prTooltip\"\n\t\t\t\t\t\t\t\t[placeholder]=\"searchPlaceholder\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"OnSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\" *ngIf=\"SearchInput\" (click)=\"ClearSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"OnSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<!-- -->\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t</div>\n\t\t}\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"FilteredList\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[sortOrder]=\"SortOrder\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t>\n\t\t<!-- Cabecera con columnas agrupadas -->\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" F [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<!-- Cuerpo de la tabla -->\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\n\t\t<!-- Mensaje cuando no hay datos -->\n\t\t<ng-template pTemplate=\"emptymessage\">\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\n\t<!-- <div class=\"prTableToolsBottom\"> -->\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "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: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i3.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "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: i5.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: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
|
|
2179
2249
|
}
|
|
2180
2250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableFetchComponent, decorators: [{
|
|
2181
2251
|
type: Component,
|
|
@@ -2196,7 +2266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
2196
2266
|
CheckboxModule,
|
|
2197
2267
|
FormsModule,
|
|
2198
2268
|
FormatCellPipe,
|
|
2199
|
-
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input
|
|
2269
|
+
], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\t[pTooltip]=\"searchTooltip\"\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t\ttooltipStyleClass=\"prTooltip\"\n\t\t\t\t\t\t\t\t[placeholder]=\"searchPlaceholder\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"OnSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\" *ngIf=\"SearchInput\" (click)=\"ClearSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"OnSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<!-- -->\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t</div>\n\t\t}\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"FilteredList\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[sortOrder]=\"SortOrder\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t>\n\t\t<!-- Cabecera con columnas agrupadas -->\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\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)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" F [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<!-- Cuerpo de la tabla -->\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\n\t\t<!-- Mensaje cuando no hay datos -->\n\t\t<ng-template pTemplate=\"emptymessage\">\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\n\t<!-- <div class=\"prTableToolsBottom\"> -->\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t<p-select panelStyleClass=\"prSelect paginatorSelectTableGA\" class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" (onChange)=\"OnRowsPerPageChange($event.value)\" appendTo=\"body\">\n\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t<i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber\n\t\t\t\t\t\t\t\tclass=\"p-paginator-jtp-input\"\n\t\t\t\t\t\t\t\tinputId=\"integeronly\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"CurrentPage\"\n\t\t\t\t\t\t\t\t[useGrouping]=\"false\"\n\t\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t\t[max]=\"TotalPages\"\n\t\t\t\t\t\t\t\t[minFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t[maxFractionDigits]=\"0\"\n\t\t\t\t\t\t\t\t(keyup.enter)=\"onChangeSelectPage($event)\"\n\t\t\t\t\t\t\t\t(onBlur)=\"onBlur()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n" }]
|
|
2200
2270
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { ComponentId: [{
|
|
2201
2271
|
type: Input
|
|
2202
2272
|
}], ShowRowPerPage: [{
|
|
@@ -2227,6 +2297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
|
|
|
2227
2297
|
type: Input
|
|
2228
2298
|
}], TotalItems: [{
|
|
2229
2299
|
type: Input
|
|
2300
|
+
}], SearchFields: [{
|
|
2301
|
+
type: Input
|
|
2302
|
+
}], SearchPlaceholderLength: [{
|
|
2303
|
+
type: Input
|
|
2230
2304
|
}], EmitQueryParametersChange: [{
|
|
2231
2305
|
type: Output
|
|
2232
2306
|
}], Columns: [{
|