@c8y/ngx-components 1018.503.43 → 1018.503.49

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

@@ -118,13 +118,28 @@ const ALL_GLOBAL_ROLES_SELECTED = 'all';
 const PRODUCT_EXPERIENCE = {
     DASHBOARD: {
         EVENTS: {
-            DASHBOARD_AVAILABILITY: 'dashboardAvailability'
+            DASHBOARDS: 'dashboards',
+            REPORTS: 'reports'
         },
         COMPONENTS: {
-            DASHBOARD_AVAILABILITY: 'dashboard-availability'
+            DASHBOARD_VIEW: 'context-dashboard',
+            DASHBOARD_AVAILABILITY: 'dashboard-availability',
+            REPORTS_LIST: 'report-dashboard-list',
+            ADD_REPORT: 'report-dashboard-list',
+            ADD_DASHBOARD: 'add-dashboard',
+            DELETE_DASHBOARD: 'context-dashboard'
+        },
+        CONTEXT: {
+            REPORT: 'report',
+            DEVICE: 'device',
+            ASSET: 'asset',
+            GROUP: 'group'
         },
         ACTIONS: {
-            APPLY_GLOBAL_ROLES_CHANGES: 'applyGlobalRolesChanges'
+            APPLY_GLOBAL_ROLES_CHANGES: 'applyGlobalRolesChanges',
+            DELETE: 'delete',
+            LOAD: 'load',
+            CREATE: 'create'
         }
     }
 };
@@ -137,7 +152,7 @@ class ContextDashboardService {
         this._formDisabled = value;
         this.formDisabledSubject.next(value);
     }
