@schneideress/dashboardframework 0.0.272 → 0.0.274

package/fesm5/schneideress-dashboardframework.js

@@ -523,6 +523,9 @@ var RADashboardArea = /** @class */ (function () {
             };
         }
     };
+    RADashboardArea.prototype.widgetLoaded = function (widget) {
+        widget.canLoadData = true;
+    };
     /** To initiate eventbus subsctiptions */
     RADashboardArea.prototype.inititateEventBusSubscritions = function () {
         var _this = this;
@@ -636,7 +639,8 @@ var RADashboardArea = /** @class */ (function () {
         var _this = this;
         if (this.templateConfig && this.templateConfig.initialWidgetCount)
             this.initialWidgetCount = this.templateConfig.initialWidgetCount;
-        if (location.href.indexOf('loadAllWidgets') > -1)
+        window.scrollTo(0, 0);
+        if (location.href.indexOf('/kiosk/') > -1)
             this.initialWidgetCount = 1000;
         this.currentLoadedIndex = 0;
         this.loading = false;
@@ -669,6 +673,7 @@ var RADashboardArea = /** @class */ (function () {
         });
     };
     RADashboardArea.prototype.loadWidgetsDelta = function () {
+        var _this = this;
         var _a;
         if (!this.loading) {
             this.loading = true;
@@ -676,7 +681,9 @@ var RADashboardArea = /** @class */ (function () {
             this.currentLoadedIndex += this.initialWidgetCount;
             (_a = this.widgetList).push.apply(_a, __spread(widgets));
             this.setAreaHeight();
-            this.loading = false;
+            setTimeout(function () {
+                _this.loading = false;
+            });
         }
     };
     RADashboardArea.prototype.dataLoaded = function (widgetElement) {
@@ -818,7 +825,8 @@ var RADashboardArea = /** @class */ (function () {
         this.ngxService.start();
         this.dashboardService.addWidget(data, this.appConfig).subscribe(function (widget) {
             _this.userWidgets.push(widget);
-            if (_this.currentLoadedIndex >= _this.userWidgets.length) {
+            if (_this.currentLoadedIndex >= (_this.userWidgets.length - 1)) {
+                _this.currentLoadedIndex++;
                 var gridsterItem = _this.responsiveService.getGridsterItem(widget);
                 _this.widgetList.push(gridsterItem);
                 _this.setAreaHeight();
@@ -872,7 +880,8 @@ var RADashboardArea = /** @class */ (function () {
             });
         }
         this.userWidgets.push(data);
-        if (this.currentLoadedIndex >= this.userWidgets.length) {
+        if (this.currentLoadedIndex >= (this.userWidgets.length - 1)) {
+            this.currentLoadedIndex++;
             var gridsterItem = this.responsiveService.getGridsterItem(data);
             this.widgetList.push(gridsterItem);
             this.setAreaHeight();
@@ -985,7 +994,7 @@ var RADashboardArea = /** @class */ (function () {
     RADashboardArea = __decorate([
         Component({
             selector: 'ra-dashboard-area',
-            template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\"\r\n  [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 (dataLoaded)=\"dataLoaded($event)\"\r\n        [bulk-action-data]=\"bulkActionData\" [dashboard-info]=\"dashboardInfo\" [app-config]=\"appConfig\"\r\n        [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\"\r\n        [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"\r\n        [dom-resized]=\"domResized\" (updateAppliedFilters)=\"updateAppliedFilters($event)\">\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=\"empty-prefix\">\r\n        <!-- <i class=\"fal fa-edit edit-icon\"></i> -->\r\n        <span>{{emptyDashboardTitle}}</span>\r\n      </div>\r\n      <hr class=\"horizontalLine-solid\" />\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{emptyDashboardMsg1}} <br />\r\n            {{emptyDashboardMsg2}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm dashboard-button light\" (click)=\"buttonClick()\">\r\n            <i class=\"{{emptyDashboardButtonIcon}}\"></i>{{emptyDashboardButtonText}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>\r\n<div #divBottom></div>",
+            template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\"\r\n  [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 (widgetLoaded)=\"widgetLoaded(item)\" [canLoadData]=\"item.canLoadData\" (dataLoaded)=\"dataLoaded($event)\"\r\n        [bulk-action-data]=\"bulkActionData\" [dashboard-info]=\"dashboardInfo\" [app-config]=\"appConfig\"\r\n        [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\"\r\n        [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"\r\n        [dom-resized]=\"domResized\" (updateAppliedFilters)=\"updateAppliedFilters($event)\">\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=\"empty-prefix\">\r\n        <!-- <i class=\"fal fa-edit edit-icon\"></i> -->\r\n        <span>{{emptyDashboardTitle}}</span>\r\n      </div>\r\n      <hr class=\"horizontalLine-solid\" />\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{emptyDashboardMsg1}} <br />\r\n            {{emptyDashboardMsg2}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm dashboard-button light\" (click)=\"buttonClick()\">\r\n            <i class=\"{{emptyDashboardButtonIcon}}\"></i>{{emptyDashboardButtonText}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>\r\n<div #divBottom></div>",
             styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#fff;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;user-select:text;box-shadow:none}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)!important}@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:15px 0;background-color:#fff;display:flex}.empty-wrapper{background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:18px;padding:15px}.empty-content{color:#626469;width:100%;padding:15px}.empty-msg{padding:0 0 15px;font-size:16px}.horizontalLine-solid{border-top:1px solid #cbcbcb;margin:0 15px}.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:15px 0;background-color:#fff;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:15px}.empty-content{color:#333;display:flex;padding:15px}.empty-msg{padding:0 0 15px;font-size:14px}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
         }),
         __metadata("design:paramtypes", [RaDashboardService,
@@ -1089,6 +1098,7 @@ var RAWidgetContainer = /** @class */ (function () {
         this.showExcell = true;
         this.hideTitle = false;
         this.inapplicableFilters = [];
+        this.canLoadData = false;
         this.widgetDeleted = new EventEmitter();
         this.updateAppliedFilters = new EventEmitter();
         this.dataLoaded = new EventEmitter();
@@ -1161,6 +1171,10 @@ var RAWidgetContainer = /** @class */ (function () {
                 this.invokeWidgetResizedEvent();
             }
         }
+        if (changes.canLoadData && changes.canLoadData.currentValue != changes.canLoadData.previousValue) {
+            if (this.canLoadData)
+                this.refreshWidget(this.data.widgetInfo);
+        }
     };
     RAWidgetContainer.prototype.invokeWidgetResizedEvent = function () {
         if (this.widgetElement) {
@@ -1428,7 +1442,7 @@ var RAWidgetContainer = /** @class */ (function () {
                                             widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                                             widgetConfigFilter.globalFilter = this.globalFilter;
                                             widgetConfigFilter.dashboardInfo = me.dashboardInfo;
-                                            this.widgetElement.loadContent(widgetConfigFilter);
+                                            //this.widgetElement.loadContent(widgetConfigFilter);
                                             this.widgetLoaded.emit();
                                             return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
                                         case 1:
@@ -1512,7 +1526,8 @@ var RAWidgetContainer = /** @class */ (function () {
                             globalFilter: this.globalFilter,
                             appConfig: this.appConfig,
                             widgetInfo: widgetInfo,
-                            configChanges: this.getConfigChanges(configChanged)
+                            configChanges: this.getConfigChanges(configChanged),
+                            dashboardInfo: this.dashboardInfo
                         };
                         if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 3];
                         if (this.widgetElement && typeof (this.widgetElement.setConfigFilter) == 'function') {
@@ -1907,6 +1922,10 @@ var RAWidgetContainer = /** @class */ (function () {
         Input('bulk-action-data'),
         __metadata("design:type", Object)
     ], RAWidgetContainer.prototype, "bulkActionData", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], RAWidgetContainer.prototype, "canLoadData", void 0);
     __decorate([
         Output(),
         __metadata("design:type", Object)