@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
|
@@ -217,7 +217,7 @@ var RaDashboardService = /** @class */ (function (_super) {
|
|
|
217
217
|
RaDashboardService.ctorParameters = function () { return [
|
|
218
218
|
{ type: Injector }
|
|
219
219
|
]; };
|
|
220
|
-
/** @nocollapse */ RaDashboardService
|
|
220
|
+
/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
|
|
221
221
|
return RaDashboardService;
|
|
222
222
|
}(BaseService));
|
|
223
223
|
if (false) {
|
|
@@ -338,7 +338,7 @@ var RADashboardEventBus = /** @class */ (function () {
|
|
|
338
338
|
providedIn: 'root'
|
|
339
339
|
},] }
|
|
340
340
|
];
|
|
341
|
-
/** @nocollapse */ RADashboardEventBus
|
|
341
|
+
/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
|
|
342
342
|
return RADashboardEventBus;
|
|
343
343
|
}());
|
|
344
344
|
if (false) {
|
|
@@ -1344,6 +1344,16 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1344
1344
|
this.enableTitleLine = false;
|
|
1345
1345
|
this.toolTipValue = ' ';
|
|
1346
1346
|
this.toolTipWidth = '0px';
|
|
1347
|
+
this.editToolTipValue = '';
|
|
1348
|
+
this.copyToolTipValue = '';
|
|
1349
|
+
this.moveToolTipValue = '';
|
|
1350
|
+
this.excelToolTipValue = '';
|
|
1351
|
+
this.deleteToolTipValue = '';
|
|
1352
|
+
this.editText = '';
|
|
1353
|
+
this.copyText = '';
|
|
1354
|
+
this.moveText = '';
|
|
1355
|
+
this.excelText = '';
|
|
1356
|
+
this.deleteText = '';
|
|
1347
1357
|
this.widgetDeleted = new EventEmitter();
|
|
1348
1358
|
this.isNotConfigured = false;
|
|
1349
1359
|
this.lockVisible = false;
|
|
@@ -1623,6 +1633,16 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1623
1633
|
if (typeof (titleLineEnabled) != 'undefined') {
|
|
1624
1634
|
this.enableTitleLine = titleLineEnabled;
|
|
1625
1635
|
}
|
|
1636
|
+
this.editText = this.translateService.translate('Common.edit').length > 5 ? (this.translateService.translate('Common.edit').substring(0, 5) + '...') : this.translateService.translate('Common.edit');
|
|
1637
|
+
this.editToolTipValue = this.translateService.translate('Common.edit');
|
|
1638
|
+
this.copyText = this.translateService.translate('Common.copy').length > 5 ? (this.translateService.translate('Common.copy').substring(0, 5) + '...') : this.translateService.translate('Common.copy');
|
|
1639
|
+
this.copyToolTipValue = this.translateService.translate('Common.copy');
|
|
1640
|
+
this.moveText = this.translateService.translate('Common.move').length > 5 ? (this.translateService.translate('Common.move').substring(0, 5) + '...') : this.translateService.translate('Common.move');
|
|
1641
|
+
this.moveToolTipValue = this.translateService.translate('Common.move');
|
|
1642
|
+
this.excelText = this.translateService.translate('Common.excel').length > 5 ? (this.translateService.translate('Common.excel').substring(0, 5) + '...') : this.translateService.translate('Common.excel');
|
|
1643
|
+
this.excelToolTipValue = this.translateService.translate('Common.excel');
|
|
1644
|
+
this.deleteText = this.translateService.translate('Common.delete').length > 5 ? (this.translateService.translate('Common.delete').substring(0, 5) + '...') : this.translateService.translate('Common.delete');
|
|
1645
|
+
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
1626
1646
|
widgetContainer.isWidgetLoaded = true;
|
|
1627
1647
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1628
1648
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
@@ -1897,7 +1917,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1897
1917
|
RAWidgetContainer.decorators = [
|
|
1898
1918
|
{ type: Component, args: [{
|
|
1899
1919
|
selector: 'ra-widget-container',
|
|
1900
|
-
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
|
|
1920
|
+
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>",
|
|
1901
1921
|
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}"]
|
|
1902
1922
|
}] }
|
|
1903
1923
|
];
|
|
@@ -1980,6 +2000,26 @@ if (false) {
|
|
|
1980
2000
|
/** @type {?} */
|
|
1981
2001
|
RAWidgetContainer.prototype.lockTemplateInfo;
|
|
1982
2002
|
/** @type {?} */
|
|
2003
|
+
RAWidgetContainer.prototype.editToolTipValue;
|
|
2004
|
+
/** @type {?} */
|
|
2005
|
+
RAWidgetContainer.prototype.copyToolTipValue;
|
|
2006
|
+
/** @type {?} */
|
|
2007
|
+
RAWidgetContainer.prototype.moveToolTipValue;
|
|
2008
|
+
/** @type {?} */
|
|
2009
|
+
RAWidgetContainer.prototype.excelToolTipValue;
|
|
2010
|
+
/** @type {?} */
|
|
2011
|
+
RAWidgetContainer.prototype.deleteToolTipValue;
|
|
2012
|
+
/** @type {?} */
|
|
2013
|
+
RAWidgetContainer.prototype.editText;
|
|
2014
|
+
/** @type {?} */
|
|
2015
|
+
RAWidgetContainer.prototype.copyText;
|
|
2016
|
+
/** @type {?} */
|
|
2017
|
+
RAWidgetContainer.prototype.moveText;
|
|
2018
|
+
/** @type {?} */
|
|
2019
|
+
RAWidgetContainer.prototype.excelText;
|
|
2020
|
+
/** @type {?} */
|
|
2021
|
+
RAWidgetContainer.prototype.deleteText;
|
|
2022
|
+
/** @type {?} */
|
|
1983
2023
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1984
2024
|
/** @type {?} */
|
|
1985
2025
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -3316,7 +3356,7 @@ var GridsterRenderer = /** @class */ (function () {
|
|
|
3316
3356
|
* @return {?}
|
|
3317
3357
|
*/
|
|
3318
3358
|
function (i) {
|
|
3319
|
-
return __assign(
|
|
3359
|
+
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' });
|
|
3320
3360
|
};
|
|
3321
3361
|
/**
|
|
3322
3362
|
* @param {?} i
|
|
@@ -3327,7 +3367,7 @@ var GridsterRenderer = /** @class */ (function () {
|
|
|
3327
3367
|
* @return {?}
|
|
3328
3368
|
*/
|
|
3329
3369
|
function (i) {
|
|
3330
|
-
return __assign(
|
|
3370
|
+
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' });
|
|
3331
3371
|
};
|
|
3332
3372
|
/**
|
|
3333
3373
|
* @param {?} d
|