@schneideress/dashboardframework 0.0.107 → 0.0.108
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/schneideress-dashboardframework.umd.js +33 -6
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +28 -6
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +34 -7
- package/fesm2015/schneideress-dashboardframework.js +27 -5
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +33 -6
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +3 -0
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -1128,6 +1128,7 @@ class RAWidgetContainer {
|
|
|
1128
1128
|
this.toolTipValue = ' ';
|
|
1129
1129
|
this.toolTipWidth = '0px';
|
|
1130
1130
|
this.widgetDeleted = new EventEmitter();
|
|
1131
|
+
this.isNotConfigured = false;
|
|
1131
1132
|
this.lockVisible = false;
|
|
1132
1133
|
this.renderer.listen('window', 'click', (/**
|
|
1133
1134
|
* @param {?} e
|
|
@@ -1285,6 +1286,7 @@ class RAWidgetContainer {
|
|
|
1285
1286
|
* @return {?}
|
|
1286
1287
|
*/
|
|
1287
1288
|
() => {
|
|
1289
|
+
this.setNotConfiguredState(widgetInfo);
|
|
1288
1290
|
this.translateService.loadTranslations(this.appConfig.appManagementBaseUrl, this.data.widgetInfo.widgetName, false).then((/**
|
|
1289
1291
|
* @return {?}
|
|
1290
1292
|
*/
|
|
@@ -1299,15 +1301,15 @@ class RAWidgetContainer {
|
|
|
1299
1301
|
* @return {?}
|
|
1300
1302
|
*/
|
|
1301
1303
|
() => __awaiter(this, void 0, void 0, function* () {
|
|
1302
|
-
|
|
1304
|
+
widgetContainer.widgetElement.addEventListener('on-data-load', (/**
|
|
1303
1305
|
* @param {?} e
|
|
1304
1306
|
* @return {?}
|
|
1305
1307
|
*/
|
|
1306
1308
|
(e) => {
|
|
1307
1309
|
if (e.detail)
|
|
1308
|
-
|
|
1310
|
+
widgetContainer.showPanel = true;
|
|
1309
1311
|
else
|
|
1310
|
-
|
|
1312
|
+
widgetContainer.showPanel = false;
|
|
1311
1313
|
}));
|
|
1312
1314
|
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
1313
1315
|
* @param {?} e
|
|
@@ -1336,6 +1338,23 @@ class RAWidgetContainer {
|
|
|
1336
1338
|
}));
|
|
1337
1339
|
});
|
|
1338
1340
|
}
|
|
1341
|
+
/**
|
|
1342
|
+
* To set Default State for the widget when it is not configured
|
|
1343
|
+
* @param {?} widgetInfo
|
|
1344
|
+
* @return {?}
|
|
1345
|
+
*/
|
|
1346
|
+
setNotConfiguredState(widgetInfo) {
|
|
1347
|
+
console.log('in set not configured state');
|
|
1348
|
+
console.log(widgetInfo);
|
|
1349
|
+
/**Temp commit, will be reading data from db to check whether it needs default state */
|
|
1350
|
+
if ((widgetInfo.widgetId == 870 || widgetInfo.widgetId == 864) && (widgetInfo.widgetConfigInfo.config == "" || typeof (JSON.parse(widgetInfo.widgetConfigInfo.config).length) == 'undefined')) {
|
|
1351
|
+
this.isNotConfigured = true;
|
|
1352
|
+
}
|
|
1353
|
+
else {
|
|
1354
|
+
this.isNotConfigured = false;
|
|
1355
|
+
}
|
|
1356
|
+
console.log(this.isNotConfigured);
|
|
1357
|
+
}
|
|
1339
1358
|
/**
|
|
1340
1359
|
* To refresh widget on input config changes
|
|
1341
1360
|
* @param {?} widgetInfo
|
|
@@ -1343,6 +1362,7 @@ class RAWidgetContainer {
|
|
|
1343
1362
|
*/
|
|
1344
1363
|
refreshWidget(widgetInfo) {
|
|
1345
1364
|
return __awaiter(this, void 0, void 0, function* () {
|
|
1365
|
+
this.setNotConfiguredState(widgetInfo);
|
|
1346
1366
|
/** @type {?} */
|
|
1347
1367
|
let widgetContainerContext = this;
|
|
1348
1368
|
/** @type {?} */
|
|
@@ -1488,8 +1508,8 @@ class RAWidgetContainer {
|
|
|
1488
1508
|
RAWidgetContainer.decorators = [
|
|
1489
1509
|
{ type: Component, args: [{
|
|
1490
1510
|
selector: 'ra-widget-container',
|
|
1491
|
-
template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\"
|
|
1492
|
-
styles: [".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:#
|
|
1511
|
+
template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isNotConfigured}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\" [ngClass]=\"{'lockInvisible': lockVisible}\">\r\n <!-- <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fal fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n (click)=\"downloadClicked()\"></i>\r\n <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'SVG'|translate}}</span>\r\n </a>\r\n </div>\r\n </div> -->\r\n <ra-tooltip [value]=\"lockTitle\" [width]=\"'300px'\">\r\n <div class=\"title-bar-lock-icon\" style=\"margin-right: 12px;\">\r\n <i [ngClass]=\"lockClass\"></i>\r\n\r\n </div>\r\n </ra-tooltip>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fal fa-ellipsis-v\" (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n \r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">{{'Common.settings'|translate}}</div>\r\n \r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Common.edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Common.copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Common.move'|translate}}</span>\r\n </a>\r\n <a >\r\n <i style=\"padding-left: 4px;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 16px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\">{{'Common.downloads'|translate}}</span>\r\n <a style=\"padding-top: 10px;\" (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|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;color: red;\"></i>\r\n <span>{{'Common.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 [hidden]=\"isNotConfigured\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isNotConfigured\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n <div [hidden]=\"!isNotConfigured\" class=\"defaultConfig\">\r\n <div class=\"button\" (click)=\"editWidget()\">\r\n <span class=\"editIcon\"><i class=\"fal fa-edit\"></i></span><span class=\"text\">Configure Widget</span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1512
|
+
styles: [".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:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;height:334px;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{background:no-repeat padding-box #ededed;height:100%}.defaultConfig .button{width:25%;float:left;position:relative;top:46%;left:36%;height:34px;color:#fff;background:no-repeat padding-box #3dcd58}.defaultConfig .button span{position:relative;float:left;top:23%;height:50%}.defaultConfig .button .editIcon{width:20%;text-align:center}.defaultConfig .button .text{width:80%}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;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}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-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-weight:400}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
|
|
1493
1513
|
}] }
|
|
1494
1514
|
];
|
|
1495
1515
|
/** @nocollapse */
|
|
@@ -1589,6 +1609,8 @@ if (false) {
|
|
|
1589
1609
|
/** @type {?} */
|
|
1590
1610
|
RAWidgetContainer.prototype.lockTitle;
|
|
1591
1611
|
/** @type {?} */
|
|
1612
|
+
RAWidgetContainer.prototype.isNotConfigured;
|
|
1613
|
+
/** @type {?} */
|
|
1592
1614
|
RAWidgetContainer.prototype.domResized;
|
|
1593
1615
|
/** @type {?} */
|
|
1594
1616
|
RAWidgetContainer.prototype.lockVisible;
|