@schneideress/dashboardframework 20.0.1 → 20.0.3

package/fesm2022/schneideress-dashboardframework.mjs

@@ -164,6 +164,8 @@ var RAEvent;
     RAEvent["SnapShotClick"] = "SnapShotClick";
     /** Event on emission report snapshot selected from list*/
     RAEvent["SnapShotSelected"] = "SnapShotSelected";
+    /** Event to update widget count */
+    RAEvent["UpdateWidgetCount"] = "UpdateWidgetCount";
 })(RAEvent || (RAEvent = {}));
 var RAEventKey;
 (function (RAEventKey) {
@@ -4015,7 +4017,7 @@ class RAWidgetContainer {
                 this.setInapplicableFilters(undefined, this.data.widgetInfo.widgetInstanceId);
             }
             else {
-                widgetContainerContext.notifier.notify('error', " " + this.translateService.translate('FailedToRemoveWidget') + "  (" + this.translateService.translate('Common.' + this.data.widgetInfo.widgetTitle, true) + ")!");
+                widgetContainerContext.notifier.notify('error', " " + this.translateService.translate('Dashboard.FailedToRemoveWidget') + "  (" + this.translateService.translate('Common.' + this.data.widgetInfo.widgetTitle, true) + ")!");
             }
         });
     }