-    constructor(inventory, tabs, modal, translateService, router, navigator, permissions, alert, dynamicComponent) {
+    constructor(inventory, tabs, modal, translateService, router, navigator, permissions, alert, dynamicComponent, groupService) {
         this.inventory = inventory;
         this.tabs = tabs;
         this.modal = modal;
@@ -147,6 +162,7 @@ class ContextDashboardService {
         this.permissions = permissions;
         this.alert = alert;
         this.dynamicComponent = dynamicComponent;
+        this.groupService = groupService;
         this.REPORT_PARTIAL_NAME = 'report_';
         this.INVENTORY_ROLES = [
             Permissions.ROLE_INVENTORY_ADMIN,
@@ -353,6 +369,20 @@ class ContextDashboardService {
             }
         }
     }
+    getContextForGS(mo) {
+        if (this.groupService.isDevice(mo)) {
+            return PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.DEVICE;
+        }
+        else if (this.groupService.isAsset(mo)) {
+            return PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.ASSET;
+        }
+        else if (this.groupService.isGroup(mo)) {
+            return PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.GROUP;
+        }
+        else {
+            return null;
+        }
+    }
     adjustDashboardFor24Columns(dashboards) {
         if (Array.isArray(dashboards)) {
             return dashboards.map(dashboard => this.adjustDashboardFor24Columns(dashboard));
@@ -552,14 +582,14 @@ class ContextDashboardService {
         return null;
     }
 }
-ContextDashboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContextDashboardService, deps: [{ token: i1.InventoryService }, { token: i5.TabsService }, { token: i5.ModalService }, { token: i3.TranslateService }, { token: i1$1.Router }, { token: i5.NavigatorService }, { token: i5.Permissions }, { token: i5.AlertService }, { token: i5.DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
+ContextDashboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContextDashboardService, deps: [{ token: i1.InventoryService }, { token: i5.TabsService }, { token: i5.ModalService }, { token: i3.TranslateService }, { token: i1$1.Router }, { token: i5.NavigatorService }, { token: i5.Permissions }, { token: i5.AlertService }, { token: i5.DynamicComponentService }, { token: i5.GroupService }], target: i0.ɵɵFactoryTarget.Injectable });
 ContextDashboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContextDashboardService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContextDashboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.InventoryService }, { type: i5.TabsService }, { type: i5.ModalService }, { type: i3.TranslateService }, { type: i1$1.Router }, { type: i5.NavigatorService }, { type: i5.Permissions }, { type: i5.AlertService }, { type: i5.DynamicComponentService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.InventoryService }, { type: i5.TabsService }, { type: i5.ModalService }, { type: i3.TranslateService }, { type: i1$1.Router }, { type: i5.NavigatorService }, { type: i5.Permissions }, { type: i5.AlertService }, { type: i5.DynamicComponentService }, { type: i5.GroupService }]; } });
 
 class ReportDashboardService {
     constructor(inventoryService, navigatorService) {
@@ -757,7 +787,7 @@ class DashboardAvailabilityComponent {
         this.globalRolesItemsSelected = items;
         if (allItemsSelected) {
             this.globalRolesIdsChange.emit(ALL_GLOBAL_ROLES_SELECTED);
-            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARD_AVAILABILITY, {
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
                 component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DASHBOARD_AVAILABILITY,
                 action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.APPLY_GLOBAL_ROLES_CHANGES,
                 globalRoles: ALL_GLOBAL_ROLES_SELECTED
@@ -766,7 +796,7 @@ class DashboardAvailabilityComponent {
         else {
             const selectedGlobalRolesIds = items.map(i => i.id);
             this.globalRolesIdsChange.emit([...selectedGlobalRolesIds]);
-            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARD_AVAILABILITY, {
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
                 component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DASHBOARD_AVAILABILITY,
                 action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.APPLY_GLOBAL_ROLES_CHANGES,
                 globalRoles: selectedGlobalRolesIds?.sort()?.join()
@@ -929,11 +959,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }] } });
 
 class AddDashboardFactory {
-    constructor(permissions, contextDashboardService, bsModal, contextRoute) {
+    constructor(permissions, contextDashboardService, bsModal, contextRoute, gainsightService) {
         this.permissions = permissions;
         this.contextDashboardService = contextDashboardService;
         this.bsModal = bsModal;
         this.contextRoute = contextRoute;
+        this.gainsightService = gainsightService;
     }
     async get(activatedRoute) {
         this.currentContext = this.contextRoute.getContextData(activatedRoute);
@@ -968,6 +999,16 @@ class AddDashboardFactory {
             const dashboardMO = await this.contextDashboardService.create(dashboardCfg, this.currentContext);
             await this.contextDashboardService.navigateToDashboard(dashboardMO);
             modal.close();
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
+                component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.ADD_DASHBOARD,
+                action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.CREATE,
+                name: dashboardCfg.name,
+                id: dashboardMO.id,
+                dashboardType: dashboardMO.c8y_Dashboard.deviceType
+                    ? dashboardMO.c8y_Dashboard.deviceTypeValue
+                    : null,
+                context: this.contextDashboardService.getContextForGS(this.currentContext.contextData)
+            });
         }
         catch (ex) {
             // intended empty
@@ -990,14 +1031,14 @@ class AddDashboardFactory {
         ]);
     }
 }
-AddDashboardFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AddDashboardFactory, deps: [{ token: i5.Permissions }, { token: ContextDashboardService }, { token: i3$1.BsModalService }, { token: i5.ContextRouteService }], target: i0.ɵɵFactoryTarget.Injectable });
+AddDashboardFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AddDashboardFactory, deps: [{ token: i5.Permissions }, { token: ContextDashboardService }, { token: i3$1.BsModalService }, { token: i5.ContextRouteService }, { token: i5.GainsightService }], target: i0.ɵɵFactoryTarget.Injectable });
 AddDashboardFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AddDashboardFactory, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AddDashboardFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i5.Permissions }, { type: ContextDashboardService }, { type: i3$1.BsModalService }, { type: i5.ContextRouteService }]; } });
