@schneideress/dashboardframework 0.0.111 → 0.0.113

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.
@@ -1524,7 +1524,9 @@
1524
1524
  this.lockClass = "unlocked";
1525
1525
  this.lockStatus = widgetframework.RaWidgetlockStatus.Unlocked;
1526
1526
  this.isDownloadIconVisible = false;
1527
- this.dropDownShown = false;
1527
+ this.isChartDownloadVisible = false;
1528
+ this.isGridDownloadVisible = false;
1529
+ this.dropDownShown = true;
1528
1530
  this.isDownloadChartVisible = false;
1529
1531
  this.enableTitleLine = false;
1530
1532
  this.toolTipValue = ' ';
@@ -1538,7 +1540,7 @@
1538
1540
  */
1539
1541
  function (e) {
1540
1542
  if (e.target !== _this.widgetDropdown.nativeElement) {
1541
- _this.dropDownShown = false;
1543
+ // this.dropDownShown = false;
1542
1544
  }
1543
1545
  }));
1544
1546
  this.renderer.listen('window', 'click', (/**
@@ -1701,6 +1703,25 @@
1701
1703
  this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
1702
1704
  //this.dashboardService.copyWidget(widgetInfo);
1703
1705
  };
1706
+ /**
1707
+ * @return {?}
1708
+ */
1709
+ RAWidgetContainer.prototype.visitPage = /**
1710
+ * @return {?}
1711
+ */
1712
+ function () {
1713
+ this.baseUrl = this.getHostUrl();
1714
+ location.href = this.baseUrl + this.detailPageUrl;
1715
+ };
1716
+ /**
1717
+ * @return {?}
1718
+ */
1719
+ RAWidgetContainer.prototype.getHostUrl = /**
1720
+ * @return {?}
1721
+ */
1722
+ function () {
1723
+ return window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
1724
+ };
1704
1725
  /**
1705
1726
  * @param {?} widgetInfo
1706
1727
  * @return {?}
@@ -1778,6 +1799,16 @@
1778
1799
  function (e) {
1779
1800
  widgetContainer.editWidget();
1780
1801
  }));
1802
+ widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
1803
+ * @param {?} e
1804
+ * @return {?}
1805
+ */
1806
+ function (e) {
1807
+ console.log('in enable state listener');
1808
+ console.log(e);
1809
+ console.log(e.detail);
1810
+ widgetContainer.setNotConfiguredState(widgetInfo, e.detail);
1811
+ }));
1781
1812
  titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
1782
1813
  if (typeof (titleLineEnabled) != 'undefined') {
1783
1814
  this.enableTitleLine = titleLineEnabled;
@@ -1812,18 +1843,20 @@
1812
1843
  /**
1813
1844
  * To set Default State for the widget when it is not configured
1814
1845
  * @param {?} widgetInfo
1846
+ * @param {?=} forceEnable
1815
1847
  * @return {?}
1816
1848
  */
1817
1849
  RAWidgetContainer.prototype.setNotConfiguredState = /**
1818
1850
  * To set Default State for the widget when it is not configured
1819
1851
  * @param {?} widgetInfo
1852
+ * @param {?=} forceEnable
1820
1853
  * @return {?}
1821
1854
  */
1822
- function (widgetInfo) {
1823
- console.log('in set not configured state');
1824
- console.log(widgetInfo);
1825
- /**Temp commit, will be reading data from db to check whether it needs default state */
1826
- if (widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) {
1855
+ function (widgetInfo, forceEnable) {
1856
+ if (forceEnable === void 0) { forceEnable = false; }
1857
+ console.log('force enable is');
1858
+ console.log(forceEnable);
1859
+ if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
1827
1860
  this.isNotConfigured = true;
1828
1861
  }
1829
1862
  else {
@@ -1903,46 +1936,22 @@
1903
1936
  */
1904
1937
  function (config) {
1905
1938
  return __awaiter(this, void 0, void 0, function () {
1906
- var _a;
1907
- return __generator(this, function (_b) {
1908
- switch (_b.label) {
1909
- case 0:
1910
- _a = this;
1911
- return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
1912
- case 1:
1913
- _a.lockStatus = _b.sent();
1914
- if (this.lockStatus == widgetframework.RaWidgetlockStatus.Locked) {
1915
- this.lockTitle = 'Locked';
1916
- }
1917
- else {
1918
- this.lockTitle = 'Partially Locked';
1919
- }
1920
- if (this.lockStatus) {
1921
- switch (this.lockStatus) {
1922
- case widgetframework.RaWidgetlockStatus.Locked: {
1923
- this.lockClass = "fal fa-lock locked";
1924
- this.lockVisible = false;
1925
- break;
1926
- }
1927
- case widgetframework.RaWidgetlockStatus.Unlocked: {
1928
- this.lockClass = "unlocked";
1929
- this.lockVisible = true;
1930
- break;
1931
- }
1932
- case widgetframework.RaWidgetlockStatus.PartiallyLocked: {
1933
- this.lockClass = "fal fa-lock locked";
1934
- this.lockVisible = false;
1935
- break;
1936
- }
1937
- default: {
1938
- this.lockClass = "unlocked";
1939
- this.lockVisible = true;
1940
- break;
1941
- }
1942
- }
1943
- }
1944
- return [2 /*return*/];
1939
+ var configObj;
1940
+ return __generator(this, function (_a) {
1941
+ if (config) {
1942
+ configObj = JSON.parse(config);
1943
+ if (configObj && configObj.Locks != undefined) {
1944
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked || configObj.Locks.IsParticipantLocked || configObj.Locks.IsSourceLocked)
1945
+ this.lockDetails = [];
1946
+ if (configObj.Locks.IsDateLocked || configObj.Locks.IsDatesLocked)
1947
+ this.lockDetails.push("Date Range");
1948
+ if (configObj.Locks.IsParticipantLocked)
1949
+ this.lockDetails.push("Division/Group/Site");
1950
+ if (configObj.Locks.IsSourceLocked)
1951
+ this.lockDetails.push("Data Stream");
1952
+ }
1945
1953
  }
1954
+ return [2 /*return*/];
1946
1955
  });
1947
1956
  });
1948
1957
  };
@@ -1961,37 +1970,65 @@
1961
1970
  case 1:
1962
1971
  downloadType = _a.sent();
1963
1972
  this.downloadIconType = downloadType;
1973
+ this.isDownloadIconVisible = false;
1974
+ this.isChartDownloadVisible = false;
1975
+ this.isGridDownloadVisible = false;
1964
1976
  if (downloadType != widgetframework.RADownloadType.None) {
1965
1977
  this.isDownloadIconVisible = true;
1966
1978
  }
1979
+ if (downloadType == widgetframework.RADownloadType.Chart) {
1980
+ this.isChartDownloadVisible = true;
1981
+ }
1982
+ if (downloadType == widgetframework.RADownloadType.Grid) {
1983
+ this.isGridDownloadVisible = true;
1984
+ }
1967
1985
  return [2 /*return*/];
1968
1986
  }
1969
1987
  });
1970
1988
  });
1971
1989
  };