@@ -4679,16 +4681,13 @@ class RAWidgetContainer {
         let translatedString = '';
         if (this.data?.widgetInfo?.widgetComponent.startsWith('PAM'))
             translatedString = this.translateService.translate('common.' + rKey);
-        else if (this.dashboardService.clientId)
-            translatedString = this.translateService.translate(this.dashboardService.clientId + '_DBW' + '.DBW_' + rKey);
+        else if (this.dashboardService.clientId) {
+            rKey = 'DBW_' + rKey;
+            translatedString = this.translateService.translate(this.dashboardService.clientId + '_DBW.' + rKey);
+        }
         else
-            translatedString = this.translateService.translate(rKey);
-        if (translatedString.toLowerCase() === rKey.toLowerCase()) {
             return item;
-        }
-        else {
-            return translatedString;
-        }
+        return translatedString.toLowerCase() === rKey.toLowerCase() ? item : translatedString;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RAWidgetContainer, deps: [{ token: RaDashboardService }, { token: i2$1.NgxUiLoaderService }, { token: i3.RATranslateService }, { token: i0.NgZone }, { token: i4.NotifierService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i3.RAPermissionService }, { token: i3.DomService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: RAWidgetContainer, isStandalone: false, selector: "ra-widget-container", inputs: { widgetInstanceId: ["widget-instance-id", "widgetInstanceId"], globalFilter: ["global-filter", "globalFilter"], dashboardInfo: ["dashboard-info", "dashboardInfo"], data: "data", raDashboardEventBus: ["event-bus", "raDashboardEventBus"], appConfig: ["app-config", "appConfig"], width: ["widget-width", "width"], height: ["widget-height", "height"], gridCellHeight: ["grid-cell-height", "gridCellHeight"], bulkActionData: ["bulk-action-data", "bulkActionData"], canLoadData: "canLoadData", setResized: ["dom-resized", "setResized"] }, outputs: { widgetDeleted: "widgetDeleted", updateAppliedFilters: "updateAppliedFilters", dataLoaded: "dataLoaded", widgetLoaded: "widgetLoaded" }, viewQueries: [{ propertyName: "ctlWidget", first: true, predicate: ["ctlWidget"], descendants: true }, { propertyName: "ctlWidgetModule", first: true, predicate: ["ctlWidgetModule"], descendants: true, read: ViewContainerRef }, { propertyName: "widgetDropdown", first: true, predicate: ["widgetDropdown"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "wcWrapper", first: true, predicate: ["wcWrapper"], descendants: true }, { propertyName: "banPopupDiv", first: true, predicate: ["banPopupDiv"], descendants: true }, { propertyName: "lockPopupDiv", first: true, predicate: ["lockPopupDiv"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n  [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n  <div class=\"wcheader widget-move\" *ngIf=\"!hideTitle && !showOnlyDropdown\"\r\n    [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n    <div class=\"col-md-12\" [ngClass]=\"{'wc-mover' : isWidgetCanMove }\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n      <div style=\"display:flex;margin-top:10px;\"\r\n        [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n        <div class=\"col-9 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n              (mouseover)=\"mouseOver($event)\" #searchInput>{{WidgetDisplayName}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n        <div class=\"col-3\" style=\"cursor:default;padding-right: 0px;\">        \r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div  #banPopupDiv (mouseover)=\"openPopup(inapplicableIconTitle,inapplicableFilters,inapplicableIconFooter,'innaplicable')\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!inapplicableFilters || inapplicableFilters.length == 0 || !globalFilter || globalFilter == '{}'\">\r\n              <i class=\"fal fa-ban lock\"></i>            \r\n            </div>\r\n            <div #lockPopupDiv (mouseover)=\"openPopup(lockIconTitle,lockDetails,lockIconFooter,'lock',lockTemplateInfo)\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"(!lockDetails && !lockTemplateInfo) || hideLock\">\r\n              <i class=\"fal fa-lock lock\"></i>             \r\n            </div>\r\n            <div class=\"widget-menu\" style=\"width:10px;\"\r\n              [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown($event)\" #widgetDropdown class=\"fal fa-ellipsis-v widget-menu-ellipse\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"hideTitle && !showOnlyDropdown\" class=\"wcheader widget-move\"\r\n    style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n  </div>\r\n  <div  *ngIf=\"hideTitle && !showOnlyDropdown\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n    <div class=\"dropbtn title-bar-icon\">\r\n      <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle || showOnlyDropdown?'10px':'46px'}\">\r\n    <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn':  showPanel}\">\r\n      <div class=\"lds-roller\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n      <div [hidden]=\"!isCustomElement\" #ctlWidget></div>\r\n      <div [hidden]=\"isCustomElement\">\r\n        <ng-container #ctlWidgetModule></ng-container>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n      <ra-widget-state style=\"width: 100%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n        [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n        (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.TooltipControl, selector: "ra-tooltip", inputs: ["data", "url", "value", "key", "dataField", "position", "width", "count", "moreItemText", "reset", "disable-tooltip", "set-top-padding"], outputs: ["dataLoaded"] }, { kind: "component", type: i6.WidgetStateControl, selector: "ra-widget-state", inputs: ["isWidgetStateApplicable", "isGlobalFilterApplied", "widgetEmptyState", "widgetEmptyDataText", "widthCol", "heightCol"], outputs: ["editWidgetClicked"] }] }); }
@@ -4786,6 +4785,7 @@ class RADashboardArea {
         this.hasGird = false;
         this.initialWidgetCount = 10;
         this.currentLoadingCount = 0;
+        this.isSiteDetailDashboard = false;
         this.downloadDatastreamLimit = 200;
         this.reportDatastreamLimit = 50;
         this.widgetHeight = 2;
@@ -5080,6 +5080,7 @@ class RADashboardArea {
             isIndicatorDashboard: this.isIndicatorDashboard
         };
         let _the = this;
+        this.isSiteDetailDashboard = this.dashboardInfo?.templateName === 'Site Detail';
         this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe(widgets => {
             _the.widgetList = [];
             this.userWidgets = widgets;
@@ -5091,6 +5092,8 @@ class RADashboardArea {
                     if (settings && settings.isPAMWidget)
                         this.PAMWidgets.push(element.widgetInstanceId);
                 }
+                if (this.isSiteDetailDashboard)
+                    element.templateSettings = JSON.stringify(this.dashboardInfo?.templateConfig?.widget);
             });
             this.checkPAMWidgets();
             if (this.dashboardInfo?.isReport && widgets && widgets.length > this.reportDatastreamLimit) {
@@ -5106,8 +5109,15 @@ class RADashboardArea {
             else {
                 this.showDownloadOnlyState = false;
                 this.showEmptyDashboard = true;
-                this.raDashboardEventBus.publish(RAEvent.HideDashboardBanner, this.showEmptyDashboard);
+                if (this.isSiteDetailDashboard) {
+                    this.showDownloadOnlyState = false;
+                    this.showEmptyDashboard = false;
+                }
+                else {
+                    this.raDashboardEventBus.publish(RAEvent.HideDashboardBanner, this.showEmptyDashboard);
+                }
             }
+            this.raDashboardEventBus.publish(RAEvent.UpdateWidgetCount, this.userWidgets.length);
         });
     }
     /** To set Area(Gridster) height dynamically as widgets are added/removed */
@@ -5123,7 +5133,12 @@ class RADashboardArea {
             if (this.options.api) {
                 curRowHeight = this.options.api.getCurrentRowHeight();
             }
-            this.showEmptyDashboard = this.userWidgets.length > 0 ? false : true;
+            if (this.isSiteDetailDashboard) {
+                this.showEmptyDashboard = false;
+            }
+            else {
+                this.showEmptyDashboard = this.userWidgets.length === 0;
+            }
             this.widgetList.forEach((t) => {
                 let currentHeight = t.y + t.rows;
                 if (currentHeight > areaScrollHeight) {
@@ -5179,9 +5194,13 @@ class RADashboardArea {
             }
         }
         this.showEmptyDashboard = this.userWidgets.length > 0 ? false : true;
-        if (this.showEmptyDashboard == true) {
+        if (this.showEmptyDashboard == true && !this.isSiteDetailDashboard) {
             this.raDashboardEventBus.publish(RAEvent.HideDashboardBanner, this.showEmptyDashboard);
         }
+        if (this.isSiteDetailDashboard) {
+            this.raDashboardEventBus.publish(RAEvent.UpdateWidgetCount, -1);
+            this.raDashboardEventBus.publish(RAEvent.RearrangeClicked, true);
+        }
     }
     /**To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc*/
     rearrangeWidgets() {
@@ -5222,6 +5241,8 @@ class RADashboardArea {
         data.dashboardId = this.userDashboardId;
         this.ngxService.start();
         this.dashboardService.addWidget(data, this.appConfig).subscribe(widget => {
+            if (this.isSiteDetailDashboard)
+                widget.templateSettings = JSON.stringify(this.dashboardInfo?.templateConfig?.widget);
             this.userWidgets.push(widget);
             let gridsterItem = this.responsiveService.getGridsterItem(widget);
             this.widgetList.push(gridsterItem);