@schneideress/dashboardframework 0.0.202 → 0.0.204

package/fesm5/schneideress-dashboardframework.js

@@ -555,37 +555,38 @@ var RADashboardResponsiveService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(RADashboardResponsiveService.prototype, "GridsterConfig", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var config = GridsterConfigDefaultSettings;
-            config.minCols = this.currentResInfo.maxCols;
-            config.maxCols = this.currentResInfo.maxCols;
-            config.minRows = this.currentResInfo.minCols;
-            config.maxItemCols = this.currentResInfo.maxCols;
-            config.minItemCols = this.currentResInfo.minCols;
-            config.minItemRows = this.currentResInfo.minCols;
-            config.minItemArea = this.currentResInfo.minCols * this.currentResInfo.minCols;
-            config.defaultItemCols = this.currentResInfo.minCols;
-            config.defaultItemRows = this.currentResInfo.minCols;
-            if (!this.IsDesktopView) {
-                config.resizable.enabled = false;
-                config.swap = false;
-                config.draggable.enabled = false;
-            }
-            else {
-                config.resizable.enabled = true;
-                config.swap = true;
-                config.draggable.enabled = true;
-            }
-            return config;
-        },
-        enumerable: true,
-        configurable: true
-    });
+    /**
+     * @param {?} isWidgetMgmnt
+     * @return {?}
+     */
+    RADashboardResponsiveService.prototype.getGridsterConfig = /**
+     * @param {?} isWidgetMgmnt
+     * @return {?}
+     */
+    function (isWidgetMgmnt) {
+        /** @type {?} */
+        var config = GridsterConfigDefaultSettings;
+        config.minCols = this.currentResInfo.maxCols;
+        config.maxCols = this.currentResInfo.maxCols;
+        config.minRows = this.currentResInfo.minCols;
+        config.maxItemCols = this.currentResInfo.maxCols;
+        config.minItemCols = this.currentResInfo.minCols;
+        config.minItemRows = this.currentResInfo.minCols;
+        config.minItemArea = this.currentResInfo.minCols * this.currentResInfo.minCols;
+        config.defaultItemCols = this.currentResInfo.minCols;
+        config.defaultItemRows = this.currentResInfo.minCols;
+        if (!this.IsDesktopView || !isWidgetMgmnt) {
+            config.resizable.enabled = false;
+            config.swap = false;
+            config.draggable.enabled = false;
+        }
+        else {
+            config.resizable.enabled = true;
+            config.swap = true;
+            config.draggable.enabled = true;
+        }
+        return config;
+    };
     /**To map IwidgetInfo object to gridsterItem */
     /**
      * To map IwidgetInfo object to gridsterItem
@@ -734,7 +735,7 @@ var RADashboardArea = /** @class */ (function () {
         this.isWidgetLoaded = false;
         this.domResized = false;
         this.showEmptyDashboard = false;
-        this.isDashboardMgmnt = false;
+        this.isWidgetMgmnt = false;
         this.widgetHeight = 2;
         this.widgetWidth = 4;
         this.hideDashboardBanner = new EventEmitter();
@@ -747,6 +748,7 @@ var RADashboardArea = /** @class */ (function () {
      */
     function () {
         var _this = this;
+        this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
         this.initiateGridsterConfig();
         this.responsiveService.resized.subscribe((/**
          * @return {?}
@@ -784,7 +786,7 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (changes) {
-        this.isDashboardMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
+        this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
         if (this.raDashboardEventBus && this.appConfig && !this.isWidgetLoaded) {
             this.isWidgetLoaded = true;
             this.loadWidgets(this.userDashboardId, this.areaKey);
@@ -805,7 +807,7 @@ var RADashboardArea = /** @class */ (function () {
     function () {
         var _this = this;
         /**To override default configuration values to the gridster control */
-        this.options = this.responsiveService.GridsterConfig;
+        this.options = this.responsiveService.getGridsterConfig(this.isWidgetMgmnt);
         this.options.initCallback = (/**
          * @param {?} gridster
          * @return {?}
@@ -1411,7 +1413,7 @@ var RADashboardArea = /** @class */ (function () {
     RADashboardArea.decorators = [
         { type: Component, args: [{
                     selector: 'ra-dashboard-area',
-                    template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isDashboardMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
+                    template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
                     styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
                 }] }
     ];
@@ -1484,7 +1486,7 @@ if (false) {
     /** @type {?} */
     RADashboardArea.prototype.showEmptyDashboard;
     /** @type {?} */
-    RADashboardArea.prototype.isDashboardMgmnt;
+    RADashboardArea.prototype.isWidgetMgmnt;
     /** @type {?} */
     RADashboardArea.prototype.userDashboardId;
     /** @type {?} */