@churchillliving/se-ui-toolkit 6.53.400 → 6.53.404
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.
- package/bundles/churchillliving-se-ui-toolkit.umd.js +2 -2
- package/bundles/churchillliving-se-ui-toolkit.umd.js.map +1 -1
- package/churchillliving-se-ui-toolkit.metadata.json +1 -1
- package/esm2015/lib/components/base/caption/caption.component.js +2 -2
- package/esm2015/lib/components/base/grid/grid.component.js +1 -1
- package/fesm2015/churchillliving-se-ui-toolkit.js +2 -2
- package/fesm2015/churchillliving-se-ui-toolkit.js.map +1 -1
- package/package.json +1 -1
|
@@ -6281,7 +6281,7 @@
|
|
|
6281
6281
|
{ type: i0.Component, args: [{
|
|
6282
6282
|
selector: 'se-grid',
|
|
6283
6283
|
template: "<div class=\"grid-component-wrapper\">\n <p-confirmDialog\n [style]=\"{ width: '50vw' }\"\n *ngIf=\"useInlineCRUD\"\n key=\"handleInlineCRUD\"\n ></p-confirmDialog>\n <p-confirmDialog\n class=\"grid-component-confirm-dialog\"\n *ngIf=\"columnActions.length > 0\"\n key=\"handlecolumnActions\"\n ></p-confirmDialog>\n <div\n class=\"p-mb-2 p-d-flex p-ai-center\"\n *ngIf=\"\n allowColumnToggle ||\n rowActions.length > 0 ||\n useInlineCRUD ||\n allowExportToExcel ||\n allowExportToPdf ||\n clearGridFilter\n \"\n >\n <!-- button for apply value on Grid -->\n <button\n *ngIf=\"filtering && !hideFilter\"\n pButton\n type=\"button\"\n icon=\"pi pi-search\"\n (click)=\"applyGirdFilterBtn()\"\n [class]=\"\n searchGridFilter ? 'p-button-success' : 'hide-clear-filter-button'\n \"\n ></button>\n\n <!-- button for clear value on Grid -->\n <button\n *ngIf=\"filtering && !hideFilter\"\n pButton\n id=\"clearGridFilterValuesButton\"\n type=\"button\"\n icon=\"pi pi-replay\"\n (click)=\"cleargridFiltersValue()\"\n [class]=\"clearGridFilter ? '' : 'hide-clear-filter-button'\"\n class=\"global-refresh global-btn p-mr-2 p-ml-2\"\n ></button>\n\n <!-- button for edit all grid at once -->\n <!-- <button\n pButton\n *ngIf=\"hideEditAllRowsBtn && editAllRows\"\n id=\"editBtnGlobalvalues\"\n type=\"button\"\n [label]=\"'Edit'\"\n class=\"p-mr-2 ui-button-info\"\n icon=\"pi pi-pencil\"\n [class]=\"editRowPermission ? '' : 'p-disabled'\"\n (click)=\"editAllRowsAtOnce()\"\n ></button> -->\n\n <!-- button for save all grid at once -->\n <button\n pButton\n *ngIf=\"editAllRows && editRowPermission\"\n id=\"saveAllGridValues\"\n icon=\"pi pi-check\"\n [label]=\"'Save'\"\n [class]=\"\n hideGridSaveButton\n ? 'hide-clear-filter-button'\n : 'p-mr-2 p-ml-2 ui-button-info'\n \"\n type=\"button\"\n (click)=\"saveAllRowsAtOnce()\"\n ></button>\n\n <!-- button for cancel all grid at once -->\n <button\n pButton\n *ngIf=\"editAllRows && !hideGridCancelButton\"\n id=\"editBtnGlobalvalues\"\n type=\"button\"\n [label]=\"'Cancel'\"\n icon=\"pi pi-times\"\n class=\"p-mr-2 ui-button-info\"\n (click)=\"cancelAllRowsAtOnce()\"\n ></button>\n\n <!-- header Button for multiSelect on Grid -->\n <span *ngIf=\"allowColumnToggle\">\n <p-multiSelect\n [showToggleAll]=\"false\"\n [options]=\"columns\"\n [(ngModel)]=\"selectedColumns\"\n optionLabel=\"header\"\n selectedItemsLabel=\"{0} columns selected\"\n class=\"grid-component-multiselect-header-button p-mr-2 p-ml-2\"\n placeholder=\"Choose Columns\"\n >\n </p-multiSelect>\n </span>\n\n <!-- <button\n pButton\n *ngIf=\"showRefreshBtn\"\n type=\"button\"\n [label]=\"'Refresh'\"\n icon=\"pi pi-refresh\"\n (click)=\"refresh()\"\n class=\"ui-button-info p-mr-2\"\n></button> -->\n\n <!-- header Button for Adding new Row on Grid -->\n <button\n pButton\n *ngIf=\"useInlineCRUD && addRowPermission && !hideAddBtn\"\n type=\"button\"\n [label]=\"'Add'\"\n pAddRow\n [table]=\"componentTableRef\"\n [newRow]=\"newGridRow\"\n [id]=\"dataKey\"\n pTooltip=\"Add New Row\"\n tooltipPosition=\"bottom\"\n icon=\"pi pi-plus\"\n class=\"ui-button-info global-add-btn p-ml-3\"\n (click)=\"addNewRow(newGridRow, true)\"\n pRipple\n ></button>\n\n <div\n *ngFor=\"let reportButton of reportButtons\"\n class=\"ui-button-info p-mr-2 p-ml-2\"\n >\n <se-generate-report-btn\n *ngIf=\"!reportButton.hidden\"\n [repId]=\"reportButton.reportId\"\n [label]=\"reportButton.label\"\n [params]=\"reportButton.params\"\n [showDialog]=\"reportButton.showDialog\"\n ></se-generate-report-btn>\n </div>\n\n <!-- header Button for Excel File on Grid -->\n <button\n *ngIf=\"allowExportToExcel\"\n type=\"button\"\n pButton\n icon=\"pi pi-file-excel\"\n (click)=\"exportExcel()\"\n class=\"p-button-success p-mt-0 p-mr-2 p-ml-2\"\n pTooltip=\"Export to Excel\"\n tooltipPosition=\"bottom\"\n pRipple\n ></button>\n\n <!-- header Button for PDF File on Grid -->\n <button\n *ngIf=\"allowExportToPdf\"\n type=\"button\"\n pButton\n icon=\"pi pi-file-pdf\"\n (click)=\"exportPdf()\"\n class=\"p-button-warning p-mr-2 p-ml-2\"\n pTooltip=\"Export to Pdf\"\n tooltipPosition=\"bottom\"\n pRipple\n ></button>\n <ng-content></ng-content>\n </div>\n\n <p-table\n *ngIf=\"!isGridHidden\"\n id=\"my-table\"\n [value]=\"rowsData\"\n [columns]=\"selectedColumns\"\n sortMode=\"multiple\"\n [lazy]=\"useServerSideEvents\"\n [paginator]=\"pagination\"\n [alwaysShowPaginator]=\"false\"\n [class]=\"pagination || !rowsData.length ? 'pagination' : ''\"\n class=\"grid-component-main-table\"\n [rows]=\"defaultRows\"\n [totalRecords]=\"totalRecords\"\n [rowsPerPageOptions]=\"setPaginationLength\"\n [showCurrentPageReport]=\"showCurrentPageReport\"\n currentPageReportTemplate=\"Showing {first} to {last} of {{\n totalRecords\n }} entries\"\n [loading]=\"autoLoadData && !setGridRefreshTime ? loading : false\"\n (onSort)=\"sortDisabled ?? handleSortChange($event)\"\n (onFilter)=\"handleFilterChange($event)\"\n (onLazyLoad)=\"autoLoadData ? handleServerSideEvents($event) : ''\"\n (onPage)=\"handleServerSidePagination($event)\"\n #dt\n [dataKey]=\"dataKey\"\n [(selection)]=\"selectedRows\"\n selectionMode=\"multiple\"\n [scrollable]=\"scrollable\"\n [scrollHeight]=\"scrollHeight\"\n editMode=\"row\"\n [editingRowKeys]=\"editingRowKeys\"\n [autoLayout]=\"true\"\n [rowHover]=\"rowHover\"\n [ngClass]=\"{\n 'horizontal-scroll': horizontalScroll === true ? true : false\n }\"\n >\n <!-- header Button for Action on Grid -->\n <div\n *ngIf=\"rowActions.length > 0 && rowActions.length > 0\"\n class=\"p-d-flex p-jc-end\"\n >\n <span *ngFor=\"let rowAction of rowActions\">\n <button\n pButton\n type=\"button\"\n [label]=\"rowAction.title\"\n [class]=\"rowAction.class\"\n (click)=\"rowAction.onClick(selectedRows)\"\n ></button>\n </span>\n </div>\n\n <!-- header columns on Grid -->\n <ng-template pTemplate=\"header\" let-cols>\n <tr>\n <th\n *ngIf=\"allowSelection && selectionType === 'multiple'\"\n class=\"grid-component-selection\"\n >\n <div\n class=\"grid-component-table-header-inner-div-2 table-header-inner-div div-last-inner-html-is-icon\"\n >\n <span class=\"flex-grow-1\"> {{ allowSelectionHeader }} </span>\n <p-tableHeaderCheckbox\n *ngIf=\"selectionType === 'multiple'\"\n binary=\"true\"\n (click)=\"multiCheckBoxOnclick(rowsData, $event)\"\n ></p-tableHeaderCheckbox>\n </div>\n </th>\n <th\n *ngIf=\"allowSelection && selectionType === 'single'\"\n class=\"grid-component-selection\"\n >\n Select\n </th>\n <th\n *ngIf=\"\n setActionColumnAsFirst &&\n !disabledSaveBtn &&\n columns?.length > 0 &&\n (columnActions.length > 0 ||\n (useInlineCRUD && (deleteRowPermission || editRowPermission)))\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n >\n Actions\n </th>\n <th\n *ngFor=\"let column of cols\"\n [pSortableColumn]=\"column.field\"\n [class]=\"column.type === 'boolean' ? 'checkbox-th' : ''\"\n [pSortableColumnDisabled]=\"\n sortDisabled && useServerSideEvents\n ? true\n : column.sorting === false\n \"\n class=\"column?.type === 'multiple' ? 'grid-component-select-th-column-type-multiple' : ''\"\n >\n <div\n class=\"grid-component-table-header-inner-div-1 table-header-inner-div div-last-inner-html-is-icon\"\n >\n <span [class]=\"'flex-grow-1'\">{{ column.header }}</span>\n <span *ngIf=\"column.isRequired\" class=\"grid-component required-star\"\n >*</span\n >\n <p-sortIcon\n *ngIf=\"column.sorting !== false && column?.type !== 'multiple'\"\n [field]=\"column.field\"\n ></p-sortIcon>\n </div>\n </th>\n <th\n *ngIf=\"\n !setActionColumnAsFirst &&\n !disabledSaveBtn &&\n columns?.length > 0 &&\n (columnActions.length > 0 ||\n (useInlineCRUD && (deleteRowPermission || editRowPermission)))\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n >\n Actions\n </th>\n </tr>\n <tr *ngIf=\"filtering && !hideFilter\">\n <th\n *ngIf=\"allowSelection\"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n ></th>\n <th\n *ngIf=\"setActionColumnAsFirst && !disabledSaveBtn\"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n ></th>\n <th\n *ngFor=\"let column of cols\"\n [ngSwitch]=\"column?.filter?.type\"\n [style]=\"column.style\"\n [class]=\"hideFilterOptions ? 'hide-table-filter' : ''\"\n >\n <span\n *ngIf=\"column.filtering !== false\"\n [class]=\"column.filter?.showFilter ? '' : 'hide-filter-icon'\"\n >\n <!-- Text input on Header For Filter-->\n <p-columnFilter\n [type]=\"'text'\"\n [field]=\"column.field\"\n *ngSwitchCase=\"'input'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <input\n type=\"text\"\n [(ngModel)]=\"column.filterValue\"\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\n (blur)=\"setFilterFocusOut(column, filter, $event)\"\n (keydown)=\"backspaceEvent($event, column)\"\n (keyup)=\"removingFilters($event, column)\"\n pInputText\n />\n </ng-template>\n </p-columnFilter>\n\n <!-- Numeric input on Header For Filter-->\n <p-columnFilter\n [type]=\"'numeric'\"\n [field]=\"column.field\"\n *ngSwitchCase=\"'numeric_input'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <p-inputNumber\n [(ngModel)]=\"column.filterValue\"\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\n (onBlur)=\"setFilterFocusOut(column, filter, $event)\"\n (keydown)=\"backspaceEvent($event, column)\"\n (keyup)=\"removingFilters($event, column)\"\n ></p-inputNumber>\n </ng-template>\n </p-columnFilter>\n\n <!-- lookup input on Header For Filter-->\n <p-columnFilter\n [type]=\"'text'\"\n [field]=\"column.field\"\n *ngSwitchCase=\"'lookup_input'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <div\n class=\"close-icon-wrapper grid-component lookup-filter-wrapper\"\n >\n <input\n id=\"lookUp_filter\"\n class=\"grid-component lookup-filter\"\n autocomplete=\"off\"\n type=\"text\"\n [(ngModel)]=\"column.filterValue\"\n (click)=\"setFilterLookup(column)\"\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\n (blur)=\"setFilterFocusOut(column, filter, $event)\"\n (keydown)=\"backspaceEvent($event, column)\"\n (keyup)=\"removingFilters($event, column)\"\n pInputText\n />\n <div>\n <button\n *ngIf=\"column.filterValue\"\n icon=\"pi pi-times\"\n pButton\n type=\"button\"\n (click)=\"lookupClearValue(column)\"\n ></button>\n </div>\n </div>\n </ng-template>\n </p-columnFilter>\n\n <!-- checkbox on Header For Filter-->\n <p-columnFilter\n type=\"boolean\"\n [field]=\"column.field\"\n *ngSwitchCase=\"'checkbox'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <p-checkbox\n [binary]=\"true\"\n [disabled]=\"column.disabled\"\n [(ngModel)]=\"column.filterValue\"\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\n (onChange)=\"setFilterFocusOut(column, filter, $event)\"\n (click)=\"clickCheckBoxFilter(column)\"\n (keydown)=\"backspaceEvent($event, column)\"\n >\n </p-checkbox>\n </ng-template>\n </p-columnFilter>\n\n <!-- multiSelect on Header For Filter-->\n <p-columnFilter\n [field]=\"column.field\"\n matchMode=\"in\"\n [showMenu]=\"false\"\n *ngSwitchCase=\"'multi-select'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <p-multiSelect\n [ngModel]=\"column.filterValue\"\n [options]=\"column.filter.data || []\"\n (onChange)=\"filter($event.value)\"\n (blur)=\"setFilterFocusOut(column, filter, $event)\"\n (keydown)=\"backspaceEvent($event, column)\"\n placeholder=\"Any\"\n optionLabel=\"label\"\n >\n </p-multiSelect>\n </ng-template>\n </p-columnFilter>\n\n <!-- dropdown on Header For Filter-->\n <p-columnFilter\n [field]=\"column.field\"\n matchMode=\"in\"\n [showMenu]=\"false\"\n *ngSwitchCase=\"'dropdown'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <p-dropdown\n [showClear]=\"true\"\n [placeholder]=\"'Select'\"\n [filter]=\"column.allowSearch\"\n [(ngModel)]=\"column.filterValue\"\n (keyup.enter)=\"applyDropdownFilter(filter, $event)\"\n [options]=\"column.filter.data || []\"\n (onChange)=\"searchDropdownFilter(filter, $event, column)\"\n ></p-dropdown>\n </ng-template>\n </p-columnFilter>\n\n <!-- calendar on Header For Filter-->\n <p-columnFilter\n [field]=\"column.field\"\n matchMode=\"in\"\n [showMenu]=\"false\"\n *ngSwitchCase=\"'calendar'\"\n >\n <ng-template\n pTemplate=\"filter\"\n let-value\n let-filter=\"filterCallback\"\n >\n <p-calendar\n [placeholder]=\"'Select-Date'\"\n [(ngModel)]=\"column.filterValue\"\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\n appendTo=\"body\"\n (onSelect)=\"selectDate(column)\"\n [inputId]=\"column.field\"\n hourFormat=\"12\"\n (keyup.backspace)=\"removeNullCalendar(column, filter, $event)\"\n [showButtonBar]=\"true\"\n (onClose)=\"setFilterFocusOut(column, filter, $event)\"\n (keydown)=\"backspaceEvent($event, column)\"\n (onClearClick)=\"backspaceEvent($event, column)\"\n >\n </p-calendar>\n </ng-template>\n </p-columnFilter>\n\n <!-- Default Filter For Header -->\n <p-columnFilter\n [type]=\"\n column.type && column.type !== 'link' ? column.type : 'text'\n \"\n [field]=\"column.field\"\n display=\"menu\"\n *ngSwitchDefault\n >\n </p-columnFilter>\n </span>\n </th>\n <th\n *ngIf=\"\n !setActionColumnAsFirst &&\n !disabledSaveBtn &&\n columns?.length > 0 &&\n (columnActions.length > 0 ||\n (useInlineCRUD && (deleteRowPermission || editRowPermission)))\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n ></th>\n </tr>\n </ng-template>\n\n <!-- Body columns on Grid -->\n <ng-template\n pTemplate=\"body\"\n let-row\n let-editing=\"editing\"\n let-ri=\"rowIndex\"\n >\n <tr\n [ngClass]=\"row?.highlightrow ? 'highlighted-row' : ''\"\n [class]=\"wordWrap ? 'p-selectable-row' : 'noWrap p-selectable-row'\"\n (click)=\"!editing && handleRowClick(row)\"\n [pEditableRow]=\"row\"\n #gridRow\n [id]=\"row[dataKey]\"\n >\n <td *ngIf=\"allowSelection\" class=\"grid-component-selection\">\n <p-tableRadioButton\n [value]=\"row\"\n *ngIf=\"selectionType === 'single'\"\n (click)=\"multiCheckBoxOnclick(row, $event, true)\"\n ></p-tableRadioButton>\n <p-tableCheckbox\n [value]=\"row\"\n *ngIf=\"selectionType === 'multiple'\"\n (click)=\"multiCheckBoxOnclick(row, $event)\"\n ></p-tableCheckbox>\n </td>\n\n <!-- first actions column -->\n <td *ngIf=\"setActionColumnAsFirst && columnActions.length > 0\">\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\n <i\n [title]=\"action.tooltip\"\n [class]=\"action.icon\"\n (click)=\"handleActionClick($event, action, row)\"\n ></i>\n </span>\n </td>\n <td\n *ngIf=\"\n setActionColumnAsFirst &&\n useInlineCRUD &&\n (deleteRowPermission || editRowPermission)\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\"\n >\n <span class=\"setActionColumnWidth\">\n <se-grid-row-actions\n [editing]=\"editing\"\n [editRowPermission]=\"editRowPermission\"\n [deleteRowPermission]=\"deleteRowPermission\"\n [hideDeleteBtn]=\"hideDeleteBtn\"\n [hideEditBtn]=\"hideEditBtn\"\n [row]=\"row\"\n (onRowEditInitBtn)=\"onRowEditInit($event)\"\n (deleteRecordBtn)=\"deleteRecord($event)\"\n (onRowEditSaveBtn)=\"onRowEditSave($event)\"\n (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\n [editAllRows]=\"editAllRows\"\n >\n </se-grid-row-actions>\n </span>\n </td>\n\n <!-- Grid Rows Data Bindings Start -->\n <td *ngFor=\"let column of selectedColumns\" [ngSwitch]=\"column.type\">\n <!-- Boolean column on Grid -->\n <span *ngSwitchCase=\"'boolean'\">\n <td *ngIf=\"!editing\">\n <p-checkbox\n [disabled]=\"!column.allowEdit ?? true\"\n [binary]=\"true\"\n (click)=\"onClickEvent(column, row)\"\n (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\"\n (blur)=\"onFocusOutEvent(column, row)\"\n [(ngModel)]=\"\n row[column.field] &&\n (row[column.field].toString() === '1' ||\n row[column.field].toString().toLowerCase() === 'true' ||\n row[column.field].toString().toLowerCase() === 'y' ||\n (row[column.field].text &&\n (row[column.field]?.text?.toString() === '1' ||\n row[column.field]?.text?.toString()?.toLowerCase() ===\n 'true' ||\n row[column.field]?.text?.toString()?.toLowerCase() ===\n 'y')))\n ? Checked\n : unChecked\n \"\n >\n </p-checkbox>\n </td>\n <td *ngIf=\"editing\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <!-- for edit checkBox -->\n <p-checkbox\n (click)=\"onClickEvent(column, row)\"\n (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\"\n [disabled]=\"allowDisabled(column, row)\"\n [binary]=\"true\"\n [(ngModel)]=\"\n row[column.field] &&\n (row[column.field].toString() === '1' ||\n row[column.field].toString().toLowerCase() === 'true' ||\n row[column.field].toString().toLowerCase() === 'y' ||\n (row[column.field].text &&\n (row[column.field]?.text?.toString() === '1' ||\n row[column.field]?.text\n ?.toString()\n ?.toLowerCase() === 'true' ||\n row[column.field]?.text\n ?.toString()\n ?.toLowerCase() === 'y')))\n ? editModeChecked\n : editModeunCkecked\n \"\n (blur)=\"onFocusOutEvent(column, row)\"\n ></p-checkbox>\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{ row[column.field] }}\n </ng-template>\n </p-cellEditor>\n </td>\n </span>\n\n <!-- link column on Grid -->\n <span *ngSwitchCase=\"'link'\">\n <!-- link column for HyperLink Case -->\n <span *ngIf=\"column.allowSave === false\">\n <span\n *ngIf=\"column.target !== '_self'\"\n (click)=\"onClickEvent(column, row)\"\n [title]=\"setConditionBaseValue(row, column)\"\n [class]=\"\n column.editable === false\n ? ''\n : allowDisabled(column, row)\n ? 'disable-link'\n : ''\n \"\n >\n <!-- <a [href]=\"row[column.field + '_obj']?.hyperlink\" target=\"_blank\">\n {{\n setConditionBaseValue(row, column)\n }}\n </a> -->\n <a\n *ngIf=\"!column.disabled; else disabled\"\n [href]=\"row[column.field + '_obj']?.hyperlink\"\n target=\"_blank\"\n >\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </a>\n <ng-template #disabled>\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </ng-template>\n </span>\n <span\n *ngIf=\"column.target === '_self'\"\n (click)=\"onClickEvent(column, row)\"\n [title]=\"setConditionBaseValue(row, column)\"\n [class]=\"\n column.editable === false\n ? ''\n : allowDisabled(column, row)\n ? 'disable-link'\n : ''\n \"\n >\n <!-- <a [href]=\"row[column.field + '_obj']?.hyperlink\">\n {{\n setConditionBaseValue(row, column)\n }}\n </a> -->\n <a\n *ngIf=\"!column.disabled; else disabled\"\n [href]=\"row[column.field + '_obj']?.hyperlink\"\n >\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </a>\n <ng-template #disabled>\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </ng-template>\n </span>\n </span>\n <!-- link column for Edit Case -->\n <span *ngIf=\"column.allowSave || column.allowSave === undefined\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <span\n *ngIf=\"\n (column.editable === true ||\n column.editable === undefined) &&\n (column.editLink === true ||\n column.editLink === undefined)\n \"\n >\n <input\n *ngIf=\"!row.isNew\"\n pInputText\n (click)=\"onClickEvent(column, row)\"\n type=\"text\"\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object' &&\n row[column.field]?.action\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n (blur)=\"onFocusOutEvent(column, row)\"\n (change)=\"onChangeEvent(column, row)\"\n />\n <input\n pInputText\n *ngIf=\"row.isNew\"\n type=\"text\"\n (click)=\"onClickEvent(column, row)\"\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object'\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n (blur)=\"onFocusOutEvent(column, row)\"\n (change)=\"onChangeEvent(column, row)\"\n />\n </span>\n <span\n *ngIf=\"column.editable === false\"\n [class]=\"\n allowDisabled(column, row) ? 'disable-link' : 'hyperlink'\n \"\n >\n {{ setConditionBaseValue(row, column) }}\n </span>\n <span *ngIf=\"column.editLink === false\">\n <a\n (click)=\"onClickEvent(column, row)\"\n [href]=\"row[column.field + '_obj']?.hyperlink\"\n target=\"_blank\"\n [class]=\"\n column.editable === false\n ? ''\n : allowDisabled(column, row)\n ? 'disable-link'\n : ''\n \"\n >\n <i\n *ngIf=\"column.icon; else noIcon\"\n [class]=\"column.icon\"\n ></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </a>\n </span>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span>\n <a\n (click)=\"onClickEvent(column, row)\"\n [href]=\"row[column.field + '_obj']?.hyperlink\"\n target=\"_blank\"\n [class]=\"\n column.editable === false\n ? ''\n : allowDisabled(column, row)\n ? 'disable-link'\n : ''\n \"\n >\n <i\n *ngIf=\"column.icon; else noIcon\"\n [class]=\"column.icon\"\n ></i>\n <ng-template #noIcon>\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </a>\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n </span>\n\n <!-- Iframe column on Grid -->\n <span *ngSwitchCase=\"'iframe'\">\n <span\n class=\"custom-link\"\n (click)=\"\n gridIFrame(column, row[column.field + '_obj']?.hyperlink, row)\n \"\n [title]=\"\n row[column.field + '_obj'] &&\n (row[column.field + '_obj'].displayText === null ||\n row[column.field + '_obj'].displayText === '')\n ? row[column.field]\n : row[column.field + '_obj']?.displayText\n ? row[column.field + '_obj'].displayText\n : column.displayText\n ? column.displayText\n : row[column.field]\n \"\n >\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>\n {{\n row[column.field + '_obj'] &&\n (row[column.field + '_obj'].displayText === null ||\n row[column.field + '_obj'].displayText === '')\n ? row[column.field]\n : row[column.field + '_obj']?.displayText\n ? row[column.field + '_obj'].displayText\n : column.displayText\n ? column.displayText\n : row[column.field]\n }}\n </ng-template>\n </span>\n </span>\n\n <!-- dialog column on Grid -->\n <span *ngSwitchCase=\"'dialog'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <span\n *ngIf=\"\n row[column.field + '_secondType'] !== 'date' &&\n !row.hidegridbtn\n \"\n [title]=\"setConditionBaseValue(row, column)\"\n >\n <span *ngIf=\"column.editable === true\">\n <input\n readonly\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n type=\"text\"\n pInputText\n (click)=\"selectLookupField(column, row)\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object'\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [name]=\"row[column.field]\"\n [disabled]=\"allowDisabled(column, row)\"\n (blur)=\"onFocusOutEvent(column, row)\"\n />\n </span>\n <span\n *ngIf=\"\n column.editable === false || column.editable === undefined\n \"\n [class]=\"\n allowDisabled(column, row)\n ? 'disable-link custom-link'\n : 'custom-link'\n \"\n (click)=\"openGridDialog(column, row)\"\n >\n <i\n *ngIf=\"column.icon; else noIcon\"\n [class]=\"column.icon\"\n ></i>\n <ng-template #noIcon>{{\n !column.displayText && row.isNew\n ? ''\n : setConditionBaseValue(row, column)\n }}</ng-template>\n </span>\n </span>\n\n <span\n *ngIf=\"row[column.field + '_secondType'] === 'date'\"\n [title]=\"\n row[column.field]\n | date: (column.format ? column.format : 'MM/dd/YY')\n \"\n >\n <p-calendar\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n (onClose)=\"onFocusOutEvent(column, row)\"\n [appendTo]=\"'body'\"\n hourFormat=\"12\"\n [showTime]=\"column.showTime\"\n (click)=\"onClickEvent(column, row)\"\n [timeOnly]=\"column.timeOnly\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object'\n ? row[column.field]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [disabled]=\"allowDisabled(column, row)\"\n ></p-calendar>\n </span>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span\n [class]=\"\n row.disabled == false\n ? 'custom-link'\n : column.editable === false\n ? 'custom-link'\n : allowDisabled(column, row)\n ? 'disable-link custom-link'\n : 'custom-link'\n \"\n (click)=\"openGridDialog(column, row)\"\n *ngIf=\"!row[column.field + '_secondType'] && !row.hidegridbtn\"\n [title]=\"setConditionBaseValue(row, column)\"\n >\n <i *ngIf=\"column.icon; else noIcon\" [class]=\"column.icon\"></i>\n <ng-template #noIcon>{{\n setConditionBaseValue(row, column)\n }}</ng-template>\n\n <!-- {{ setConditionBaseValue(row, column) }} -->\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <!-- lookup Input column on Grid -->\n <span *ngSwitchCase=\"'lookup_input'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <div class=\"close-icon-wrapper\">\n <input\n readonly\n type=\"text\"\n pInputText\n [(ngModel)]=\"\n (column.disabled || column.editable === false) &&\n column.displayField\n ? row[column.displayField]\n : typeOf(row[column.field]) === 'object'\n ? row[column.field]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [name]=\"row[column.field]\"\n (keyup.tab)=\"selectLookupField(column, row)\"\n [disabled]=\"allowDisabled(column, row)\"\n (click)=\"selectLookupField(column, row)\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n (blur)=\"onFocusOutEvent(column, row)\"\n />\n <div *ngIf=\"!allowDisabled(column, row)\">\n <button\n *ngIf=\"\n row[column.field] &&\n typeOf(row[column.field]) === 'object'\n ? row[column.field].text\n : row[column.field] && !column.disabled\n \"\n icon=\"pi pi-times\"\n pButton\n type=\"button\"\n (click)=\"lookupClearValue(column, row)\"\n ></button>\n </div>\n </div>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span *ngIf=\"column.linkId\">\n <a\n [href]=\"row[column.field + '_obj']?.hyperlink\"\n [target]=\"column.target === '_self' ? '' : '_blank'\"\n >\n {{\n row[column.field]?.action\n ? row[column.field]?.text\n : typeOf(row[column.field]) === 'object'\n ? row[column.field]?.text\n : row[column.displayField]\n ? typeOf(row[column.displayField]) === 'object'\n ? row[column.displayField]?.text\n : row[column.displayField]\n : row[column.field]\n }}\n </a>\n </span>\n <span\n *ngIf=\"!column.linkId\"\n [class]=\"\n column.component && column.editLink === true\n ? 'custom-link'\n : ''\n \"\n (click)=\"openLookupHyperlink(column, row)\"\n >\n {{\n row[column.field]?.action\n ? row[column.field]?.text\n : typeOf(row[column.field]) === 'object'\n ? row[column.field]?.text\n : row[column.displayField]\n ? typeOf(row[column.displayField]) === 'object'\n ? row[column.displayField]?.text\n : row[column.displayField]\n : row[column.field]\n }}\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <!-- Numeric Input column on Grid -->\n <span *ngSwitchCase=\"'numeric'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <!-- for Currency && Decimal && Percent -->\n <span class=\"input-number\">\n <p-inputNumber\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n [class]=\"\n column.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [showButtons]=\"!column.format ? true : false\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object' &&\n row[column.field]?.action\n ? row[column.field]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [name]=\"column.field\"\n [disabled]=\"allowDisabled(column, row)\"\n (ngModelChange)=\"onChangeEvent(column, row)\"\n (onBlur)=\"onFocusOutEvent(column, row)\"\n [mode]=\"\n column.format && column.format.type === 'currency'\n ? 'currency'\n : 'decimal'\n \"\n [currency]=\"\n column.format &&\n column.format.type === 'currency' &&\n column.format.formatParams &&\n column.format.formatParams.currency\n ? column.format.formatParams.currency\n : 'USD'\n \"\n [locale]=\"\n column.format &&\n column.format.type === 'currency' &&\n column.format.formatParams &&\n column.format.formatParams.locale\n ? column.format.formatParams.locale\n : 'en-US'\n \"\n [minFractionDigits]=\"\n column.format ? setNumericMinMxFraction(column) : '0'\n \"\n [maxFractionDigits]=\"\n column.format ? setNumericMinMxFraction(column) : '0'\n \"\n [suffix]=\"\n column.format && column.format.type === 'percent' && '%'\n \"\n >\n </p-inputNumber>\n </span>\n <ng-template #locked_field\n ><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\n {{ row[column.field] }}\n </span></ng-template\n >\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span [title]=\"setNumericFormat(column, row)\">\n {{ setNumericFormat(column, row) }}\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <!-- Button column on Grid -->\n <span>\n <div *ngSwitchCase=\"'add_button'\">\n <button\n *ngIf=\"!row.hidegridbtn\"\n pButton\n type=\"button\"\n [icon]=\"\n row[column.field]?.action?.icon\n ? row[column.field]?.action?.icon\n : column.icon\n \"\n [name]=\"column.header\"\n class=\"merge-btn\"\n [disabled]=\"allowDisabled(column, row)\"\n [label]=\"\n row[column.field]?.action?.displayText\n ? row[column.field]?.action?.displayText\n : column.value\n \"\n class=\"grid-component-grid-add-btn\"\n (click)=\"onClickButton(column, row)\"\n ></button>\n </div>\n </span>\n\n <!-- Date column on Grid -->\n <span\n *ngSwitchCase=\"'date'\"\n [title]=\"setConditionBaseValue(row, column)\"\n >\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-calendar\n [class]=\"\n column.errorMessage\n ? 'ng-invalid ng-dirty ' + column.field + row[dataKey]\n : column.field + row[dataKey]\n \"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n (onClose)=\"onFocusOutEvent(column, row)\"\n [appendTo]=\"'body'\"\n hourFormat=\"12\"\n [defaultDate]=\"defaultDate\"\n [stepMinute]=\"\n column.minutesInterval ? column.minutesInterval : 1\n \"\n [showTime]=\"column.showTime\"\n [timeOnly]=\"column.timeOnly\"\n [dateFormat]=\"\n column.format ? column.format.type : calendarFormat\n \"\n (keyup)=\"calenderInputValue(column, row)\"\n (onShow)=\"onClickEvent(column, row)\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object' &&\n row[column.field]?.action\n ? row[column.field]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [disabled]=\"allowDisabled(column, row)\"\n [showButtonBar]=\"!column.timeOnly\"\n ></p-calendar>\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\n </ng-template>\n <ng-template pTemplate=\"output\">\n {{ setConditionBaseValue(row, column) }}\n </ng-template>\n </p-cellEditor>\n </span>\n <span *ngSwitchDefault>\n <span [ngSwitch]=\"column.type\">\n <!-- Dropdown column on Grid -->\n <span\n *ngSwitchCase=\"'dropdown'\"\n [class]=\"dropdownInput ? '' : 'output-dropdown'\"\n [title]=\"setDropdwonReadOnlyValue(row, column)\"\n >\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-dropdown\n *ngIf=\"!row[column.field]?.action?.hidden\"\n [options]=\"\n row[column.field + '_data']\n ? row[column.field + '_data']\n : column.data\n \"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object' &&\n row[column.field]?.action\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [disabled]=\"allowDisabled(column, row)\"\n [placeholder]=\"\n row[column.displayField]\n ? row[column.displayField]\n : row[column.field]\n ? row[column.field]\n : 'Select'\n \"\n [showClear]=\"row[column.field] ? true : false\"\n [optionLabel]=\"column.optionLabel\"\n (click)=\"onClickEvent(column, row)\"\n [optionValue]=\"column.optionValue\"\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n (blur)=\"onFocusOutEvent(column, row)\"\n (onChange)=\"onChangeEvent(column, row)\"\n [filter]=\"column.allowSearch\"\n ></p-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span *ngIf=\"!row[column.field]?.action?.hidden\">\n {{ setDropdwonReadOnlyValue(row, column) }}\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <!-- MultiSelect column on Grid -->\n <span *ngSwitchCase=\"'multi-select'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-multiSelect\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n type=\"text\"\n [(ngModel)]=\"\n typeOf(row[column.field]) === 'object' &&\n row[column.field]?.action\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [disabled]=\"allowDisabled(column, row)\"\n [options]=\"column.data\"\n [optionLabel]=\"column.optionLabel\"\n [optionValue]=\"column.optionValue\"\n (onChange)=\"onChangeEvent(column, row)\"\n (onPanelShow)=\"showOption(column, row)\"\n (click)=\"onClickEvent(column, row)\"\n [appendTo]=\"'body'\"\n (blur)=\"onFocusOutEvent(column, row)\"\n >\n </p-multiSelect>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span\n [title]=\"\n row[column.displayField]\n ? row[column.displayField]\n : setMultiSelectData(column, row[column.field])\n \"\n >\n {{\n row[column.displayField]\n ? row[column.displayField]\n : setMultiSelectData(column, row[column.field])\n }}\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <!-- AutoComplete Search -->\n <span *ngSwitchCase=\"'AutoComplete'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <p-autoComplete\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n [name]=\"column.header\"\n [suggestions]=\"column.data\"\n (onSelect)=\"\n autoCompleteSelectedValue(row, column, $event)\n \"\n [field]=\"\n column.optionLabel\n ? column.optionLabel?.toLowerCase()\n : column.displayField\n ? column.displayField?.toLowerCase()\n : column.field?.toLowerCase()\n \"\n [(ngModel)]=\"\n row[column.field]?.action &&\n row[column.field]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : typeOf(row[column.field]) === 'object' &&\n row[column.field]?.text\n ? row[column.field]?.text\n : row[column.field]\n \"\n [dropdown]=\"column.showOption\"\n (ngModelChange)=\"onChangeEvent(column, row)\"\n (click)=\"onClickEvent(column, row)\"\n (completeMethod)=\"autoSearch($event, column, row)\"\n (onBlur)=\"onFocusOutEvent(column, row)\"\n [disabled]=\"allowDisabled(column, row)\"\n [multiple]=\"true\"\n (keydown.enter)=\"\n onAutoCompleteFocusOut($event, column, row)\n \"\n >\n </p-autoComplete>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span\n *ngIf=\"\n row[column.field] &&\n row[column.field][0] &&\n row[column.field][0][column.displayField]\n \"\n >\n <span\n *ngFor=\"let value of row[column.field]; let i = index\"\n >\n {{\n row[column.field] && row[column.field].length > 1\n ? row[column.field].length - 1 === i\n ? value[column.displayField]\n : value[column.displayField] + ';'\n : value[column.displayField]\n }}\n </span>\n </span>\n <span\n *ngIf=\"\n row[column.field] &&\n row[column.field][0] &&\n row[column.field][0][column.field] &&\n !column.displayField\n \"\n >\n <span\n *ngFor=\"let value of row[column.field]; let i = index\"\n >\n {{\n row[column.field] && row[column.field].length > 1\n ? row[column.field].length - 1 === i\n ? value[column.field]\n : value[column.field] + ';'\n : value[column.field]\n }}\n </span>\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n <!-- Add Generate Report Button -->\n <span *ngSwitchCase=\"'report'\">\n <p-cellEditor>\n <ng-template pTemplate=\"output\">\n <se-generate-report-btn\n [repId]=\"column.reportId\"\n [label]=\"column.label\"\n [params]=\"column.params\"\n [showDialog]=\"column.showDialog\"\n ></se-generate-report-btn>\n </ng-template>\n <ng-template pTemplate=\"input\">\n <se-generate-report-btn\n [repId]=\"column.reportId\"\n [label]=\"column.label\"\n [params]=\"column.params\"\n [showDialog]=\"column.showDialog\"\n ></se-generate-report-btn>\n </ng-template>\n </p-cellEditor>\n </span>\n\n <span *ngSwitchDefault>\n <!-- Input column on Grid -->\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <input\n pInputText\n type=\"text\"\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\n [id]=\"allowDisabled(column, row) ? 'hide-border' : ''\"\n [(ngModel)]=\"\n row.undefined\n ? ''\n : allowDisabled(column, row) &&\n row[column.displayField]\n ? row[column.displayField]\n : typeOf(row[column.field]) === 'object' &&\n (row[column.field]?.action ||\n row[column.field]?.text)\n ? row[\n column.field\n ]?.action?.displayField?.toLowerCase()\n ? row[\n row[\n column.field\n ]?.action?.displayField.toLowerCase()\n ]\n : row[column.field]?.text\n : row[column.field]\n \"\n [disabled]=\"allowDisabled(column, row)\"\n (blur)=\"onFocusOutEvent(column, row)\"\n (change)=\"onChangeEvent(column, row)\"\n (click)=\"onClickButton(column, row)\"\n *ngIf=\"column.field !== dataKey; else locked_field\"\n />\n <ng-template #locked_field\n ><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\n {{ row[column.field] }}\n </span></ng-template\n >\n </ng-template>\n <ng-template pTemplate=\"output\">\n <span\n (click)=\"onClickEvent(column, row)\"\n [title]=\"\n column.displayText\n ? column.displayText\n : row[column.displayField]\n ? row[column.displayField]\n : row[column.field]\n \"\n >\n {{\n row[column.field]?.action\n ? row[column.field]?.text\n : column.displayText\n ? column.displayText\n : row[column.displayField]\n ? row[column.displayField]\n : row[column.field]\n }}\n </span>\n </ng-template>\n </p-cellEditor>\n </span>\n </span>\n </span>\n </td>\n <!-- Grid Rows Data Bindings End -->\n\n <!-- Action column on Grid -->\n <td\n *ngIf=\"\n !setActionColumnAsFirst &&\n columns?.length > 0 &&\n columnActions.length > 0\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n >\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\n <i\n [title]=\"action.tooltip\"\n [class]=\"action.icon\"\n (click)=\"handleActionClick($event, action, row)\"\n ></i>\n </span>\n </td>\n <td\n *ngIf=\"\n !setActionColumnAsFirst &&\n columns?.length > 0 &&\n useInlineCRUD &&\n (deleteRowPermission || editRowPermission)\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\"\n >\n <span class=\"setActionColumnWidth\">\n <se-grid-row-actions\n [editing]=\"editing\"\n [editRowPermission]=\"editRowPermission\"\n [deleteRowPermission]=\"deleteRowPermission\"\n [hideDeleteBtn]=\"hideDeleteBtn\"\n [hideEditBtn]=\"hideEditBtn\"\n [row]=\"row\"\n (onRowEditInitBtn)=\"onRowEditInit($event)\"\n (deleteRecordBtn)=\"deleteRecord($event)\"\n (onRowEditSaveBtn)=\"onRowEditSave($event)\"\n (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\n [editAllRows]=\"editAllRows\"\n >\n </se-grid-row-actions>\n </span>\n </td>\n </tr>\n </ng-template>\n\n <!-- Footer columns on Grid -->\n <ng-template pTemplate=\"footer\">\n <tr *ngIf=\"aggregateFooter\">\n <td\n *ngIf=\"\n setActionColumnAsFirst &&\n (columnActions.length > 0 ||\n (useInlineCRUD && (deleteRowPermission || editRowPermission)))\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n ></td>\n <td\n *ngIf=\"allowSelection\"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n ></td>\n <td\n *ngFor=\"let outerColumn of selectedColumns\"\n class=\"grid-component-outer-column\"\n >\n <div *ngFor=\"let innerColumn of selectedColumns\">\n <div *ngFor=\"let aggr of innerColumn?.aggregate\">\n <div\n *ngIf=\"\n aggr.aggrValue?.length &&\n ((!aggr.displayField &&\n innerColumn.field?.toLowerCase() ===\n outerColumn.field?.toLowerCase()) ||\n (aggr.displayField &&\n aggr.displayField?.toLowerCase() ===\n outerColumn.field?.toLowerCase()))\n \"\n >\n <div [innerHTML]=\"aggr.aggrValue\"></div>\n </div>\n </div>\n </div>\n </td>\n <td\n *ngIf=\"\n !setActionColumnAsFirst &&\n columns?.length > 0 &&\n useInlineCRUD &&\n (deleteRowPermission || editRowPermission)\n \"\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\"\n ></td>\n </tr>\n </ng-template>\n\n <!-- Footer for Empty Message columns on Grid -->\n <ng-template pTemplate=\"emptymessage\">\n <tr class=\"grid-component no-records-found\">\n <td [attr.colspan]=\"selectedColumns?.length + 1\">No records found.</td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n",
|
|
6284
|
-
styles: [":host ::ng-deep .p-column-filter-clear-button{display:none}:host ::ng-deep .hide-table-filter .pi-filter:before{display:none}:host ::ng-deep .hide-filter-icon .p-column-filter-menu-button{display:none}.disable-link{opacity:.5}.mr-2{margin-right:10px;display:block}.highlighted-row{background-color:#dee2e6!important}.hide-clear-filter-button{display:none!important}\n"]
|
|
6284
|
+
styles: [":host ::ng-deep .p-calendar .p-inputtext{width:100%!important}:host ::ng-deep .p-column-filter-clear-button{display:none}:host ::ng-deep .hide-table-filter .pi-filter:before{display:none}:host ::ng-deep .hide-filter-icon .p-column-filter-menu-button{display:none}.disable-link{opacity:.5}.mr-2{margin-right:10px;display:block}.highlighted-row{background-color:#dee2e6!important}.hide-clear-filter-button{display:none!important}\n"]
|
|
6285
6285
|
},] }
|
|
6286
6286
|
];
|
|
6287
6287
|
/** @nocollapse */
|
|
@@ -9004,7 +9004,7 @@
|
|
|
9004
9004
|
});
|
|
9005
9005
|
};
|
|
9006
9006
|
CaptionComponent.prototype.cancelForm = function (event) {
|
|
9007
|
-
console.log('CancelForm: ', event);
|
|
9007
|
+
//console.log('CancelForm: ', event);
|
|
9008
9008
|
};
|
|
9009
9009
|
return CaptionComponent;
|
|
9010
9010
|
}());
|