@schneideress/dashboardframework 0.0.98 → 0.0.99
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 +36 -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 -2
- package/esm2015/lib/ra.gridster.config.js +6 -6
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +32 -2
- package/esm5/lib/ra.gridster.config.js +6 -6
- package/fesm2015/schneideress-dashboardframework.js +32 -6
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +36 -6
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +4 -0
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -524,13 +524,13 @@ const GridsterConfigDefaultSettings = {
|
|
|
524
524
|
minRows: 2,
|
|
525
525
|
maxRows: 100,
|
|
526
526
|
maxItemCols: 10,
|
|
527
|
-
minItemCols:
|
|
527
|
+
minItemCols: 2,
|
|
528
528
|
maxItemRows: 1000,
|
|
529
|
-
minItemRows:
|
|
529
|
+
minItemRows: 2,
|
|
530
530
|
maxItemArea: 1000,
|
|
531
|
-
minItemArea:
|
|
532
|
-
defaultItemCols:
|
|
533
|
-
defaultItemRows:
|
|
531
|
+
minItemArea: 4,
|
|
532
|
+
defaultItemCols: 2,
|
|
533
|
+
defaultItemRows: 2,
|
|
534
534
|
// fixedColWidth: 105,
|
|
535
535
|
// fixedRowHeight: 105,
|
|
536
536
|
keepFixedHeightInMobile: false,
|
|
@@ -1116,6 +1116,8 @@ class RAWidgetContainer {
|
|
|
1116
1116
|
this.dropDownShown = false;
|
|
1117
1117
|
this.isDownloadChartVisible = false;
|
|
1118
1118
|
this.enableTitleLine = false;
|
|
1119
|
+
this.toolTipValue = ' ';
|
|
1120
|
+
this.toolTipWidth = '0px';
|
|
1119
1121
|
this.widgetDeleted = new EventEmitter();
|
|
1120
1122
|
this.renderer.listen('window', 'click', (/**
|
|
1121
1123
|
* @param {?} e
|
|
@@ -1327,6 +1329,23 @@ class RAWidgetContainer {
|
|
|
1327
1329
|
}
|
|
1328
1330
|
});
|
|
1329
1331
|
}
|
|
1332
|
+
/**
|
|
1333
|
+
* @param {?} event
|
|
1334
|
+
* @return {?}
|
|
1335
|
+
*/
|
|
1336
|
+
mouseOver(event) {
|
|
1337
|
+
this.toolTipValue = ' ';
|
|
1338
|
+
this.toolTipWidth = '0px';
|
|
1339
|
+
/** @type {?} */
|
|
1340
|
+
let element = this.searchInput.nativeElement;
|
|
1341
|
+
if (element.offsetWidth < element.scrollWidth) {
|
|
1342
|
+
this.toolTipValue = element.innerHTML;
|
|
1343
|
+
this.toolTipWidth = '300px';
|
|
1344
|
+
}
|
|
1345
|
+
else {
|
|
1346
|
+
this.toolTipWidth = '0px';
|
|
1347
|
+
}
|
|
1348
|
+
}
|
|
1330
1349
|
/**
|
|
1331
1350
|
* @private
|
|
1332
1351
|
* @param {?} config
|
|
@@ -1435,7 +1454,7 @@ class RAWidgetContainer {
|
|
|
1435
1454
|
RAWidgetContainer.decorators = [
|
|
1436
1455
|
{ type: Component, args: [{
|
|
1437
1456
|
selector: 'ra-widget-container',
|
|
1438
|
-
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-11 float-left title-label\">\r\n <ra-tooltip
|
|
1457
|
+
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-11 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-1\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\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 <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fal fa-cog\" (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n <a (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Move'|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;\"></i>\r\n <span>{{'Delete'|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\">\r\n <i [ngClass]=\"lockClass\"></i>\r\n\r\n </div>\r\n </ra-tooltip>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\">\r\n <div 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 <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1439
1458
|
styles: [".wcheader{width:100%;height:45px;background:#fff;color:#3dcd58;position:absolute;left:0;top:0}.underLine{border-bottom:2px solid #d4d7d8}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:15px}.wcBodyBorder{border:1px dashed #e6e2e2}.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:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.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}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.title-bar-icon{margin:0 3px;color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-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}"]
|
|
1440
1459
|
}] }
|
|
1441
1460
|
];
|
|
@@ -1452,6 +1471,7 @@ RAWidgetContainer.propDecorators = {
|
|
|
1452
1471
|
ctlWidget: [{ type: ViewChild, args: ['ctlWidget', { static: false },] }],
|
|
1453
1472
|
widgetDropdown: [{ type: ViewChild, args: ['widgetDropdown', { static: false },] }],
|
|
1454
1473
|
widgetDownload: [{ type: ViewChild, args: ['widgetDownload', { static: false },] }],
|
|
1474
|
+
searchInput: [{ type: ViewChild, args: ['searchInput', { static: false },] }],
|
|
1455
1475
|
widgetInstanceId: [{ type: Input, args: ['widget-instance-id',] }],
|
|
1456
1476
|
globalFilter: [{ type: Input, args: ['global-filter',] }],
|
|
1457
1477
|
data: [{ type: Input, args: ['data',] }],
|
|
@@ -1502,12 +1522,18 @@ if (false) {
|
|
|
1502
1522
|
/** @type {?} */
|
|
1503
1523
|
RAWidgetContainer.prototype.enableTitleLine;
|
|
1504
1524
|
/** @type {?} */
|
|
1525
|
+
RAWidgetContainer.prototype.toolTipValue;
|
|
1526
|
+
/** @type {?} */
|
|
1527
|
+
RAWidgetContainer.prototype.toolTipWidth;
|
|
1528
|
+
/** @type {?} */
|
|
1505
1529
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1506
1530
|
/** @type {?} */
|
|
1507
1531
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
1508
1532
|
/** @type {?} */
|
|
1509
1533
|
RAWidgetContainer.prototype.widgetDownload;
|
|
1510
1534
|
/** @type {?} */
|
|
1535
|
+
RAWidgetContainer.prototype.searchInput;
|
|
1536
|
+
/** @type {?} */
|
|
1511
1537
|
RAWidgetContainer.prototype.widgetInstanceId;
|
|
1512
1538
|
/** @type {?} */
|
|
1513
1539
|
RAWidgetContainer.prototype.globalFilter;
|