@schneideress/dashboardframework 0.0.53 → 0.0.55

package/fesm2015/schneideress-dashboardframework.js

@@ -511,18 +511,18 @@ const GridsterConfigDefaultSettings = {
     // outerMarginLeft: 10,
     useTransformPositioning: true,
     mobileBreakpoint: 640,
-    minCols: 100,
-    maxCols: 100,
-    minRows: 20,
-    maxRows: 2000,
-    maxItemCols: 100,
-    minItemCols: 20,
-    maxItemRows: 100,
-    minItemRows: 20,
-    maxItemArea: 250000,
-    minItemArea: 400,
-    defaultItemCols: 20,
-    defaultItemRows: 20,
+    minCols: 10,
+    maxCols: 10,
+    minRows: 2,
+    maxRows: 100,
+    maxItemCols: 10,
+    minItemCols: 2,
+    maxItemRows: 1000,
+    minItemRows: 2,
+    maxItemArea: 1000,
+    minItemArea: 4,
+    defaultItemCols: 2,
+    defaultItemRows: 2,
     // fixedColWidth: 105,
     // fixedRowHeight: 105,
     keepFixedHeightInMobile: false,
@@ -545,12 +545,12 @@ const GridsterConfigDefaultSettings = {
         enabled: true,
     },
     swap: true,
-    pushItems: false,
+    pushItems: true,
     disablePushOnDrag: true,
     disablePushOnResize: false,
     pushDirections: { north: true, east: true, south: true, west: true },
     pushResizeItems: true,
-    displayGrid: DisplayGrid.OnDragAndResize,
+    displayGrid: DisplayGrid.None,
     disableWindowResize: false,
     disableWarnings: false,
     scrollToNewItems: true,
@@ -578,8 +578,8 @@ class RADashboardArea {
         this.widgetList = Array();
         this.gridheight = 300;
         this.isWidgetLoaded = false;
-        this.widgetHeight = 30;
-        this.widgetWidth = 50;
+        this.widgetHeight = 3;
+        this.widgetWidth = 5;
     }
     /**
      * @return {?}
@@ -617,6 +617,8 @@ class RADashboardArea {
             areaContext.setAreaHeight();
             areaContext.updateWidgets();
         });
+        console.log('gridster options are');
+        console.log(this.options);
     }
     /**
      * To initiate eventbus subsctiptions
@@ -789,7 +791,7 @@ class RADashboardArea {
             t.widgetInfo.rowHeight = curRowHeight;
         }));
         if (this.options.api) {
-            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
+            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 5;
         }
         if (areaHeight < 600) {
             areaHeight = 600;
@@ -815,7 +817,7 @@ class RADashboardArea {
             this.widgetList.splice(this.widgetList.indexOf(widget[0]), 1);
             this.setAreaHeight();
             if (!isalertDisabled) {
-                this.notifier.notify('success', " " + this.translateService.translate('Widget') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('DeletedSuccesfully') + " ");
+                this.notifier.notify('success', " " + this.translateService.translate('Widget') + " " + widget[0].widgetInfo.widgetTitle + " " + this.translateService.translate('DeletedSuccesfully') + " ");
             }
             this.options.compactType = 'compactLeft&Up';
             this.options.api.optionsChanged();
@@ -1283,7 +1285,7 @@ RAWidgetContainer.decorators = [
     { type: Component, args: [{
                 selector: 'ra-widget-container',
                 template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;\">\r\n      <div style=\"display:flex\">\r\n        <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;padding-left: 0px;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"cursor:default;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div *ngIf=\"isDownloadIconVisible\"> <i class=\"far fa-download\" (click)=\"downloadClicked\"></i></div>\r\n            <div class=\"pr-3\"><i [ngClass]=\"lockClass\"\r\n                [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn gearIcon\"> <i class=\"fal fa-cog\"></i></div>\r\n              <div class=\"dropdown-content widget-config-item\">\r\n                <a (click)=\"editWidget()\">\r\n                  <i class=\"fal fa-edit\"></i>\r\n                  <span>{{'Edit'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <i class=\"fal fa-copy\"></i>\r\n                  <span>{{'Copy'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <i class=\"fal fa-arrows-alt\"></i>\r\n                  <span>{{'Move'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">\r\n                  <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n                  <span>{{'Delete'|translate}}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" >\r\n    <perfect-scrollbar [scrollIndicators]=\"true\">\r\n      <div #ctlWidget></div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>",
-                styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
+                styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:10px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
             }] }
 ];
 /** @nocollapse */
@@ -5822,7 +5824,7 @@ GridsterPreviewComponent.decorators = [
                 selector: 'gridster-preview',
                 template: '',
                 encapsulation: ViewEncapsulation.None,
-                styles: ["gridster-preview{position:absolute;display:none;background:#ccc}"]
+                styles: ["gridster-preview{position:absolute;display:none;background:#42b4e6}"]
             }] }
 ];
 /** @nocollapse */