@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
|
@@ -1341,6 +1341,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1341
1341
|
this.toolTipValue = ' ';
|
|
1342
1342
|
this.toolTipWidth = '0px';
|
|
1343
1343
|
this.widgetDeleted = new EventEmitter();
|
|
1344
|
+
this.isNotConfigured = false;
|
|
1344
1345
|
this.lockVisible = false;
|
|
1345
1346
|
this.renderer.listen('window', 'click', (/**
|
|
1346
1347
|
* @param {?} e
|
|
@@ -1549,6 +1550,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1549
1550
|
* @return {?}
|
|
1550
1551
|
*/
|
|
1551
1552
|
function () {
|
|
1553
|
+
_this.setNotConfiguredState(widgetInfo);
|
|
1552
1554
|
_this.translateService.loadTranslations(_this.appConfig.appManagementBaseUrl, _this.data.widgetInfo.widgetName, false).then((/**
|
|
1553
1555
|
* @return {?}
|
|
1554
1556
|
*/
|
|
@@ -1566,19 +1568,18 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1566
1568
|
*/
|
|
1567
1569
|
function () { return __awaiter(_this, void 0, void 0, function () {
|
|
1568
1570
|
var titleLineEnabled;
|
|
1569
|
-
var _this = this;
|
|
1570
1571
|
return __generator(this, function (_a) {
|
|
1571
1572
|
switch (_a.label) {
|
|
1572
1573
|
case 0:
|
|
1573
|
-
|
|
1574
|
+
widgetContainer.widgetElement.addEventListener('on-data-load', (/**
|
|
1574
1575
|
* @param {?} e
|
|
1575
1576
|
* @return {?}
|
|
1576
1577
|
*/
|
|
1577
1578
|
function (e) {
|
|
1578
1579
|
if (e.detail)
|
|
1579
|
-
|
|
1580
|
+
widgetContainer.showPanel = true;
|
|
1580
1581
|
else
|
|
1581
|
-
|
|
1582
|
+
widgetContainer.showPanel = false;
|
|
1582
1583
|
}));
|
|
1583
1584
|
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
1584
1585
|
* @param {?} e
|
|
@@ -1617,6 +1618,29 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1617
1618
|
});
|
|
1618
1619
|
});
|
|
1619
1620
|
};
|
|
1621
|
+
/**To set Default State for the widget when it is not configured */
|
|
1622
|
+
/**
|
|
1623
|
+
* To set Default State for the widget when it is not configured
|
|
1624
|
+
* @param {?} widgetInfo
|
|
1625
|
+
* @return {?}
|
|
1626
|
+
*/
|
|
1627
|
+
RAWidgetContainer.prototype.setNotConfiguredState = /**
|
|
1628
|
+
* To set Default State for the widget when it is not configured
|
|
1629
|
+
* @param {?} widgetInfo
|
|
1630
|
+
* @return {?}
|
|
1631
|
+
*/
|
|
1632
|
+
function (widgetInfo) {
|
|
1633
|
+
console.log('in set not configured state');
|
|
1634
|
+
console.log(widgetInfo);
|
|
1635
|
+
/**Temp commit, will be reading data from db to check whether it needs default state */
|
|
1636
|
+
if ((widgetInfo.widgetId == 870 || widgetInfo.widgetId == 864) && (widgetInfo.widgetConfigInfo.config == "" || typeof (JSON.parse(widgetInfo.widgetConfigInfo.config).length) == 'undefined')) {
|
|
1637
|
+
this.isNotConfigured = true;
|
|
1638
|
+
}
|
|
1639
|
+
else {
|
|
1640
|
+
this.isNotConfigured = false;
|
|
1641
|
+
}
|
|
1642
|
+
console.log(this.isNotConfigured);
|
|
1643
|
+
};
|
|
1620
1644
|
/** To refresh widget on input config changes */
|
|
1621
1645
|
/**
|
|
1622
1646
|
* To refresh widget on input config changes
|
|
@@ -1634,6 +1658,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1634
1658
|
return __generator(this, function (_a) {
|
|
1635
1659
|
switch (_a.label) {
|
|
1636
1660
|
case 0:
|
|
1661
|
+
this.setNotConfiguredState(widgetInfo);
|
|
1637
1662
|
widgetContainerContext = this;
|
|
1638
1663
|
widgetConfigFilter = (/** @type {?} */ ({
|
|
1639
1664
|
config: widgetInfo.widgetConfigInfo.config,
|
|
@@ -1829,8 +1854,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1829
1854
|
RAWidgetContainer.decorators = [
|
|
1830
1855
|
{ type: Component, args: [{
|
|
1831
1856
|
selector: 'ra-widget-container',
|
|
1832
|
-
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;\"
|
|
1833
|
-
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:#
|
|
1857
|
+
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",
|
|
1858
|
+
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}"]
|
|
1834
1859
|
}] }
|
|
1835
1860
|
];
|
|
1836
1861
|
/** @nocollapse */
|
|
@@ -1932,6 +1957,8 @@ if (false) {
|
|
|
1932
1957
|
/** @type {?} */
|
|
1933
1958
|
RAWidgetContainer.prototype.lockTitle;
|
|
1934
1959
|
/** @type {?} */
|
|
1960
|
+
RAWidgetContainer.prototype.isNotConfigured;
|
|
1961
|
+
/** @type {?} */
|
|
1935
1962
|
RAWidgetContainer.prototype.domResized;
|
|
1936
1963
|
/** @type {?} */
|
|
1937
1964
|
RAWidgetContainer.prototype.lockVisible;
|