@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
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
RaDashboardService.ctorParameters = function () { return [
|
|
424
424
|
{ type: core.Injector }
|
|
425
425
|
]; };
|
|
426
|
-
/** @nocollapse */ RaDashboardService
|
|
426
|
+
/** @nocollapse */ RaDashboardService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(core.ɵɵinject(core.INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
|
|
427
427
|
return RaDashboardService;
|
|
428
428
|
}(raCommon.BaseService));
|
|
429
429
|
if (false) {
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
providedIn: 'root'
|
|
545
545
|
},] }
|
|
546
546
|
];
|
|
547
|
-
/** @nocollapse */ RADashboardEventBus
|
|
547
|
+
/** @nocollapse */ RADashboardEventBus.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
|
|
548
548
|
return RADashboardEventBus;
|
|
549
549
|
}());
|
|
550
550
|
if (false) {
|
|
@@ -1550,6 +1550,16 @@
|
|
|
1550
1550
|
this.enableTitleLine = false;
|
|
1551
1551
|
this.toolTipValue = ' ';
|
|
1552
1552
|
this.toolTipWidth = '0px';
|
|
1553
|
+
this.editToolTipValue = '';
|
|
1554
|
+
this.copyToolTipValue = '';
|
|
1555
|
+
this.moveToolTipValue = '';
|
|
1556
|
+
this.excelToolTipValue = '';
|
|
1557
|
+
this.deleteToolTipValue = '';
|
|
1558
|
+
this.editText = '';
|
|
1559
|
+
this.copyText = '';
|
|
1560
|
+
this.moveText = '';
|
|
1561
|
+
this.excelText = '';
|
|
1562
|
+
this.deleteText = '';
|
|
1553
1563
|
this.widgetDeleted = new core.EventEmitter();
|
|
1554
1564
|
this.isNotConfigured = false;
|
|
1555
1565
|
this.lockVisible = false;
|
|
@@ -1829,6 +1839,16 @@
|
|
|
1829
1839
|
if (typeof (titleLineEnabled) != 'undefined') {
|
|
1830
1840
|
this.enableTitleLine = titleLineEnabled;
|
|
1831
1841
|
}
|
|
1842
|
+
this.editText = this.translateService.translate('Common.edit').length > 5 ? (this.translateService.translate('Common.edit').substring(0, 5) + '...') : this.translateService.translate('Common.edit');
|
|
1843
|
+
this.editToolTipValue = this.translateService.translate('Common.edit');
|
|
1844
|
+
this.copyText = this.translateService.translate('Common.copy').length > 5 ? (this.translateService.translate('Common.copy').substring(0, 5) + '...') : this.translateService.translate('Common.copy');
|
|
1845
|
+
this.copyToolTipValue = this.translateService.translate('Common.copy');
|
|
1846
|
+
this.moveText = this.translateService.translate('Common.move').length > 5 ? (this.translateService.translate('Common.move').substring(0, 5) + '...') : this.translateService.translate('Common.move');
|
|
1847
|
+
this.moveToolTipValue = this.translateService.translate('Common.move');
|
|
1848
|
+
this.excelText = this.translateService.translate('Common.excel').length > 5 ? (this.translateService.translate('Common.excel').substring(0, 5) + '...') : this.translateService.translate('Common.excel');
|
|
1849
|
+
this.excelToolTipValue = this.translateService.translate('Common.excel');
|
|
1850
|
+
this.deleteText = this.translateService.translate('Common.delete').length > 5 ? (this.translateService.translate('Common.delete').substring(0, 5) + '...') : this.translateService.translate('Common.delete');
|
|
1851
|
+
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
1832
1852
|
widgetContainer.isWidgetLoaded = true;
|
|
1833
1853
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1834
1854
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
@@ -2103,7 +2123,7 @@
|
|
|
2103
2123
|
RAWidgetContainer.decorators = [
|
|
2104
2124
|
{ type: core.Component, args: [{
|
|
2105
2125
|
selector: 'ra-widget-container',
|
|
2106
|
-
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
|
|
2126
|
+
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>",
|
|
2107
2127
|
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}"]
|
|
2108
2128
|
}] }
|
|
2109
2129
|
];
|
|
@@ -2186,6 +2206,26 @@
|
|
|
2186
2206
|
/** @type {?} */
|
|
2187
2207
|
RAWidgetContainer.prototype.lockTemplateInfo;
|
|
2188
2208
|
/** @type {?} */
|
|
2209
|
+
RAWidgetContainer.prototype.editToolTipValue;
|
|
2210
|
+
/** @type {?} */
|
|
2211
|
+
RAWidgetContainer.prototype.copyToolTipValue;
|
|
2212
|
+
/** @type {?} */
|
|
2213
|
+
RAWidgetContainer.prototype.moveToolTipValue;
|
|
2214
|
+
/** @type {?} */
|
|
2215
|
+
RAWidgetContainer.prototype.excelToolTipValue;
|
|
2216
|
+
/** @type {?} */
|
|
2217
|
+
RAWidgetContainer.prototype.deleteToolTipValue;
|
|
2218
|
+
/** @type {?} */
|
|
2219
|
+
RAWidgetContainer.prototype.editText;
|
|
2220
|
+
/** @type {?} */
|
|
2221
|
+
RAWidgetContainer.prototype.copyText;
|
|
2222
|
+
/** @type {?} */
|
|
2223
|
+
RAWidgetContainer.prototype.moveText;
|
|
2224
|
+
/** @type {?} */
|
|
2225
|
+
RAWidgetContainer.prototype.excelText;
|
|
2226
|
+
/** @type {?} */
|
|
2227
|
+
RAWidgetContainer.prototype.deleteText;
|
|
2228
|
+
/** @type {?} */
|
|
2189
2229
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2190
2230
|
/** @type {?} */
|
|
2191
2231
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -3522,7 +3562,7 @@
|
|
|
3522
3562
|
* @return {?}
|
|
3523
3563
|
*/
|
|
3524
3564
|
function (i) {
|
|
3525
|
-
return __assign(
|
|
3565
|
+
return __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' });
|
|
3526
3566
|
};
|
|
3527
3567
|
/**
|
|
3528
3568
|
* @param {?} i
|
|
@@ -3533,7 +3573,7 @@
|
|
|
3533
3573
|
* @return {?}
|
|
3534
3574
|
*/
|
|
3535
3575
|
function (i) {
|
|
3536
|
-
return __assign(
|
|
3576
|
+
return __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' });
|
|
3537
3577
|
};
|
|
3538
3578
|
/**
|
|
3539
3579
|
* @param {?} d
|