@schneideress/dashboardframework 0.0.27 → 0.0.29

package/fesm5/schneideress-dashboardframework.js

@@ -592,17 +592,57 @@ var RADashboardArea = /** @class */ (function () {
              */
             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 {?}
      */
@@ -730,7 +770,7 @@ var RADashboardArea = /** @class */ (function () {
             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') + " ");
             }
         }
     };
@@ -940,7 +980,6 @@ var RAWidgetContainer = /** @class */ (function () {
              * @return {?}
              */
             function (e) {
-                console.log('in config changed subscription');
                 _this.ngZone.run((/**
                  * @return {?}
                  */
@@ -1054,20 +1093,8 @@ var RAWidgetContainer = /** @class */ (function () {
      */
     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*/
     /**
@@ -1099,6 +1126,7 @@ var RAWidgetContainer = /** @class */ (function () {
              * @return {?}
              */
             function () {
+                console.log('widget initialized ' + widgetInfo.widgetInstanceId);
                 widgetConfigFilter.appConfig = _this.appConfig;
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
@@ -1133,7 +1161,7 @@ var RAWidgetContainer = /** @class */ (function () {
     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 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}"]
                 }] }
     ];
@@ -5717,7 +5745,8 @@ var DashboardFrameworkModule = /** @class */ (function () {
                         NotifierModule.withConfig(customNotifierOptions)
                     ],
                     exports: [
-                        RADashboardArea
+                        RADashboardArea,
+                        TranslateModule
                     ],
                     providers: [],
                     bootstrap: [RADashboardArea]
@@ -5787,15 +5816,5 @@ var RaBaseDashboardFilter = /** @class */ (function () {
     return RaBaseDashboardFilter;
 }());
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
 export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
 //# sourceMappingURL=schneideress-dashboardframework.js.map