1972
- /**
1973
- * @return {?}
1974
- */
1975
- RAWidgetContainer.prototype.downloadClicked = /**
1976
- * @return {?}
1977
- */
1978
- function () {
1979
- switch (this.downloadIconType) {
1980
- case widgetframework.RADownloadType.Grid:
1981
- this.downloadIconClicked('CSV');
1982
- break;
1983
- case widgetframework.RADownloadType.Chart:
1984
- this.isDownloadChartVisible = true;
1985
- break;
1986
- case widgetframework.RADownloadType.Custom:
1987
- break;
1988
- }
1989
- };
1990
+ // public downloadClicked() {
1991
+ // switch (this.downloadIconType) {
1992
+ // case RADownloadType.Grid:
1993
+ // this.downloadIconClicked('CSV');
1994
+ // break;
1995
+ // case RADownloadType.Chart:
1996
+ // this.isDownloadChartVisible = true;
1997
+ // break;
1998
+ // case RADownloadType.Custom:
1999
+ // break;
2000
+ // }
2001
+ // }
2002
+ // public downloadClicked() {
2003
+ // switch (this.downloadIconType) {
2004
+ // case RADownloadType.Grid:
2005
+ // this.downloadIconClicked('CSV');
2006
+ // break;
2007
+ // case RADownloadType.Chart:
2008
+ // this.isDownloadChartVisible = true;
2009
+ // break;
2010
+ // case RADownloadType.Custom:
2011
+ // break;
2012
+ // }
2013
+ // }
1990
2014
  /**
1991
2015
  * @param {?} type
1992
2016
  * @return {?}
1993
2017
  */
1994
- RAWidgetContainer.prototype.downloadIconClicked = /**
2018
+ RAWidgetContainer.prototype.downloadIconClicked =
2019
+ // public downloadClicked() {
2020
+ // switch (this.downloadIconType) {
2021
+ // case RADownloadType.Grid:
2022
+ // this.downloadIconClicked('CSV');
2023
+ // break;
2024
+ // case RADownloadType.Chart:
2025
+ // this.isDownloadChartVisible = true;
2026
+ // break;
2027
+ // case RADownloadType.Custom:
2028
+ // break;
2029
+ // }
2030
+ // }
2031
+ /**
1995
2032
  * @param {?} type
1996
2033
  * @return {?}
1997
2034
  */
@@ -2024,7 +2061,8 @@
2024
2061
  * @return {?}
2025
2062
  */
