@c8y/ngx-components 1021.54.4 → 1021.54.10

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

@@ -482,10 +482,7 @@ class ContextDashboardService {
                 await this.modal.confirm(gettext('Delete dashboard'), this.translateService.instant(msg, {
                     dashboardName: dashboard.c8y_Dashboard.name,
                     deviceType: dashboard.c8y_Dashboard.deviceTypeValue
-                }), Status.DANGER, {
-                    ok: gettext('Delete'),
-                    cancel: gettext('Cancel')
-                });
+                }), Status.DANGER, { ok: gettext('Delete'), cancel: gettext('Cancel') });
             }
             await this.inventory.delete(dashboard);
             const tabToRemove = Array.from(this.tabs.state).find(tab => {
@@ -532,10 +529,21 @@ class ContextDashboardService {
     }
     getNamedDashboardOrCreate(name, defaultWidgets, context) {
         const children = this.mapWidgets(defaultWidgets);
-        return this.getDashboard$(name, [ContextDashboardType.Named]).pipe(throwIfEmpty(), catchError(() => from(this.create({
-            children,
-            widgetClasses: { 'dashboard-theme-light': true, 'panel-title-regular': true }
-        }, context, name))));
+        return this.getDashboard$(name, [ContextDashboardType.Named]).pipe(throwIfEmpty(), catchError(() => {
+            if (!this.hasPermissionsToCopyDashboard()) {
+                this.alert.warning(gettext('You are viewing a read-only dashboard because you don’t have the necessary permissions to modify it.'));
+                return of(this.getTemporaryDashboard({
+                    name,
+                    children,
+                    widgetClasses: { 'dashboard-theme-light': true, 'panel-title-regular': true }
+                }));
+            }
+            else
+                return from(this.create({
+                    children,
+                    widgetClasses: { 'dashboard-theme-light': true, 'panel-title-regular': true }
+                }, context, name));
+        }));
     }
     updateNavigatorItem(mo) {
         this.navigator.state.forEach(node => {
@@ -766,11 +774,7 @@ class ContextDashboardService {
         const finalFilterCriteria = typeFilterCriteria
             ? [...filterCriteria, typeFilterCriteria]
             : filterCriteria;
-        const query = this.queriesUtil.buildQuery({
-            __filter: {
-                __or: finalFilterCriteria
-            }
-        });
+        const query = this.queriesUtil.buildQuery({ __filter: { __or: finalFilterCriteria } });
         const now = Date.now();
         const cacheHasValidResponse = this.contextDashboardsCache &&
             this.contextDashboardsCache.query === query &&
@@ -783,10 +787,7 @@ class ContextDashboardService {
         }
         this.contextDashboardsCache = {
             query,
-            result: this.inventory.list({
-                query,
-                pageSize: this.DEFAULT_PAGESIZE
-            }),
+            result: this.inventory.list({ query, pageSize: this.DEFAULT_PAGESIZE }),
             timestamp: now
         };
         return this.contextDashboardsCache.result;
@@ -1060,14 +1061,23 @@ class ContextDashboardService {
         }
         return null;
     }
+    getTemporaryDashboard(dashboardCfg) {
+        return {
+            c8y_Dashboard: {
+                ...dashboardCfg,
+                name: dashboardCfg.name || 'Temporary Dashboard',
+                isTransient: true,
+                description: gettext('This is a temporary, non-editable dashboard displayed due to insufficient permissions.')
+            },
+            [`c8y_Dashboard!name!${dashboardCfg.name}`]: {}
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextDashboardService, deps: [{ token: i1$1.InventoryService }, { token: i2.TabsService }, { token: i2.ModalService }, { token: i2$1.TranslateService }, { token: i1.Router }, { token: i2.NavigatorService }, { token: i2.Permissions }, { token: i2.AlertService }, { token: i2.DynamicComponentService }, { token: i2.GroupService }, { token: i2.OptionsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextDashboardService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextDashboardService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i2.TabsService }, { type: i2.ModalService }, { type: i2$1.TranslateService }, { type: i1.Router }, { type: i2.NavigatorService }, { type: i2.Permissions }, { type: i2.AlertService }, { type: i2.DynamicComponentService }, { type: i2.GroupService }, { type: i2.OptionsService }] });
 
 class DashboardDetailService {
@@ -2614,9 +2624,7 @@ class ContextDashboardComponent {
         }
         const isNewDashboard = this.route.snapshot.queryParams[NEW_DASHBOARD_QUERY_PARAM];
         if (isNewDashboard) {
-            this.router.navigate([], {
-                queryParams: null
-            });
+            this.router.navigate([], { queryParams: null });
         }
     }
     /**
@@ -2646,9 +2654,7 @@ class ContextDashboardComponent {
             });
             this.isLoading = true;
             this.mo.c8y_Dashboard.children = this.contextDashboardService.mapWidgets(this.defaultWidgets);
-            this.mo.c8y_Dashboard.historyDescription = {
-                changeType: 'reset'
-            };
+            this.mo.c8y_Dashboard.historyDescription = { changeType: 'reset' };
             await this.contextDashboardService.update(this.mo);
             await this.onLoad();
         }
@@ -2723,10 +2729,7 @@ class ContextDashboardComponent {
         this.contextDashboardService.copyClipboard = {
             dashboardId: this.mo.id,
             dashboard: cloneDeep(this.mo.c8y_Dashboard),
-            context: cloneDeep({
-                context: viewContext,
-                contextData: this.context
-            })
+            context: cloneDeep({ context: viewContext, contextData: this.context })
         };
         if (viewContext) {
             const ctx = viewContext.split('/').shift();
@@ -2771,10 +2774,7 @@ class ContextDashboardComponent {
      */
     async addWidget(selected) {
         const partialCloneSelected = selected
-            ? {
-                ...selected,
-                data: cloneDeep(selected.data)
-            }
+            ? { ...selected, data: cloneDeep(selected.data) }
             : selected;
         const activeContext = this.context.contextData ? this.context.contextData : this.context;
         const initialState = {
@@ -2804,10 +2804,9 @@ class ContextDashboardComponent {
                     ...this.editModeService.getCurrentState().children,
                     [newWidget.id]: newWidget
                 };
-                this.setNewState({
-                    name: DASHBOARD_CHILDREN_STATE_NAME.config,
-                    children
-                }, 'config', [newWidget]);
+                this.setNewState({ name: DASHBOARD_CHILDREN_STATE_NAME.config, children }, 'config', [
+                    newWidget
+                ]);
             }
             modal.close();
         }
@@ -2902,11 +2901,13 @@ class ContextDashboardComponent {
         });
     }
     async onLoad(trackExperience) {
-        this.hasPermissionToEditDashboard = this.dashboard
-            ? await this.contextDashboardService.canEditDashboard(this.mo)
-            : false;
+        this.hasPermissionToEditDashboard =
+            this.dashboard && !this.dashboard.isTransient
+                ? await this.contextDashboardService.canEditDashboard(this.mo)
+                : false;
         this.canCopy =
             this._canCopy &&
+                !this.dashboard?.isTransient &&
                 (this.contextDashboardService.isDeviceDashboard(this.mo) ||
                     this.contextDashboardService.isDeviceType(this.mo) ||
                     this.contextDashboardService.isGroupDashboard(this.mo));
@@ -3024,22 +3025,13 @@ class ContextDashboardComponent {
     componentToWidget(child) {
         return {
             ...omit(child.data, ['componentTransformConfigWithContext', 'transformConfigWithContext']), // remove legacy
-            ...{
-                _x: child.x,
-                _y: child.y,
-                _width: child.width,
-                _height: child.height
-            }
+            ...{ _x: child.x, _y: child.y, _width: child.width, _height: child.height }
         };
     }
     addReportDashboardSettings() {
         this.setTitle = true;
         this.title = this.context?.name || gettext('New report');
-        this.breadcrumbSettings = {
-            icon: 'th',
-            label: 'Reports',
-            path: 'reports'
-        };
+        this.breadcrumbSettings = { icon: 'th', label: 'Reports', path: 'reports' };
         this.canDelete = false;
     }
     getDashboardCopyPermissionState() {