@schneideress/dashboardframework 0.0.124 → 0.0.126
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 +45 -5
- 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/gridster/lib/gridsterRenderer.service.js +3 -3
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +49 -9
- package/esm2015/lib/ra.dashbard.event.bus.js +1 -1
- package/esm2015/lib/ra.dashboard.service.js +1 -1
- package/esm5/gridster/lib/gridsterRenderer.service.js +4 -4
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +55 -15
- package/esm5/lib/ra.dashbard.event.bus.js +1 -1
- package/esm5/lib/ra.dashboard.service.js +4 -4
- package/fesm2015/schneideress-dashboardframework.js +45 -5
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +45 -5
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +11 -1
- package/lib/ra.dashboard.service.d.ts +1 -1
- package/package.json +5 -2
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -144,7 +144,7 @@ RaDashboardService.decorators = [
|
|
|
144
144
|
RaDashboardService.ctorParameters = () => [
|
|
145
145
|
{ type: Injector }
|
|
146
146
|
];
|
|
147
|
-
/** @nocollapse */ RaDashboardService
|
|
147
|
+
/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
|
|
148
148
|
if (false) {
|
|
149
149
|
/**
|
|
150
150
|
* @type {?}
|
|
@@ -226,7 +226,7 @@ RADashboardEventBus.decorators = [
|
|
|
226
226
|
providedIn: 'root'
|
|
227
227
|
},] }
|
|
228
228
|
];
|
|
229
|
-
/** @nocollapse */ RADashboardEventBus
|
|
229
|
+
/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
|
|
230
230
|
if (false) {
|
|
231
231
|
/**
|
|
232
232
|
* @type {?}
|
|
@@ -1131,6 +1131,16 @@ class RAWidgetContainer {
|
|
|
1131
1131
|
this.enableTitleLine = false;
|
|
1132
1132
|
this.toolTipValue = ' ';
|
|
1133
1133
|
this.toolTipWidth = '0px';
|
|
1134
|
+
this.editToolTipValue = '';
|
|
1135
|
+
this.copyToolTipValue = '';
|
|
1136
|
+
this.moveToolTipValue = '';
|
|
1137
|
+
this.excelToolTipValue = '';
|
|
1138
|
+
this.deleteToolTipValue = '';
|
|
1139
|
+
this.editText = '';
|
|
1140
|
+
this.copyText = '';
|
|
1141
|
+
this.moveText = '';
|
|
1142
|
+
this.excelText = '';
|
|
1143
|
+
this.deleteText = '';
|
|
1134
1144
|
this.widgetDeleted = new EventEmitter();
|
|
1135
1145
|
this.isNotConfigured = false;
|
|
1136
1146
|
this.lockVisible = false;
|
|
@@ -1348,6 +1358,16 @@ class RAWidgetContainer {
|
|
|
1348
1358
|
if (typeof (titleLineEnabled) != 'undefined') {
|
|
1349
1359
|
this.enableTitleLine = titleLineEnabled;
|
|
1350
1360
|
}
|
|
1361
|
+
this.editText = this.translateService.translate('Common.edit').length > 5 ? (this.translateService.translate('Common.edit').substring(0, 5) + '...') : this.translateService.translate('Common.edit');
|
|
1362
|
+
this.editToolTipValue = this.translateService.translate('Common.edit');
|
|
1363
|
+
this.copyText = this.translateService.translate('Common.copy').length > 5 ? (this.translateService.translate('Common.copy').substring(0, 5) + '...') : this.translateService.translate('Common.copy');
|
|
1364
|
+
this.copyToolTipValue = this.translateService.translate('Common.copy');
|
|
1365
|
+
this.moveText = this.translateService.translate('Common.move').length > 5 ? (this.translateService.translate('Common.move').substring(0, 5) + '...') : this.translateService.translate('Common.move');
|
|
1366
|
+
this.moveToolTipValue = this.translateService.translate('Common.move');
|
|
1367
|
+
this.excelText = this.translateService.translate('Common.excel').length > 5 ? (this.translateService.translate('Common.excel').substring(0, 5) + '...') : this.translateService.translate('Common.excel');
|
|
1368
|
+
this.excelToolTipValue = this.translateService.translate('Common.excel');
|
|
1369
|
+
this.deleteText = this.translateService.translate('Common.delete').length > 5 ? (this.translateService.translate('Common.delete').substring(0, 5) + '...') : this.translateService.translate('Common.delete');
|
|
1370
|
+
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
1351
1371
|
widgetContainer.isWidgetLoaded = true;
|
|
1352
1372
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1353
1373
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
@@ -1529,7 +1549,7 @@ class RAWidgetContainer {
|
|
|
1529
1549
|
RAWidgetContainer.decorators = [
|
|
1530
1550
|
{ type: Component, args: [{
|
|
1531
1551
|
selector: 'ra-widget-container',
|
|
1532
|
-
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;\">\r\n\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.lockedfields'|translate}}\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\" style=\"width:10px;\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\"\r\n [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'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
|
|
1552
|
+
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;\">\r\n\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.lockedfields'|translate}}\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\" style=\"width:10px;\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\"\r\n [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <ra-tooltip [value]=\"editToolTipValue\" [width]=\"'300px'\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"'300px'\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"'300px'\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 11px;margin-top: 2px;\">{{'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;\"\r\n *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n <a (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 </div>\r\n <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n <a (click)=\"downloadIconClicked('CSV')\">\r\n <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"'300px'\">\r\n <i class=\"fal fa-download\"></i>\r\n <span>{{excelText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"'300px'\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{deleteText}}</span>\r\n </ra-tooltip>\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=\"contentarea\">\r\n <div class=\"textarea light\">\r\n <span class=\"icon\"><i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i></span>\r\n <span class=\"text\">{{'Common.configureinfo'|translate}}</span>\r\n </div>\r\n <div class=\"button\" (click)=\"editWidget()\">\r\n <div class=\"configuretext\">\r\n {{'Common.configurewidget'|translate}}\r\n </div>\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</div>",
|
|
1533
1553
|
styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative;width:100%}.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;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:flex;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;color:#32ad3c;height:100%;float:left}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.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}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.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 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}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
|
|
1534
1554
|
}] }
|
|
1535
1555
|
];
|
|
@@ -1610,6 +1630,26 @@ if (false) {
|
|
|
1610
1630
|
/** @type {?} */
|
|
1611
1631
|
RAWidgetContainer.prototype.lockTemplateInfo;
|
|
1612
1632
|
/** @type {?} */
|
|
1633
|
+
RAWidgetContainer.prototype.editToolTipValue;
|
|
1634
|
+
/** @type {?} */
|
|
1635
|
+
RAWidgetContainer.prototype.copyToolTipValue;
|
|
1636
|
+
/** @type {?} */
|
|
1637
|
+
RAWidgetContainer.prototype.moveToolTipValue;
|
|
1638
|
+
/** @type {?} */
|
|
1639
|
+
RAWidgetContainer.prototype.excelToolTipValue;
|
|
1640
|
+
/** @type {?} */
|
|
1641
|
+
RAWidgetContainer.prototype.deleteToolTipValue;
|
|
1642
|
+
/** @type {?} */
|
|
1643
|
+
RAWidgetContainer.prototype.editText;
|
|
1644
|
+
/** @type {?} */
|
|
1645
|
+
RAWidgetContainer.prototype.copyText;
|
|
1646
|
+
/** @type {?} */
|
|
1647
|
+
RAWidgetContainer.prototype.moveText;
|
|
1648
|
+
/** @type {?} */
|
|
1649
|
+
RAWidgetContainer.prototype.excelText;
|
|
1650
|
+
/** @type {?} */
|
|
1651
|
+
RAWidgetContainer.prototype.deleteText;
|
|
1652
|
+
/** @type {?} */
|
|
1613
1653
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1614
1654
|
/** @type {?} */
|
|
1615
1655
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2819,14 +2859,14 @@ class GridsterRenderer {
|
|
|
2819
2859
|
* @return {?}
|
|
2820
2860
|
*/
|
|
2821
2861
|
getGridColumnStyle(i) {
|
|
2822
|
-
return Object.assign(
|
|
2862
|
+
return Object.assign({}, this.getLeftPosition(this.gridster.curColWidth * i), { width: this.gridster.curColWidth - this.gridster.$options.margin + 'px', height: this.gridster.gridRows.length * this.gridster.curRowHeight - this.gridster.$options.margin + 'px' });
|
|
2823
2863
|
}
|
|
2824
2864
|
/**
|
|
2825
2865
|
* @param {?} i
|
|
2826
2866
|
* @return {?}
|
|
2827
2867
|
*/
|
|
2828
2868
|
getGridRowStyle(i) {
|
|
2829
|
-
return Object.assign(
|
|
2869
|
+
return Object.assign({}, this.getTopPosition(this.gridster.curRowHeight * i), { width: this.gridster.gridColumns.length * this.gridster.curColWidth - this.gridster.$options.margin + 'px', height: this.gridster.curRowHeight - this.gridster.$options.margin + 'px' });
|
|
2830
2870
|
}
|
|
2831
2871
|
/**
|
|
2832
2872
|
* @param {?} d
|