2026
2063
  function () {
2027
- this.dropDownShown = !this.dropDownShown;
2064
+ this.setDownloadIcon();
2065
+ this.dropDownShown = true; // !this.dropDownShown;
2028
2066
  };
2029
2067
  /**Hide dropdown on outside click */
2030
2068
  /**
@@ -2044,8 +2082,8 @@
2044
2082
  RAWidgetContainer.decorators = [
2045
2083
  { type: core.Component, args: [{
2046
2084
  selector: 'ra-widget-container',
2047
- 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 <!-- <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;\" [ngClass]=\"{'lockInvisible': lockVisible}\">\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 *ngIf=\"detailPageUrl\">\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;\" *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <a style=\"padding-top: 10px;\" *ngIf=\"isDownloadIconVisible\" (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 *ngIf=\"isDownloadIconVisible\" (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 *ngIf=\"isDownloadIconVisible\" (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 *ngIf=\"isDownloadIconVisible\" (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 *ngIf=\"isDownloadIconVisible\" 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",
2048
- 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;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:calc(100% - 15px);margin:15px 0 0}.defaultConfig .button{width:29%;float:left;position:absolute;top:50%;left:35%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;cursor:pointer;text-align:left;margin:0 auto;max-width:200px}.defaultConfig .button span{display:table-cell;vertical-align:middle}.defaultConfig .button .editIcon{width:35px;text-align:center;font-size:16px}.defaultConfig .button .text{width:calc(100% - 35px);font-size:13px}.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;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{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}"]
2085
+ 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 <!-- <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=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <label style=\"color: #D9F0FA;\">\r\n Locked fields:\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>Locked fields do not respond to dashboard filters. These can be edited in widget\r\n settings.</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fal fa-ellipsis-v\"\r\n (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"download-content 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;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <span><i class=\"fal fa-edit\"></i></span>\r\n <span style=\"padding-left: 6px;\">{{'Common.edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <span><i class=\"fal fa-copy\"></i></span>\r\n <span style=\"padding-left: 10px;\">{{'Common.copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <span><i class=\"fal fa-arrows-alt\"></i></span>\r\n <span style=\"padding-left: 9px;\">{{'Common.move'|translate}}</span>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\">\r\n <span><i style=\"padding-left: 4px;\" class=\"fal fa-angle-right\"></i></span>\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;\"\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 <i class=\"fal fa-download\"></i>\r\n <span>{{'Common.excel'|translate}}</span>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" 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=\"configuretext\">\r\n <i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i><span>Configure Widget</span>\r\n </span>\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",
2086
+ 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;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:calc(100% - 15px);margin:15px 0 0}.defaultConfig .button{width:29%;position:relative;top:50%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;cursor:pointer;text-align:left;margin:0 auto}.defaultConfig .button span{vertical-align:middle;padding:2px}.defaultConfig .button .editIcon{width:35px;text-align:center;font-size:16px}.defaultConfig .button .text{width:calc(100% - 35px);font-size:13px}.defaultConfig .button .configuretext{width:calc(100% - 10px);font-size:13px;text-align:center;display:block;padding-top:7px}.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 15px 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}"]
2049
2087
  }] }
2050
2088
  ];
2051
2089
  /** @nocollapse */
@@ -2107,6 +2145,10 @@
2107
2145
  /** @type {?} */
2108
2146
  RAWidgetContainer.prototype.isDownloadIconVisible;
2109
2147
  /** @type {?} */
2148
+ RAWidgetContainer.prototype.isChartDownloadVisible;
2149
+ /** @type {?} */
2150
+ RAWidgetContainer.prototype.isGridDownloadVisible;
2151
+ /** @type {?} */
2110
2152
  RAWidgetContainer.prototype.dropDownShown;
2111
2153
  /** @type {?} */
2112
2154
  RAWidgetContainer.prototype.isDownloadChartVisible;
@@ -2119,6 +2161,8 @@
2119
2161
  /** @type {?} */
2120
2162
  RAWidgetContainer.prototype.toolTipWidth;
2121
2163
  /** @type {?} */
2164
+ RAWidgetContainer.prototype.lockDetails;
2165
+ /** @type {?} */
2122
2166
  RAWidgetContainer.prototype.ctlWidget;
2123
2167
  /** @type {?} */
2124
2168
  RAWidgetContainer.prototype.widgetDropdown;
@@ -2153,7 +2197,11 @@
2153
2197
  /** @type {?} */
2154
2198
  RAWidgetContainer.prototype.lockVisible;
2155
2199
  /** @type {?} */
2200
+ RAWidgetContainer.prototype.lockedFields;
2201
+ /** @type {?} */
2156
2202
  RAWidgetContainer.prototype.detailPageUrl;
2203
+ /** @type {?} */
2204
+ RAWidgetContainer.prototype.baseUrl;
2157
2205
  /**
2158
2206
  * @type {?}
2159
2207
  * @private