Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

chartviewer.min.js 14KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. var __awaiter=this&&this.__awaiter||function(n,t,i,r){function u(n){return n instanceof i?n:new i(function(t){t(n)})}return new(i||(i=Promise))(function(i,f){function o(n){try{e(r.next(n))}catch(t){f(t)}}function s(n){try{e(r["throw"](n))}catch(t){f(t)}}function e(n){n.done?i(n.value):u(n.value).then(o,s)}e((r=r.apply(n,t||[])).next())})},Unibase;(function(n){let t;(function(t){let i;(function(t){let i;(function(i){class r extends t.Components._Chart{constructor(){super();this.dynamicParameters=[];this.reportManager=t.Managers.ReportManager.Instance();this.Filter=[]}jsFiles(){return["platform/analytics/components/chartbuilder/chartbuilderhiddenfields.js","platform/analytics/infos/reportbuilder/reportbuilderinfo.js","platform/analytics/components/reportbuilder/reportbuilder.js","platform/analytics/components/reportbuilder/reportbuilder.template.js","platform/analytics/components/chartviewer/_chart.js","platform/analytics/enums/charttype.js","platform/analytics/enums/legendtype.js","platform/analytics/enums/aggregationtype.js","platform/analytics/components/reportbuilder/tenure.js","libs/chartjs/chart.min.js","libs/tabulator/js/tabulator.min.js","apps/crm/palettes/managers/palettemanager.js"]}cssFiles(){return["libs/tabulator-tables/css/bootstrap/tabulator_bootstrap4.min.css"]}html(t,i){const f=this;var r=t;let e="d-none";(i.includes("div_kpireport_")||i.includes("_previewreport_"))&&(e="");let u="";n.Platform.Membership.Infos.Identity.currentUser.isRestrictedUser&&(u="d-none");return`<div class="card mb-0" id="chartViewerWrap_${i}"><div class="card-header h-50p pa-10 d-flex justify-content-between align-items-center p-relative viewer-header ViewerHeader_${i}"><div class="chart-header-left d-flex align-items-center text-truncate"><a href="javascript:void(0);" id="reportCloseBtn_${i}" class="report-close-btn btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-10 text-dark d-none" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${i}');" data-tooltip="true" title="Close"><span class="btn-icon-wrap"><i data-icon="l"></i></span></a><strong class="ChartName_${i} hidden">Chart</strong><span id="ReportTitle_${i}" class="font-weight-600 biz-highlight-bg-color text-truncate">Title</span><strong id = "Reportid_${i}" class="pl-15 Reportid__dynamicfilter hidden"> Title </strong><strong id = "Reportid_${i}" class="pl-15 Reportid__commonfilter hidden"> Title </strong>
  2. ${f.currentUser.isAdmin?`<a class="dp-toggle-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p flex-shrink-0 d-none ${u?"":"d-xl-block"}" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="ViewerTypes_${i}" class="ViewerTypes_${i}"><span class="btn-icon-wrap"><i class="fa fa-caret-down" aria-hidden="true"></i></span></a>
  3. <div class="dropdown-menu dropdown-menu-left ViewerTypes_dropdown" id="dp_${i}_viewertypes"><a class="dropdown-item ddbtn_Edit" href = "javascript:;" title = "Edit" id = "edit_" onclick = "Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(${r},0,0,0,'${i}');">Edit</a>
  4. <a href="javascript:;" class="dropdown-item" id="DuplicateTable_${i}" onclick = "Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(${r},1,0,0,'${i}')";>Duplicate</a>
  5. </div>`:""}<span class="dropdown pull-right mr-30 sp_widget_create_${i}" style = "position:static"></span></div>
  6. <div class="card-header-right d-flex align-items-center"><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 chart-maximize-btn" href="javascript:;" id="chartMaximizeBtn_${i}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().report_ViewAll(${r}, 0, 'fullscreen_${i}','${i}');" data-tooltip="true" title="Maximize Chart"><span class="btn-icon-wrap"><i class="las la-expand font-18"></i></span></a><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 chart-minimize-btn d-none" href="javascript:;" id="chartMinimizeBtn_${i}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${i}');" data-tooltip="true" title="Minimize Chart"><span class="btn-icon-wrap"><i class="las la-compress font-18"></i></span></a><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 d-none link-report-icon" id="linkreport${i}" href="javascript:;"><span class="btn-icon-wrap"><i class="las la-table font-18"></i></span></a><div class="filter-dp-wrapper biz-dropdown ${u} d-none" id="filterDpWrap_${i}">
  7. <a href="javascript:;" class="filter-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p" id="filter-icon${i}"
  8. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadDynamicFilters(${r},'${i}','.BindData_${i}')" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-tooltip="true" title="Dynamic Filters"><span class="btn-icon-wrap"><i class="las la-filter font-18"></i></span></a>
  9. <div class="dropdown-menu biz-custom-dropdown biz-filter-dropdown"
  10. id="biz-filter-dropdown${i}" onclick="event.stopPropagation();">
  11. <div class="filter-dropdown-body biz-custom-scrollbar" id="filter-dropdown-body${i}">
  12. <div id="dynamic-filters${i}" class="dynamic-filters-list row mx-0"></div>
  13. </div>
  14. <div class="filter-dropdown-footer d-none" id="filter-dropdown-footer${i}"><a
  15. href="javascript:;" class="btn btn-outline-danger btn-sm Filterbuttons"
  16. id="btn_ClearFilter${i}"
  17. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearDynamicFilters(${r},'${i}')">Clear</a>
  18. <div class="actions-btn-group"><a href="javascript:;"
  19. class="btn btn-outline-primary btn-sm create-filter-btn saveViewAs${i}"
  20. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${r})">Create</a>
  21. <div class="btn-group apply-btn-group toggle-btn ml-15"><a href="javascript:;"
  22. class="btn btn-outline-primary btn-sm Filterbuttons"
  23. id="ApplyGlobalFilter${i}"
  24. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance()._applyfilter(${r},'${i}')">Apply</a><a
  25. href="javascript:;"
  26. class="btn btn-outline-primary btn-sm save-filter-btn saveViewAs${i} d-none"
  27. id="saveViewAs${i}"
  28. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${r})">Save</a><button
  29. type="button" class="btn btn-primary btn-sm dropdown-toggle"
  30. id="applyToggleBtn${i}"></button></div>
  31. </div>
  32. </div>
  33. <div class="filter-dropdown-errmessage text-center d-none"
  34. id="filter-dropdown-errmessage${i}">
  35. <p class="text-danger">No Filters Found!</p><a href="javascript:;"
  36. class="btn btn-outline-primary btn-sm mt-10 create-filter-btn saveViewAs${i}"
  37. onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${r})">Create
  38. Filter</a>
  39. </div>
  40. </div>
  41. </div>
  42. </div></div>
  43. <div class="card-body ChartViewer_${i} pa-20"><section class="modal-body pa-0 card_section" id="chartSection_${i}"><div class="d-none w-100" id="noChartDataMsg_${i}"></div><div class="p-relative" id="ChartCanvasDiv${i}"><canvas id="${i}-chart-canvas" class="chart-canvas"></canvas></div></section></div>
  44. </div>`}load(i,r){return __awaiter(this,void 0,void 0,function*(){const u=this;this.reportManager=t.Managers.ReportManager.Instance();this._reportBuilder=t.Reports.ReportBuilder.Instance();this._reportBuilder.pivot=new PivotColumns;var f=i;if(r=r,$("#Reportid_"+r).empty(),$(".Reportid__dynamicfilter").text(""),$("#Reportid_"+r).text(f),$(`#applyToggleBtn${r}`).click(()=>{$(`#ApplyGlobalFilter${r}`).toggleClass("d-none"),$(`#saveViewAs${r}`).toggleClass("d-none")}),r.indexOf("dashboardportletwidget")>0){let n=$("#"+r).siblings("#hf_portletwidgetheight").val();(n=="undefined"||n==null||n=="0px")&&(n="240px");$(".ChartViewer_"+r).find(".card_section").css({height:n,overflow:"hidden"});$(".ChartViewer_"+r).find("#ChartCanvasDiv"+r).addClass("h-100 w-100")}($(`#${r}`).hasClass("_bizgaze_popup_container")||$(`#${r}`).hasClass("_bizgaze_detail_container"))&&($(`#chartViewerWrap_${r}`).addClass("chart-viewer-card"),$(`#chartMaximizeBtn_${r}`).addClass("d-none"),$(`#reportCloseBtn_${r},#filterDpWrap_${r}`).removeClass("d-none"),$(`#chartSection_${r}`).css("height","100%"),r.includes("div_dashboardportletwidget")&&$(`#chartMinimizeBtn_${r}`).removeClass("d-none"),n.Themes.Compact.Components.Index.Instance().tabMode?$(`#ChartCanvasDiv${r}`).addClass("h-100 w-100"):($(`#chartSection_${r}`).addClass("d-flex flex-column justify-content-center"),$(`#ChartCanvasDiv${r}`).removeClass("h-100").addClass("h-50 w-100")));u.xaxisColumns=[];u.yaxisColumns=[];u.groupColumns=[];u.loadData(r,f)})}loadData(t,i){return __awaiter(this,void 0,void 0,function*(){var r=this,e,o,s,h,c;r.ChartDivId=t+"-chart-canvas";r.chartContainerId=t;let f;if(n.Platform.Helpers.NavigationHelper.reportViewerInstance.length>0){let i=n.Platform.Helpers.NavigationHelper.reportViewerInstance.find(n=>n.childcontainerid==t);f=i!=undefined?i.instance:r}else f=r;n.Platform.Helpers.NavigationHelper.Instance().hideLoading();let u=f.reportResponse.result.ReportInfo;if(r._reportBuilder.reportid=i,r._reportBuilder.DataListId=u.DataListId,r.IsChartBuilder=!1,r.displayLegend=u.IsLegend,r.isDataLabel=u.IsDataLabel,r.isTooltipHeader=u.IsTooltipHeader,r.tickLabelLength=u.TickLabelLength,r.loadSelectedLegend(u.LegendTypeId,!1),t.indexOf("dashboardportletwidget")>0?t.includes("fullscreen")?$("#ReportTitle_"+t).text(u.ReportName):$("#ReportTitle_"+t).text(r.WidgetName):$("#ReportTitle_"+t).text(u.ReportName),e=u.ReportColumns,r._reportBuilder.TenureReport=[],r._reportBuilder.pivot.ColumnName="",e.length!=0&&(o=e.find(n=>n.IsTenureApplied==!0),s=e.find(n=>n.IsPivotColumn==!0)),o)return r._reportBuilder.TenureReport[o.DisplayText]={TimeInterval:o.TimeInterval},h=r._reportBuilder.TenureReport.length,r._reportBuilder.TenureReport.length=h+1,r._reportBuilder.tenureTimeIntervalCol=o.DisplayText,r.tenureChart(r.ChartDivId,i);u.ChartColumns.length!=0&&r._reportBuilder.TenureReport.length==0&&(r.ChartTypeId=u.ChartTypeId,c=u.ChartColumns,r.loadchart(f.reportData,c,e,s));r.colorAppliedOn=u.ColorAppliedTypeId;u.LegendTitleTypeId?u.LegendTitleTypeId&&(r.legendTitleTypeId=u.LegendTitleTypeId):r.legendTitleTypeId=n.Platform.Analytics.Enums.LegendTitleType.Data;u.ChartBaseValue&&(r.chartBaseValue=u.ChartBaseValue);const l=n.Themes.Compact.Components.Index.Instance();if(u.PaletteId!==0||l.currentTheme.paletteId){let n=u.PaletteId;n?r.getpaletteColors(n,!1):r.paletteColors.push(...l.themePalette)}r.chart_dataSet();u.LinkReportId!=0&&$(`#linkreport${t}`).removeClass("d-none");$(`#linkreport${t}`).click(function(){var f,i;let o=Number($(this).closest(".dashboardwidget-addeditem").find("#hf_widgetId").val());f=n.Platform.Analytics.Components._CommonFilter.Instance().appliedFilters;let e=[];f&&f.length&&(i=f.find(n=>n.WidgetId==o),i&&i.AutocompleteFilter&&i.AutocompleteFilter.length&&(e=i.AutocompleteFilter));u.LinkReportId==u.ReportId&&(u.LinkReportId=0);r.linkReport(u.LinkReportId,e,"div_linkreport"+t.substr(t.lastIndexOf("_"))+"_viewall")})})}loadchart(n,t,i,r){return __awaiter(this,void 0,void 0,function*(){var u=this,s=n,f,e;u.ChartData=s;const o=u.chartContainerId;if(f=[],i!=null&&i.length!=0?i.map(function(n){var i=t.find(t=>t.AliasName==n.AliasName);i&&f.push(i)}):f=t,s.length>0)for(e=0;e<f.length;e++){let n=f[e],i=n.ColumnValue,h=n.Name,t=n.AliasName,s=n.DataType,o=t!=null?t:h;if(n.IsXaxis==!0){let r={ColumnId:i,ColumnName:o,DisplayText:t,AliasName:t,DataType:s,ColorType:n.ColorAppliedOn,CoordinateTypeId:u.ChartAxis.Horizontal,divId:""};u.selected_Coordinate(r)}else if(n.IsYaxis==!0&&n.IsGroupBy!=!0){let r={ColumnId:i,ColumnName:o,DisplayText:t,AliasName:t,DataType:s,ColorType:n.ColorAppliedOn,CoordinateTypeId:u.ChartAxis.Vertical,divId:""};u.selected_Coordinate(r)}else if(n.IsGroupBy==!0){n.Color!=null&&u.chartViewer_Colors(n.Color,i,o);let f={ColumnId:i,ColumnName:o,DisplayText:t,AliasName:t,DataType:s,ColorType:n.ColorAppliedOn,CoordinateTypeId:u.ChartAxis.GroupBy,divId:""};u.selected_Coordinate(f);r&&yield u._reportBuilder.getDistinctData(i,o,n.AggregationValue)}else if(n.IsLineChart==!0){let r={ColumnId:i,ColumnName:o,DisplayText:t,AliasName:t,DataType:s,ColorType:n.ColorAppliedOn,CoordinateTypeId:u.ChartAxis.LineChart,divId:""};u.selected_Coordinate(r)}if(n.IsChartBaseColumn==!0){let r={ColumnId:i,ColumnName:o,DisplayText:t,AliasName:t,DataType:s,ColorType:n.ColorAppliedOn,CoordinateTypeId:u.ChartAxis.BaseColumn,divId:""};u.selected_Coordinate(r)}}else $(`#ChartCanvasDiv${o}`).addClass("d-none"),$(`#chartSection_${o}`).removeClass("d-flex"),$(`#noChartDataMsg_${o}`).html('<div class="alert alert-primary border-0 font-14 mb-0 rounded-0 text-center w-100">No data available<\/div>').removeClass("d-none");this.prepareAndBindToolTipColumns(f)})}static Instance(){return this._instance=new r,this._instance}}i.ChartViewer=r})(i=t.Charts||(t.Charts={}))})(i=t.Analytics||(t.Analytics={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));