@c8y/ngx-components 1021.38.1 → 1021.49.1

package/fesm2022/c8y-ngx-components-context-dashboard.mjs

@@ -71,7 +71,9 @@ class AddDashboardComponent {
     addDashboard() {
         const tempNewDashboardTab = [...this.tabsService.state].find(t => t.featureId === newDashboardTab.featureId);
         // navigate before tab is displayed, because in DashboardDetailComponent tab is hidden on navigation from it.
-        this.router.navigateByUrl(tempNewDashboardTab.path, { replaceUrl: true });
+        this.router.navigate(typeof tempNewDashboardTab.path === 'string'
+            ? [tempNewDashboardTab.path]
+            : tempNewDashboardTab.path, { replaceUrl: true });
         // show tab and make it appear as first one
         tempNewDashboardTab.hide = false;
         tempNewDashboardTab.priority = Infinity;
@@ -291,7 +293,8 @@ const PRODUCT_EXPERIENCE = {
             APPLY_GLOBAL_ROLES_CHANGES: 'applyGlobalRolesChanges',
             DELETE: 'delete',
             LOAD: 'load',
-            CREATE: 'create'
+            CREATE: 'create',
+            ADD_REPORT: 'addReport'
         }
     }
 };
@@ -486,7 +489,7 @@ class ContextDashboardService {
             }
             await this.inventory.delete(dashboard);
             const tabToRemove = Array.from(this.tabs.state).find(tab => {
-                if (tab.path) {
+                if (typeof tab.path === 'string') {
                     return tab.path.endsWith(`${this.DASHBOARD_ROUTE_PATH}/${dashboard.id}`);
                 }
             });
@@ -1750,7 +1753,9 @@ class DashboardDetailComponent {
             // dashboard creation in it's own tab- confirm and cleanup triggered in canDeactivate during routing
             this.tabsService.items$.pipe(first()).subscribe((tabs) => {
                 const tab = tabs.find(t => t.featureId !== newDashboardTab.featureId);
-                this.router.navigateByUrl(tab.path, { replaceUrl: true });
+                this.router.navigate(typeof tab.path === 'string' ? [tab.path] : tab.path, {
+                    replaceUrl: true
+                });
             });
             return;
         }
@@ -1982,7 +1987,7 @@ class DashboardDetailComponent {
         this.previewChanged.emit(this.dashboard);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DashboardDetailComponent, deps: [{ token: ContextDashboardService }, { token: i2$1.TranslateService }, { token: i2.ContextRouteService }, { token: i1.ActivatedRoute }, { token: i2.TabsService }, { token: i1.Router }, { token: i1$1.InventoryService }, { token: i1.ActivatedRoute }, { token: DashboardDetailService }, { token: i2.AppStateService }, { token: i2.GroupService }, { token: i2.ModalService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: { isReport: "isReport", deviceType: "deviceType", context: "context", mo: "mo", dashboard: "dashboard", isNamedDashboard: "isNamedDashboard", hideAvailability: "hideAvailability" }, outputs: { dashboardSaved: "dashboardSaved", previewChanged: "previewChanged" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"collapse c8y-top-drawer\"\n  [collapse]=\"isCollapsed\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span class=\"h4\">{{ 'Dashboard settings' | translate }}</span>\n  </div>\n\n  <div\n    class=\"d-flex\"\n    [formGroup]=\"dashboardDetailsForm\"\n    *ngIf=\"!isCollapsed\"\n  >\n    <c8y-tabs-outlet\n      [tabs]=\"tabs$ | async\"\n      [outletName]=\"TABS_OUTLET_NAME\"\n      [orientation]=\"'vertical'\"\n      class=\"c8y-top-drawer--tabs\"\n    ></c8y-tabs-outlet>\n    <div class=\"inner-scroll c8y-top-drawer__tabs-container flex-grow p-l-24 p-r-lg-32 p-r-xs-24 p-r-sm-24\">\n      <c8y-tab\n        *ngIf=\"(!isNamedDashboard && !hideAvailability) || isReport\"\n        [label]=\"TABS.general.label\"\n        [icon]=\"'imac-settings'\"\n        [priority]=\"100\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.general.featureId)\"\n        [isActive]=\"selectedTab === TABS.general.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        [label]=\"TABS.appearance.label\"\n        [priority]=\"50\"\n        [icon]=\"'web-design'\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.appearance.featureId)\"\n        [isActive]=\"selectedTab === TABS.appearance.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        *ngIf=\"mo?.c8y_DashboardHistory\"\n        [label]=\"TABS.versionHistory.label\"\n        [icon]=\"'versions'\"\n        [priority]=\"10\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.versionHistory.featureId)\"\n        [isActive]=\"selectedTab === TABS.versionHistory.featureId\"\n      ></c8y-tab>\n      <ng-container [ngSwitch]=\"selectedTab\">\n        <c8y-dashboard-general-settings\n          *ngSwitchCase=\"TABS.general.featureId\"\n          [isReport]=\"isReport\"\n          [isNamedDashboard]=\"isNamedDashboard\"\n          [hideAvailability]=\"hideAvailability\"\n          [dashboard]=\"dashboard\"\n          [generalSettingsForm]=\"generalSettingsForm\"\n          [deviceTypeValue]=\"deviceTypeValue\"\n          [displayDeviceTypeValue]=\"displayDeviceTypeValue\"\n          [mo]=\"mo\"\n          [allowTypeDashboard]=\"allowTypeDashboard\"\n          [isDevice]=\"!!context?.c8y_IsDevice\"\n          class=\"animated fadeIn\"\n          (onDuplicateWithoutType)=\"duplicateWithoutType()\"\n        ></c8y-dashboard-general-settings>\n        <c8y-dashboard-appearance-settings\n          *ngSwitchCase=\"TABS.appearance.featureId\"\n          [dashboard]=\"dashboard\"\n          [appearanceSettingsForm]=\"appearanceSettingsForm\"\n          (previewChanged)=\"previewChanged.emit($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-appearance-settings>\n        <c8y-dashboard-version-history\n          *ngSwitchCase=\"TABS.versionHistory.featureId\"\n          [dashboardHistory]=\"mo.c8y_DashboardHistory\"\n          [isReport]=\"isReport\"\n          (onRevert)=\"revertDashboard($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-version-history>\n      </ng-container>\n    </div>\n  </div>\n\n  <div class=\"c8y-top-drawer--footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--cancel-dashboard\"\n      (click)=\"cancel()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--save-dashboard\"\n      (click)=\"save()\"\n      [disabled]=\"\n        (dashboardDetailsForm?.invalid || dashboardDetailsForm?.pristine) && this.isEdit\n      \"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context", "hasHeader"] }, { kind: "component", type: i2.TabComponent, selector: "c8y-tab", inputs: ["path", "label", "icon", "priority", "orientation", "injector", "tabsOutlet", "isActive"], outputs: ["onSelect"] }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.CollapseDirective, selector: "[collapse]", inputs: ["display", "isAnimated", "collapse"], outputs: ["collapsed", "collapses", "expanded", "expands"], exportAs: ["bs-collapse"] }, { kind: "component", type: DashboardGeneralSettingsComponent, selector: "c8y-dashboard-general-settings", inputs: ["isReport", "isNamedDashboard", "hideAvailability", "dashboard", "generalSettingsForm", "deviceTypeValue", "displayDeviceTypeValue", "allowTypeDashboard", "isDevice", "mo"], outputs: ["onDuplicateWithoutType"] }, { kind: "component", type: DashboardAppearanceSettingsComponent, selector: "c8y-dashboard-appearance-settings", inputs: ["dashboard", "appearanceSettingsForm"], outputs: ["previewChanged"] }, { kind: "component", type: DashboardVersionHistoryComponent, selector: "c8y-dashboard-version-history", inputs: ["dashboardHistory", "isReport"], outputs: ["onRevert"] }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: { isReport: "isReport", deviceType: "deviceType", context: "context", mo: "mo", dashboard: "dashboard", isNamedDashboard: "isNamedDashboard", hideAvailability: "hideAvailability" }, outputs: { dashboardSaved: "dashboardSaved", previewChanged: "previewChanged" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"collapse c8y-top-drawer\"\n  [collapse]=\"isCollapsed\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span class=\"h4\">{{ 'Dashboard settings' | translate }}</span>\n  </div>\n\n  <div\n    class=\"d-flex\"\n    [formGroup]=\"dashboardDetailsForm\"\n    *ngIf=\"!isCollapsed\"\n  >\n    <c8y-tabs-outlet\n      [tabs]=\"tabs$ | async\"\n      [outletName]=\"TABS_OUTLET_NAME\"\n      [orientation]=\"'vertical'\"\n      class=\"c8y-top-drawer--tabs\"\n    ></c8y-tabs-outlet>\n    <div class=\"inner-scroll c8y-top-drawer__tabs-container flex-grow p-l-24 p-r-lg-32 p-r-xs-24 p-r-sm-24\">\n      <c8y-tab\n        *ngIf=\"(!isNamedDashboard && !hideAvailability) || isReport\"\n        [label]=\"TABS.general.label\"\n        [icon]=\"'imac-settings'\"\n        [priority]=\"100\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.general.featureId)\"\n        [isActive]=\"selectedTab === TABS.general.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        [label]=\"TABS.appearance.label\"\n        [priority]=\"50\"\n        [icon]=\"'web-design'\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.appearance.featureId)\"\n        [isActive]=\"selectedTab === TABS.appearance.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        *ngIf=\"mo?.c8y_DashboardHistory\"\n        [label]=\"TABS.versionHistory.label\"\n        [icon]=\"'versions'\"\n        [priority]=\"10\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.versionHistory.featureId)\"\n        [isActive]=\"selectedTab === TABS.versionHistory.featureId\"\n      ></c8y-tab>\n      <ng-container [ngSwitch]=\"selectedTab\">\n        <c8y-dashboard-general-settings\n          *ngSwitchCase=\"TABS.general.featureId\"\n          [isReport]=\"isReport\"\n          [isNamedDashboard]=\"isNamedDashboard\"\n          [hideAvailability]=\"hideAvailability\"\n          [dashboard]=\"dashboard\"\n          [generalSettingsForm]=\"generalSettingsForm\"\n          [deviceTypeValue]=\"deviceTypeValue\"\n          [displayDeviceTypeValue]=\"displayDeviceTypeValue\"\n          [mo]=\"mo\"\n          [allowTypeDashboard]=\"allowTypeDashboard\"\n          [isDevice]=\"!!context?.c8y_IsDevice\"\n          class=\"animated fadeIn\"\n          (onDuplicateWithoutType)=\"duplicateWithoutType()\"\n        ></c8y-dashboard-general-settings>\n        <c8y-dashboard-appearance-settings\n          *ngSwitchCase=\"TABS.appearance.featureId\"\n          [dashboard]=\"dashboard\"\n          [appearanceSettingsForm]=\"appearanceSettingsForm\"\n          (previewChanged)=\"previewChanged.emit($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-appearance-settings>\n        <c8y-dashboard-version-history\n          *ngSwitchCase=\"TABS.versionHistory.featureId\"\n          [dashboardHistory]=\"mo.c8y_DashboardHistory\"\n          [isReport]=\"isReport\"\n          (onRevert)=\"revertDashboard($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-version-history>\n      </ng-container>\n    </div>\n  </div>\n\n  <div class=\"c8y-top-drawer--footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--cancel-dashboard\"\n      (click)=\"cancel()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--save-dashboard\"\n      (click)=\"save()\"\n      [disabled]=\"\n        (dashboardDetailsForm?.invalid || dashboardDetailsForm?.pristine) && this.isEdit\n      \"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context", "openFirstTab", "hasHeader"] }, { kind: "component", type: i2.TabComponent, selector: "c8y-tab", inputs: ["path", "label", "icon", "priority", "orientation", "injector", "tabsOutlet", "isActive"], outputs: ["onSelect"] }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.CollapseDirective, selector: "[collapse]", inputs: ["display", "isAnimated", "collapse"], outputs: ["collapsed", "collapses", "expanded", "expands"], exportAs: ["bs-collapse"] }, { kind: "component", type: DashboardGeneralSettingsComponent, selector: "c8y-dashboard-general-settings", inputs: ["isReport", "isNamedDashboard", "hideAvailability", "dashboard", "generalSettingsForm", "deviceTypeValue", "displayDeviceTypeValue", "allowTypeDashboard", "isDevice", "mo"], outputs: ["onDuplicateWithoutType"] }, { kind: "component", type: DashboardAppearanceSettingsComponent, selector: "c8y-dashboard-appearance-settings", inputs: ["dashboard", "appearanceSettingsForm"], outputs: ["previewChanged"] }, { kind: "component", type: DashboardVersionHistoryComponent, selector: "c8y-dashboard-version-history", inputs: ["dashboardHistory", "isReport"], outputs: ["onRevert"] }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
 __decorate([
     memoize(),
@@ -4265,22 +4270,11 @@ class DashboardManagerService extends DataGridService {
         const filters = this.getFilters(columns, pagination, text);
         return await this.inventory.list(filters);
     }
-    async getCount(columns, pagination, text) {
-        const filters = this.getFilters(columns, pagination, text);
-        const filteredItemsCount = await this.inventory.list({
-            ...filters,
-            pageSize: 1,
-            currentPage: 1,
-            withTotalPages: true
-        });
-        return filteredItemsCount.paging.totalPages;
-    }
     async getTotal() {
         return (await this.inventory.list({
             query: this.TYPE_DASHBOARDS_QUERY,
-            pageSize: 1,
-            withTotalPages: true
-        })).paging.totalPages;
+            withTotalElements: true
+        })).paging.totalElements;
     }
     async delete(dashboard, onSuccess) {
         try {
@@ -4306,7 +4300,8 @@ class DashboardManagerService extends DataGridService {
             ...(text && { text }),
             pageSize: pagination.pageSize,
             currentPage: pagination.currentPage,
-            withTotalPages: true
+            withTotalPages: true,
+            withTotalElements: true
         };
     }
     getQueryString(columns) {
@@ -4536,7 +4531,7 @@ class TypeDashboardsListComponent {
     }
     async onDataSourceModifier(dataSourceModifier) {
         const { res, data, paging } = await alertOnError(this.dashboardManagerService.getData(dataSourceModifier.columns, dataSourceModifier.pagination, dataSourceModifier.searchText));
-        const filteredSize = await alertOnError(this.dashboardManagerService.getCount(dataSourceModifier.columns, dataSourceModifier.pagination, dataSourceModifier.searchText));
+        const filteredSize = paging.totalElements;
         const size = await alertOnError(this.dashboardManagerService.getTotal());
         return {
             res,