@elite.framework/ng.ui.core 1.0.65 → 1.0.68

package/fesm2022/elite.framework-ng.ui.core-generic-crud-table.mjs

@@ -293,6 +293,7 @@ class GenericCrudTableComponent {
             type: 'button',
         },
     ];
+    supportSubPage = true;
     tabs = [];
     bulkActionButtons = [];
     singleActionButtons = [];
@@ -353,17 +354,19 @@ class GenericCrudTableComponent {
             this.formFields_ = this.formFields;
             this.tabs.push({ header: 'التفاصيل', icon: 'pi pi-info-circle', fields: this.formFields_, model: this.model });
         }
-        this.route.paramMap.subscribe(params => {
-            const id = params.get(this.idField);
-            if (id) {
-                this.currentId = id;
-                this.mode = 'detail';
-                this.loadDetail(id);
-            }
-            else {
-                this.currentId = undefined;
-            }
-        });
+        if (this.supportSubPage) {
+            this.route.paramMap.subscribe(params => {
+                const id = params.get(this.idField);
+                if (id) {
+                    this.currentId = id;
+                    this.mode = 'detail';
+                    this.loadDetail(id);
+                }
+                else {
+                    this.currentId = undefined;
+                }
+            });
+        }
     }
     // 3. Handle Header's Paginate Change Event
     onHeaderPaginateChange(event) {
@@ -469,7 +472,7 @@ class GenericCrudTableComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericCrudTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: GenericCrudTableComponent, isStandalone: true, selector: "app-generic-crud-table", inputs: { data: "data", formFields: "formFields", columns: "columns", dialogMaxWidth: "dialogMaxWidth", isViewMode: "isViewMode", displayMode: "displayMode", useConfirmOnSave: "useConfirmOnSave", isEditMode: "isEditMode", drawerVisible: "drawerVisible", dialogVisible: "dialogVisible", model: "model", loading: "loading", errorMsg: "errorMsg", errorMessage: "errorMessage", actions: "actions", actionsMode: "actionsMode", beforeSaveTransform: "beforeSaveTransform", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", rowSelectable: "rowSelectable", scrollHeight: "scrollHeight", paginator: "paginator", service: "service", apiName: "apiName", idField: "idField", showRowSelectionCheckbox: "showRowSelectionCheckbox", showAddButton: "showAddButton", addPermissionName: "addPermissionName", addButtonConfigs: "addButtonConfigs", createEditActions: "createEditActions", tabs: "tabs", bulkActionButtons: "bulkActionButtons", singleActionButtons: "singleActionButtons", breadcrumb: "breadcrumb", mode: "mode", forceState: "forceState", hideTable: "hideTable", autoShowForm: "autoShowForm" }, outputs: { action: "action", bulkAction: "bulkAction", singleAction: "singleAction", afterSave: "afterSave", afterDelete: "afterDelete", beforeSave: "beforeSave", beforeDelete: "beforeDelete", formCancel: "formCancel", formInit: "formInit", dataLoaded: "dataLoaded", selectionChange: "selectionChange", error: "error", search: "search", pageChange: "pageChange", onSearch: "onSearch", visibleChange: "visibleChange", rowSelect: "rowSelect" }, viewQueries: [{ propertyName: "genericTable", first: true, predicate: ["genericTable"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\r\n  (search)=\"applySearch($event)\"\r\n  (resetSearch)=\"applySearch('')\"\r\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit({ name: 'add', row: null! })\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n    [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"apiName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"apiName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: GenericTable, selector: "lib-generic-table", inputs: ["data", "columns", "loading", "actions", "actionsPosition", "actionsMode", "first", "rows", "totalRecords", "sortField", "sortOrder", "globalFilterFields", "addButtonConfigs", "scrollHeight", "rowSelectable", "selection", "paginator", "showRowSelectionCheckbox"], outputs: ["action", "pageChange", "onAddNew", "rowSelect", "selectionChange"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: IconFieldModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: GenericDialogComponent, selector: "app-generic-dialog", inputs: ["form", "service", "formFields", "model", "apiName", "idField", "dialogMaxWidth", "displayMode", "mode", "forceState", "drawerVisible", "dialogVisible", "isViewMode", "isEditMode", "useConfirmOnSave", "loading", "errorMsg", "errorMessage", "beforeSaveTransform", "hideTable", "autoShowForm"], outputs: ["action", "afterSave", "afterDelete", "beforeSave", "beforeDelete", "formCancel", "formInit", "dataLoaded", "selectionChange", "error", "visibleChange"] }, { kind: "component", type: GenericCrudHeaderComponent, selector: "app-generic-crud-header", inputs: ["mode", "breadcrumb", "isSingleItemSelected", "selectedItems", "singleActionButtons", "bulkActionButtons", "addButtonConfigs", "filters", "filterModel", "showSearch", "first", "rows", "totalRecords"], outputs: ["singleItemAction", "bulkAction", "search", "resetSearch", "action", "paginateChange"] }, { kind: "component", type: GenericViewComponent, selector: "app-detail-view", inputs: ["title", "actions", "createEditActions", "tabs", "viewMode", "breadcrumb", "service", "formFields", "apiName", "idField", "standaloneMode", "isViewMode", "isCreateMode", "isEditMode", "model", "displayMode", "mode", "loading"], outputs: ["action", "afterDelete"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: GenericCrudTableComponent, isStandalone: true, selector: "app-generic-crud-table", inputs: { data: "data", formFields: "formFields", columns: "columns", dialogMaxWidth: "dialogMaxWidth", isViewMode: "isViewMode", displayMode: "displayMode", useConfirmOnSave: "useConfirmOnSave", isEditMode: "isEditMode", drawerVisible: "drawerVisible", dialogVisible: "dialogVisible", model: "model", loading: "loading", errorMsg: "errorMsg", errorMessage: "errorMessage", actions: "actions", actionsMode: "actionsMode", beforeSaveTransform: "beforeSaveTransform", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", rowSelectable: "rowSelectable", scrollHeight: "scrollHeight", paginator: "paginator", service: "service", apiName: "apiName", idField: "idField", showRowSelectionCheckbox: "showRowSelectionCheckbox", showAddButton: "showAddButton", addPermissionName: "addPermissionName", addButtonConfigs: "addButtonConfigs", createEditActions: "createEditActions", supportSubPage: "supportSubPage", tabs: "tabs", bulkActionButtons: "bulkActionButtons", singleActionButtons: "singleActionButtons", breadcrumb: "breadcrumb", mode: "mode", forceState: "forceState", hideTable: "hideTable", autoShowForm: "autoShowForm" }, outputs: { action: "action", bulkAction: "bulkAction", singleAction: "singleAction", afterSave: "afterSave", afterDelete: "afterDelete", beforeSave: "beforeSave", beforeDelete: "beforeDelete", formCancel: "formCancel", formInit: "formInit", dataLoaded: "dataLoaded", selectionChange: "selectionChange", error: "error", search: "search", pageChange: "pageChange", onSearch: "onSearch", visibleChange: "visibleChange", rowSelect: "rowSelect" }, viewQueries: [{ propertyName: "genericTable", first: true, predicate: ["genericTable"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\r\n  (search)=\"applySearch($event)\"\r\n  (resetSearch)=\"applySearch('')\"\r\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit({ name: 'add', row: null! })\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n    [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"apiName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"apiName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: GenericTable, selector: "lib-generic-table", inputs: ["data", "columns", "loading", "actions", "actionsPosition", "actionsMode", "first", "rows", "totalRecords", "sortField", "sortOrder", "globalFilterFields", "addButtonConfigs", "scrollHeight", "rowSelectable", "selection", "paginator", "showRowSelectionCheckbox"], outputs: ["action", "pageChange", "onAddNew", "rowSelect", "selectionChange"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: IconFieldModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: GenericDialogComponent, selector: "app-generic-dialog", inputs: ["form", "service", "formFields", "model", "apiName", "idField", "dialogMaxWidth", "displayMode", "mode", "forceState", "drawerVisible", "dialogVisible", "isViewMode", "isEditMode", "useConfirmOnSave", "loading", "errorMsg", "errorMessage", "beforeSaveTransform", "hideTable", "autoShowForm"], outputs: ["action", "afterSave", "afterDelete", "beforeSave", "beforeDelete", "formCancel", "formInit", "dataLoaded", "selectionChange", "error", "visibleChange"] }, { kind: "component", type: GenericCrudHeaderComponent, selector: "app-generic-crud-header", inputs: ["mode", "breadcrumb", "isSingleItemSelected", "selectedItems", "singleActionButtons", "bulkActionButtons", "addButtonConfigs", "filters", "filterModel", "showSearch", "first", "rows", "totalRecords"], outputs: ["singleItemAction", "bulkAction", "search", "resetSearch", "action", "paginateChange"] }, { kind: "component", type: GenericViewComponent, selector: "app-detail-view", inputs: ["title", "actions", "createEditActions", "tabs", "viewMode", "breadcrumb", "service", "formFields", "apiName", "idField", "standaloneMode", "isViewMode", "isCreateMode", "isEditMode", "model", "displayMode", "mode", "loading"], outputs: ["action", "afterDelete"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericCrudTableComponent, decorators: [{
             type: Component,
@@ -601,6 +604,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                 type: Input
             }], createEditActions: [{
                 type: Input
+            }], supportSubPage: [{
+                type: Input
             }], tabs: [{
                 type: Input
             }], bulkActionButtons: [{