+        }], ctorParameters: function () { return [{ type: i5.Permissions }, { type: ContextDashboardService }, { type: i3$1.BsModalService }, { type: i5.ContextRouteService }, { type: i5.GainsightService }]; } });
 
 class AddDashboardComponent {
     constructor(addDashboardFactory) {
@@ -1471,6 +1512,14 @@ class ContextDashboardComponent {
             const route = this.route.parent.snapshot.url.map(segment => segment.path).join('/');
             this.router.navigateByUrl(route);
         }
+        this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
+            component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DELETE_DASHBOARD,
+            action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.DELETE,
+            name: this.dashboard.name,
+            id: this.mo.id,
+            dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
+            context: this.contextDashboardService.getContextForGS(this.context)
+        });
     }
     /**
      * Edits the current dashboard
@@ -1524,7 +1573,7 @@ class ContextDashboardComponent {
         }
     }
     get isDeviceTypeDashboard() {
-        return !!this.dashboard?.deviceType && !!this.dashboard.deviceTypeValue;
+        return !!this.dashboard?.deviceType;
     }
     /**
      * Edits a widget on the dashboard.
@@ -1745,6 +1794,18 @@ class ContextDashboardComponent {
             this.addReportDashboardSettings();
         }
         this.isLoading = false;
+        this.gainsightService.triggerEvent(isReport
+            ? PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.REPORTS
+            : PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
+            component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DASHBOARD_VIEW,
+            action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.LOAD,
+            name: this.dashboard.name,
+            id: this.mo.id,
+            dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
+            context: isReport
+                ? PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.REPORT
+                : this.contextDashboardService.getContextForGS(this.context)
+        });
     }
     mergeWidgetClasses(widget) {
         const hasHeaderClass = WIDGET_HEADER_CLASSES.find(el => widget.classes && widget.classes[el.class]);
@@ -2572,7 +2633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }] });
 
 class ReportDashboardListComponent {
-    constructor(inventoryService, contextDashboardService, bsModal, translateService, modal, alertService, reportDashboardService, permissions) {
+    constructor(inventoryService, contextDashboardService, bsModal, translateService, modal, alertService, reportDashboardService, permissions, gainsightService) {
         this.inventoryService = inventoryService;
         this.contextDashboardService = contextDashboardService;
         this.bsModal = bsModal;
@@ -2581,6 +2642,7 @@ class ReportDashboardListComponent {
         this.alertService = alertService;
         this.reportDashboardService = reportDashboardService;
         this.permissions = permissions;
+        this.gainsightService = gainsightService;
         this.textFilter$ = new BehaviorSubject('');
         this.reload$ = new BehaviorSubject(null);
         this.reloading = false;
@@ -2634,6 +2696,13 @@ class ReportDashboardListComponent {
             }
             this.reload$.next();
             modal.close();
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.REPORTS, {
+                component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.ADD_REPORT,
+                action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.CREATE,
+                name: report.name,
+                id: report.id,
+                context: PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.REPORT
+            });
         }
         catch (ex) {
             if (ex) {
@@ -2663,6 +2732,13 @@ class ReportDashboardListComponent {
                 this.reportDashboardService.removeNavigatorNode(report);
             }
             this.reload$.next();
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.REPORTS, {
+                component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.REPORTS_LIST,
+                action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.DELETE,
+                name: report.name,
+                id: report.id,
+                context: PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.REPORT
+            });
         }
         catch (ex) {
             if (ex) {
@@ -2678,12 +2754,12 @@ class ReportDashboardListComponent {
             : this.reportDashboardService.removeNavigatorNode(report);
     }
 }
-ReportDashboardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReportDashboardListComponent, deps: [{ token: i1.InventoryService }, { token: ContextDashboardService }, { token: i3$1.BsModalService }, { token: i3.TranslateService }, { token: i5.ModalService }, { token: i5.AlertService }, { token: ReportDashboardService }, { token: i5.Permissions }], target: i0.ɵɵFactoryTarget.Component });
+ReportDashboardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReportDashboardListComponent, deps: [{ token: i1.InventoryService }, { token: ContextDashboardService }, { token: i3$1.BsModalService }, { token: i3.TranslateService }, { token: i5.ModalService }, { token: i5.AlertService }, { token: ReportDashboardService }, { token: i5.Permissions }, { token: i5.GainsightService }], target: i0.ɵɵFactoryTarget.Component });
 ReportDashboardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ReportDashboardListComponent, selector: "c8y-report-dashboard-list", viewQueries: [{ propertyName: "filter", first: true, predicate: FilterInputComponent, descendants: true }], ngImport: i0, template: "<c8y-title>\n  {{ 'Reports' | translate }}\n</c8y-title>\n\n<c8y-action-bar-item\n  [placement]=\"'left'\"\n  itemClass=\"navbar-form\"\n>\n  <div class=\"input-group input-group-search\">\n    <input\n      class=\"form-control\"\n      [attr.aria-label]=\"'Filter' | translate\"\n      placeholder=\"{{ 'Filter\u2026' | translate }}\"\n      type=\"search\"\n      [ngModel]=\"textFilter$ | async\"\n      (ngModelChange)=\"textFilter$.next($event)\"\n    />\n    <span class=\"input-group-addon\">\n      <i\n        c8yIcon=\"search\"\n        *ngIf=\"(textFilter$ | async).length === 0\"\n      ></i>\n      <i\n        class=\"text-muted\"\n        c8yIcon=\"times\"\n        *ngIf=\"(textFilter$ | async).length > 0\"\n        (click)=\"textFilter$.next('')\"\n        px-event=\"Clear filtering reports\"\n      ></i>\n    </span>\n  </div>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Add report' | translate }}\"\n    type=\"button\"\n    [attr.data-cy]=\"'reports-add-report-action-bar-button'\"\n    (click)=\"add()\"\n    [disabled]=\"!canAddReport\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Add report' | translate }}\n  </button>\n  <button\n    class=\"btn btn-dot m-r-16\"\n    aria-label=\"{{ 'Info' | translate }}\"\n    popover=\"{{ 'You don\\'t have permission to add reports' | translate }}\"\n    placement=\"top\"\n    triggers=\"focus\"\n    container=\"body\"\n    type=\"button\"\n    *ngIf=\"!canAddReport\"\n  >\n    <i\n      class=\"text-primary\"\n      [c8yIcon]=\"'info-circle'\"\n    ></i>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"loadReports()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/users-guide/cockpit/#reports\"></c8y-help>\n\n<c8y-list-group>\n  <c8y-li\n    class=\"page-sticky-header hidden-xs hidden-sm\"\n    *ngIf=\"(reports$ | async)?.data.length > 0\"\n  >\n    <c8y-li-icon>\n      <i class=\"p-l-24\"></i>\n    </c8y-li-icon>\n    <c8y-li-body class=\"content-flex-60\">\n      <div class=\"col-3\">\n        {{ 'Report' | translate }}\n      </div>\n      <div class=\"col-6\">\n        {{ 'Description' | translate }}\n      </div>\n      <div class=\"col-2\">\n        {{ 'Show in navigator' | translate }}\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n\n  <c8y-li *c8yFor=\"let report of reports$; let i = index; loadMore: 'auto'\">\n    <c8y-li-icon [icon]=\"report.icon\"></c8y-li-icon>\n    <c8y-li-body class=\"content-flex-60\">\n      <div class=\"col-3\">\n        <button\n          class=\"btn-clean\"\n          title=\"{{ report.name }}\"\n          type=\"button\"\n          routerLink=\"/reports/{{ report.id }}\"\n        >\n          <span class=\"text-truncate\">\n            {{ report.name }}\n          </span>\n        </button>\n      </div>\n      <div class=\"col-6\">\n        <p class=\"small text-truncate-wrap\">\n          <em\n            class=\"text-muted\"\n            *ngIf=\"!report.description; else showDescription\"\n          >\n            {{ 'No description available' | translate }}\n          </em>\n          <ng-template #showDescription>\n            {{ report.description }}\n          </ng-template>\n        </p>\n      </div>\n      <div class=\"col-2 fit-h-20 m-t-xs-8\">\n        <label\n          class=\"c8y-switch c8y-switch--inline\"\n          title=\"{{ 'Show in navigator' | translate }}\"\n        >\n          <input\n            type=\"checkbox\"\n            [(ngModel)]=\"!!report.c8y_IsNavigatorNode\"\n            (change)=\"update(report)\"\n          />\n          <span></span>\n          <span class=\"visible-xs\">\n            {{ 'Show in navigator' | translate }}\n          </span>\n        </label>\n      </div>\n      <div class=\"col-1 hidden-xs\">\n        <button\n          class=\"btn btn-dot btn-dot--danger showOnHover m-l-auto d-flex\"\n          [attr.aria-label]=\"'Remove report' | translate\"\n          tooltip=\"{{ 'Remove report' | translate }}\"\n          type=\"button\"\n          [delay]=\"500\"\n          (click)=\"delete(report)\"\n        >\n          <i c8yIcon=\"minus-circle\"></i>\n        </button>\n      </div>\n      <div class=\"visible-xs p-t-8 text-right\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          title=\"{{ 'Remove report' | translate }}\"\n          type=\"button\"\n          (click)=\"delete(report)\"\n        >\n          <i c8yIcon=\"delete\"></i>\n          {{ 'Remove report' | translate }}\n        </button>\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n</c8y-list-group>\n\n<c8y-ui-empty-state\n  [icon]=\"'c8y-reports'\"\n  [title]=\"'There are no reports defined.' | translate\"\n  [subtitle]=\"'Add a report first.' | translate\"\n  *ngIf=\"(reports$ | async)?.data.length === 0\"\n>\n  <p>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Add report' | translate }}\"\n      type=\"button\"\n      [attr.data-cy]=\"'reports-add-report-empty-state-button'\"\n      [disabled]=\"!canAddReport\"\n      (click)=\"add()\"\n    >\n      {{ 'Add report' | translate }}\n    </button>\n  </p>\n  <p c8y-guide-docs>\n    <small\n      translate\n      ngNonBindable\n    >\n      Find out more in the\n      <a c8y-guide-href=\"users-guide/cockpit/#reports\">User guide`KEEP_ORIGINAL`</a>\n      .\n    </small>\n  </p>\n</c8y-ui-empty-state>\n", dependencies: [{ kind: "component", type: i5.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "component", type: i5.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i5.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i5.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i5$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount"] }, { kind: "component", type: i5.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: i6.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: i6.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i5.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "component", type: i5.ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: i5.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "emptyActions", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: i5.ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: i5.ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: i5.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: i3$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i5.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReportDashboardListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-report-dashboard-list', template: "<c8y-title>\n  {{ 'Reports' | translate }}\n</c8y-title>\n\n<c8y-action-bar-item\n  [placement]=\"'left'\"\n  itemClass=\"navbar-form\"\n>\n  <div class=\"input-group input-group-search\">\n    <input\n      class=\"form-control\"\n      [attr.aria-label]=\"'Filter' | translate\"\n      placeholder=\"{{ 'Filter\u2026' | translate }}\"\n      type=\"search\"\n      [ngModel]=\"textFilter$ | async\"\n      (ngModelChange)=\"textFilter$.next($event)\"\n    />\n    <span class=\"input-group-addon\">\n      <i\n        c8yIcon=\"search\"\n        *ngIf=\"(textFilter$ | async).length === 0\"\n      ></i>\n      <i\n        class=\"text-muted\"\n        c8yIcon=\"times\"\n        *ngIf=\"(textFilter$ | async).length > 0\"\n        (click)=\"textFilter$.next('')\"\n        px-event=\"Clear filtering reports\"\n      ></i>\n    </span>\n  </div>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Add report' | translate }}\"\n    type=\"button\"\n    [attr.data-cy]=\"'reports-add-report-action-bar-button'\"\n    (click)=\"add()\"\n    [disabled]=\"!canAddReport\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Add report' | translate }}\n  </button>\n  <button\n    class=\"btn btn-dot m-r-16\"\n    aria-label=\"{{ 'Info' | translate }}\"\n    popover=\"{{ 'You don\\'t have permission to add reports' | translate }}\"\n    placement=\"top\"\n    triggers=\"focus\"\n    container=\"body\"\n    type=\"button\"\n    *ngIf=\"!canAddReport\"\n  >\n    <i\n      class=\"text-primary\"\n      [c8yIcon]=\"'info-circle'\"\n    ></i>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    type=\"button\"\n    (click)=\"loadReports()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/users-guide/cockpit/#reports\"></c8y-help>\n\n<c8y-list-group>\n  <c8y-li\n    class=\"page-sticky-header hidden-xs hidden-sm\"\n    *ngIf=\"(reports$ | async)?.data.length > 0\"\n  >\n    <c8y-li-icon>\n      <i class=\"p-l-24\"></i>\n    </c8y-li-icon>\n    <c8y-li-body class=\"content-flex-60\">\n      <div class=\"col-3\">\n        {{ 'Report' | translate }}\n      </div>\n      <div class=\"col-6\">\n        {{ 'Description' | translate }}\n      </div>\n      <div class=\"col-2\">\n        {{ 'Show in navigator' | translate }}\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n\n  <c8y-li *c8yFor=\"let report of reports$; let i = index; loadMore: 'auto'\">\n    <c8y-li-icon [icon]=\"report.icon\"></c8y-li-icon>\n    <c8y-li-body class=\"content-flex-60\">\n      <div class=\"col-3\">\n        <button\n          class=\"btn-clean\"\n          title=\"{{ report.name }}\"\n          type=\"button\"\n          routerLink=\"/reports/{{ report.id }}\"\n        >\n          <span class=\"text-truncate\">\n            {{ report.name }}\n          </span>\n        </button>\n      </div>\n      <div class=\"col-6\">\n        <p class=\"small text-truncate-wrap\">\n          <em\n            class=\"text-muted\"\n            *ngIf=\"!report.description; else showDescription\"\n          >\n            {{ 'No description available' | translate }}\n          </em>\n          <ng-template #showDescription>\n            {{ report.description }}\n          </ng-template>\n        </p>\n      </div>\n      <div class=\"col-2 fit-h-20 m-t-xs-8\">\n        <label\n          class=\"c8y-switch c8y-switch--inline\"\n          title=\"{{ 'Show in navigator' | translate }}\"\n        >\n          <input\n            type=\"checkbox\"\n            [(ngModel)]=\"!!report.c8y_IsNavigatorNode\"\n            (change)=\"update(report)\"\n          />\n          <span></span>\n          <span class=\"visible-xs\">\n            {{ 'Show in navigator' | translate }}\n          </span>\n        </label>\n      </div>\n      <div class=\"col-1 hidden-xs\">\n        <button\n          class=\"btn btn-dot btn-dot--danger showOnHover m-l-auto d-flex\"\n          [attr.aria-label]=\"'Remove report' | translate\"\n          tooltip=\"{{ 'Remove report' | translate }}\"\n          type=\"button\"\n          [delay]=\"500\"\n          (click)=\"delete(report)\"\n        >\n          <i c8yIcon=\"minus-circle\"></i>\n        </button>\n      </div>\n      <div class=\"visible-xs p-t-8 text-right\">\n        <button\n          class=\"btn btn-default btn-sm\"\n          title=\"{{ 'Remove report' | translate }}\"\n          type=\"button\"\n          (click)=\"delete(report)\"\n        >\n          <i c8yIcon=\"delete\"></i>\n          {{ 'Remove report' | translate }}\n        </button>\n      </div>\n    </c8y-li-body>\n  </c8y-li>\n</c8y-list-group>\n\n<c8y-ui-empty-state\n  [icon]=\"'c8y-reports'\"\n  [title]=\"'There are no reports defined.' | translate\"\n  [subtitle]=\"'Add a report first.' | translate\"\n  *ngIf=\"(reports$ | async)?.data.length === 0\"\n>\n  <p>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Add report' | translate }}\"\n      type=\"button\"\n      [attr.data-cy]=\"'reports-add-report-empty-state-button'\"\n      [disabled]=\"!canAddReport\"\n      (click)=\"add()\"\n    >\n      {{ 'Add report' | translate }}\n    </button>\n  </p>\n  <p c8y-guide-docs>\n    <small\n      translate\n      ngNonBindable\n    >\n      Find out more in the\n      <a c8y-guide-href=\"users-guide/cockpit/#reports\">User guide`KEEP_ORIGINAL`</a>\n      .\n    </small>\n  </p>\n</c8y-ui-empty-state>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.InventoryService }, { type: ContextDashboardService }, { type: i3$1.BsModalService }, { type: i3.TranslateService }, { type: i5.ModalService }, { type: i5.AlertService }, { type: ReportDashboardService }, { type: i5.Permissions }]; }, propDecorators: { filter: [{
+        }], ctorParameters: function () { return [{ type: i1.InventoryService }, { type: ContextDashboardService }, { type: i3$1.BsModalService }, { type: i3.TranslateService }, { type: i5.ModalService }, { type: i5.AlertService }, { type: ReportDashboardService }, { type: i5.Permissions }, { type: i5.GainsightService }]; }, propDecorators: { filter: [{
                 type: ViewChild,
                 args: [FilterInputComponent, { static: false }]
             }] } });