@schneideress/dashboardframework 0.0.202 → 0.0.204

package/bundles/schneideress-dashboardframework.umd.js

@@ -761,37 +761,38 @@
             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
@@ -940,7 +941,7 @@
             this.isWidgetLoaded = false;
             this.domResized = false;
             this.showEmptyDashboard = false;
-            this.isDashboardMgmnt = false;
+            this.isWidgetMgmnt = false;
             this.widgetHeight = 2;
             this.widgetWidth = 4;
             this.hideDashboardBanner = new core.EventEmitter();
@@ -953,6 +954,7 @@
          */
         function () {
             var _this = this;
+            this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
             this.initiateGridsterConfig();
             this.responsiveService.resized.subscribe((/**
              * @return {?}
@@ -990,7 +992,7 @@
          * @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);
@@ -1011,7 +1013,7 @@
         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 {?}
@@ -1617,7 +1619,7 @@
         RADashboardArea.decorators = [
             { type: core.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}}"]
                     }] }
         ];
@@ -1690,7 +1692,7 @@
         /** @type {?} */
         RADashboardArea.prototype.showEmptyDashboard;
         /** @type {?} */
-        RADashboardArea.prototype.isDashboardMgmnt;
+        RADashboardArea.prototype.isWidgetMgmnt;
         /** @type {?} */
         RADashboardArea.prototype.userDashboardId;
         /** @type {?} */