@schneideress/dashboardframework 0.0.39 → 0.0.41

package/fesm2015/schneideress-dashboardframework.js

@@ -578,8 +578,8 @@ class RADashboardArea {
         this.widgetList = Array();
         this.gridheight = 300;
         this.isWidgetLoaded = false;
-        this.widgetHeight = 50;
-        this.widgetWidth = 60;
+        this.widgetHeight = 30;
+        this.widgetWidth = 50;
     }
     /**
      * @return {?}
@@ -747,6 +747,7 @@ class RADashboardArea {
             dashboardId: userDashboarId.toString(),
             dashboardAreaKey: areaKey
         }));
+        areaContext.widgetList = [];
         this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
          * @param {?} widgets
          * @return {?}
@@ -833,11 +834,12 @@ class RADashboardArea {
         data.position_y = 0;
         /** @type {?} */
         let gridsterItem = this.mapObjectsToGridsterItem(data);
-        if (this.options.api) {
-            gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
-        }
-        data.position_x = gridsterItem.x;
-        data.position_y = gridsterItem.y;
+        /** to find the available position in gridster, temp commenting the code-returning higher y value than normal */
+        // if (this.options.api) {
+        //   gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
+        // }
+        // data.position_x = gridsterItem.x;
+        // data.position_y = gridsterItem.y;
         data.dashboardAreaKey = this.areaKey;
         data.dashboardId = this.userDashboardId;
         this.ngxService.start();
@@ -849,7 +851,13 @@ class RADashboardArea {
             gridsterItem = this.mapObjectsToGridsterItem(widget);
             this.widgetList.push(gridsterItem);
             this.setAreaHeight();
-            //this.ngxService.stop();
+            /**To save added widget position in db */
+            setTimeout((/**
+             * @return {?}
+             */
+            () => {
+                this.updateWidgets();
+            }), 1000);
         }));
     }
     /**
@@ -1187,7 +1195,7 @@ class RAWidgetContainer {
                  * @return {?}
                  */
                 () => __awaiter(this, void 0, void 0, /** @this {!RAWidgetContainer} */ function* () {
-                    console.log('widget initiate' + widgetInfo.widgetInstanceId);
+                    console.log('widget initiated' + widgetInfo.widgetInstanceId);
                     widgetContainer.isWidgetLoaded = true;
                     widgetConfigFilter.appConfig = this.appConfig;
                     widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
@@ -1256,7 +1264,7 @@ class RAWidgetContainer {
 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\">\r\n      <div style=\"display:flex\">\r\n        <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{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 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\" [style.height.px]=\"widgetHeight\">\r\n    <perfect-scrollbar [scrollIndicators]=\"true\">\r\n      <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>",
+                template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\">\r\n      <div style=\"display:flex\">\r\n        <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{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 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\" [style.height.px]=\"widgetHeight\">\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:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.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:1;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}"]
             }] }
 ];