@schneideress/dashboardframework 0.0.27 → 0.0.29

package/bundles/schneideress-dashboardframework.umd.js

@@ -626,17 +626,57 @@
                  */
                 function () {
                     if (widgetList) {
-                        widgetList.forEach((/**
-                         * @param {?} widgetInfo
-                         * @return {?}
-                         */
-                        function (widgetInfo) {
-                            _this.addWidget(widgetInfo);
-                        }));
+                        // widgetList.forEach(widgetInfo => {
+                        //   this.addWidget(widgetInfo);
+                        // });
+                        _this.addWidgetListToGridster(widgetList, 0);
                     }
                 }));
             }));
         };
+        /**
+         * temp fix- recursive method to iterate over the list of items
+         * and add them to gridster in the given order
+         * @param widgetList  -list of widgets
+         * @param index -index of the current value to be added
+         */
+        /**
+         * temp fix- recursive method to iterate over the list of items
+         * and add them to gridster in the given order
+         * @param {?} widgetList  -list of widgets
+         * @param {?} index -index of the current value to be added
+         * @return {?}
+         */
+        RADashboardArea.prototype.addWidgetListToGridster = /**
+         * temp fix- recursive method to iterate over the list of items
+         * and add them to gridster in the given order
+         * @param {?} widgetList  -list of widgets
+         * @param {?} index -index of the current value to be added
+         * @return {?}
+         */
+        function (widgetList, index) {
+            /** @type {?} */
+            var areaContext = this;
+            /** @type {?} */
+            var indexVal = index + 1;
+            if (index > widgetList.length - 1)
+                return;
+            else {
+                if (index == 0) {
+                    areaContext.addWidget(widgetList[index]);
+                    areaContext.addWidgetListToGridster(widgetList, indexVal);
+                }
+                else {
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        areaContext.addWidget(widgetList[index]);
+                        areaContext.addWidgetListToGridster(widgetList, indexVal);
+                    }), 1000);
+                }
+            }
+        };
         /**
          * @return {?}
          */
@@ -764,7 +804,7 @@
                 this.widgetList.splice(this.widgetList.indexOf(widget[0]), 1);
                 this.setAreaHeight();
                 if (!isalertDisabled) {
-                    this.notifier.notify('success', " " + this.translateService.translate('DeletedSuccesfully') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('Widget') + " ");
+                    this.notifier.notify('success', " " + this.translateService.translate('Widget') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('DeletedSuccesfully') + " ");
                 }
             }
         };
@@ -974,7 +1014,6 @@
                  * @return {?}
                  */
                 function (e) {
-                    console.log('in config changed subscription');
                     _this.ngZone.run((/**
                      * @return {?}
                      */
@@ -1088,20 +1127,8 @@
          */
         function (widgetInfo) {
             this.data.widgetInfo = widgetInfo;
-            // this.data.widgetInfo.widgetConfigInfo.config = config;    
             this.refreshWidget(this.data.widgetInfo);
-            this.updateWidget(this.data.widgetInfo);
-        };
-        /**
-         * @param {?} widgetInfo
-         * @return {?}
-         */
-        RAWidgetContainer.prototype.updateWidget = /**
-         * @param {?} widgetInfo
-         * @return {?}
-         */
-        function (widgetInfo) {
-            this.dashboardService.updateWidget(widgetInfo, this.appConfig);
+            // this.updateWidget(widgetInfo);
         };
         /**  To load external custom element to the widget container*/
         /**
@@ -1133,6 +1160,7 @@
                  * @return {?}
                  */
                 function () {
+                    console.log('widget initialized ' + widgetInfo.widgetInstanceId);
                     widgetConfigFilter.appConfig = _this.appConfig;
                     widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                     widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
@@ -1167,7 +1195,7 @@
         RAWidgetContainer.decorators = [
             { type: core.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 class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\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</span>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <i class=\"fal fa-copy\"></i>\r\n                  <span>Copy</span>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <i class=\"fal fa-arrows-alt\"></i>\r\n                  <span>Move</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</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    <div class=\"wcBodyBorder\" #ctlWidget></div>\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 class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\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    <div class=\"wcBodyBorder\" #ctlWidget></div>\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}"]
                     }] }
         ];
@@ -5751,7 +5779,8 @@
                             angularNotifier.NotifierModule.withConfig(customNotifierOptions)
                         ],
                         exports: [
-                            RADashboardArea
+                            RADashboardArea,
+                            essBase.TranslateModule
                         ],
                         providers: [],
                         bootstrap: [RADashboardArea]