\"\r\n });\r\n\r\n link.off(\"shown.bs.popover\").on(\"shown.bs.popover\",\r\n function () {\r\n let po = $(this).data(\"bs.popover\");\r\n let content = po.$tip;\r\n let currentWidgetLink = $(this);\r\n let currentWidgetName = currentWidgetLink.text().trim();\r\n let widgetId = currentWidgetLink.closest(\"div.dashboardWidget\").data(\"widgetid\");\r\n let $widgetNameElement = $(\"input.widgetName\", content);\r\n let oldName = currentWidgetName;\r\n $widgetNameElement.val(currentWidgetName);\r\n\r\n $(\"input.widgetName\", content).off(\"keyup\").on(\"keyup\", function (event) {\r\n if (event.keyCode === 13) {\r\n event.preventDefault();\r\n\r\n if (($widgetNameElement.val() as any).trim() === \"\") {\r\n $widgetNameElement.val(oldName);\r\n }\r\n\r\n updateWidgetNameClick(event, $widgetNameElement, po, widgetId)\r\n }\r\n else if (event.keyCode === 27) {\r\n event.preventDefault();\r\n $widgetNameElement.val(oldName);\r\n po.hide();\r\n }\r\n });\r\n $widgetNameElement.focus();\r\n $widgetNameElement.off(\"blur\").on(\"blur\", function (e) {\r\n if (($widgetNameElement.val() as any).trim() === \"\") {\r\n $widgetNameElement.val(oldName);\r\n }\r\n\r\n updateWidgetNameClick(e, $widgetNameElement, po, widgetId)\r\n });\r\n });\r\n\r\n link.popover(\"show\");\r\n };\r\n\r\n var openReportDesigner = function (evt, dashboardWidget) {\r\n if (!dashboardWidget)\r\n dashboardWidget = $(evt.currentTarget).closest(\"div.dashboardWidget\");\r\n let widgetId = dashboardWidget.data(\"widgetid\");\r\n\r\n let url = urlConfigs.designer + \"Edit\";\r\n let $resultContainer = $(\"div.reportResult\", dashboardWidget);\r\n let designer = $resultContainer.data(\"widgettype\");\r\n let baseObject = getBaseSubmitObject({ widgetId: widgetId, designerMode: designer });\r\n\r\n var callbackFunction = function (tempId, reportType) {\r\n $(\"#DesignModel\").dxPopup(\"instance\").hide();\r\n var widgetType = dashboardWidget.data(\"widgetType\");\r\n var successFunction = function (data) {\r\n updateWidgetPartial(dashboardWidget, data.widgetPartial, data.workbookReportList, data.workbookDashboardList);\r\n };\r\n\r\n var widgetUpdateObj = {\r\n widgetId: widgetId,\r\n widgetType: widgetType\r\n };\r\n widgetUpdateObj = getBaseSubmitObject(widgetUpdateObj);\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.dashboard + \"GetWidgetPartial\",\r\n widgetUpdateObj,\r\n successFunction,\r\n null,\r\n true);\r\n };\r\n var complete = function (data) {\r\n $(\"#DesignModel\").dxPopup({\r\n //prevent esc to close\r\n focusStateEnabled: false,\r\n title: \"Report Designer\",\r\n height: function () { return $(window).height() * 0.9 },\r\n width: \"max(80vw, 1280px)\",\r\n visible: true,\r\n contentTemplate: data.view,\r\n dragOutsideBoundary: true,\r\n onShowing: function (e) {\r\n reportDesigner.settingsReportButtonClick();\r\n reportDesigner.setup(callbackFunction, data.designer, data.schema, true);\r\n },\r\n onShown: function (e) {\r\n if (this._$wrapper) {\r\n this._$wrapper.css(\"z-index\", \"\");\r\n }\r\n reportDesigner.resize();\r\n },\r\n onHidden: function (e) {\r\n $(\"#DesignModel\").dxPopup(\"dispose\");\r\n },\r\n });\r\n };\r\n irGlobal.updateFromServer(evt, url, baseObject, complete, null, true, \"POST\");\r\n };\r\n\r\n var updateWidgetPartial = function (dashboardWidget, widgetPartial, workbookReportList, workbookDashboardList) {\r\n let isWidgetSelected = dashboardWidget.hasClass(\"selected\");\r\n if (isWidgetSelected) {\r\n clickWidget(dashboardWidget, true);\r\n }\r\n\r\n let partial = widgetPartial;\r\n let widgetContainer = dashboardWidget.closest(\".widgetContainer\");\r\n\r\n\r\n let newDashboardContainer = $(partial);\r\n widgetContainer.replaceWith(newDashboardContainer);\r\n addWidgetActions(null, newDashboardContainer);\r\n setupWidget(newDashboardContainer);\r\n let newDashboardWidget = $(\".dashboardWidget\", newDashboardContainer);\r\n refreshWidgetData({}, newDashboardWidget, isWidgetSelected);\r\n\r\n if (tabView) {\r\n if (workbookReportList) {\r\n tabView.updateWorkbookReportList({ workbookReportList: workbookReportList });\r\n }\r\n\r\n if (workbookDashboardList) {\r\n tabView.updateWorkbookDashboardList({ workbookDashboardList: workbookDashboardList });\r\n }\r\n }\r\n }\r\n\r\n var widgetReportSelectPopup = function (element) {\r\n element = $(element);\r\n let getReportList = function (callback) {\r\n let widget = element.closest(\"div.dashboardWidget\");\r\n if (widget.length === 0) {\r\n let id = ko.contextFor($(\"#DashboardSettingsPanel\")[0]).$data.vm().widgetId();\r\n widget = getWidget(id);\r\n }\r\n let widgetId = widget.data(\"widgetid\");\r\n\r\n irGlobal.updateFromServer({}, urlConfigs.dashboard + \"GetReportList\", { widgetId: widgetId }, callback, null, false, \"POST\");\r\n };\r\n let onReportClick = function (e) {\r\n let dashboardWidget = element.closest(\"div.dashboardWidget\");\r\n if (dashboardWidget.length === 0) {\r\n let id = ko.contextFor($(\"#DashboardSettingsPanel\")[0]).$data.vm().widgetId();\r\n dashboardWidget = getWidget(id);\r\n }\r\n\r\n let templateSelectObj = {\r\n widgetId: dashboardWidget.data(\"widgetid\"),\r\n reportId: e.data.id,\r\n autoGrouping: e.data.autoGrouping,\r\n reportSource: e.data.source,\r\n reportType: e.data.reportType\r\n };\r\n\r\n irGlobal.updateFromServer(e,\r\n urlConfigs.dashboard + \"SetWidgetTemplateId\",\r\n templateSelectObj,\r\n function (data) {\r\n updateWidgetPartial(dashboardWidget, data.widgetPartial, data.workbookReportList, data.workbookDashboardList);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n\r\n $(\"#widgetReportSelectPopup\", element).dxPopup(\"instance\").hide();\r\n };\r\n\r\n getReportList(function (data) {\r\n data = JSON.parse(data);\r\n\r\n let popupSettings = {\r\n width: 400,\r\n height: 300,\r\n showTitle: true,\r\n title: \"Select Report Template\",\r\n visible: true,\r\n hideOnOutsideClick: true,\r\n showCloseButton: true\r\n };\r\n let tabSettings = {\r\n activeStateEnabled: true,\r\n dataSource: [\r\n {\r\n name: \"Reports\",\r\n dataSource: data.templates,\r\n columns: [{ dataField: \"fullDisplayName\" }]\r\n },\r\n {\r\n name: \"Tabs\",\r\n dataSource: data.tabs,\r\n columns: [{ dataField: \"fullDisplayName\" }],\r\n visible: data.tabs.length > 0\r\n },\r\n {\r\n name: \"Widgets\",\r\n dataSource: data.widgets,\r\n columns: [{ dataField: \"fullDisplayName\" }],\r\n visible: data.widgets.length > 0\r\n }],\r\n itemTitleTemplate: function (data, index, element) {\r\n return `${data.name} (${data.dataSource.length})`;\r\n },\r\n itemTemplate: function (data, index, element) {\r\n element.dxDataGrid({\r\n height: 220,\r\n rowAlternationEnabled: true,\r\n showColumnHeaders: false,\r\n dataSource: data.dataSource,\r\n columns: data.columns,\r\n searchPanel: {\r\n visible: true\r\n },\r\n paging: {\r\n enabled: false\r\n },\r\n selection: {\r\n mode: \"single\"\r\n },\r\n dataRowTemplate: function (container, item) {\r\n const { data } = item;\r\n let icon = \"list_alt\";\r\n switch (data.reportType) {\r\n case 1:\r\n icon = \"pivot_table_chart\";\r\n break;\r\n case 2:\r\n icon = \"equalizer\";\r\n break;\r\n default:\r\n }\r\n const row = `
${icon} ${data.fullDisplayName}`;\r\n container.append(row).css(\"cursor\", \"pointer\");\r\n },\r\n onRowClick: function (e) {\r\n onReportClick(e);\r\n }\r\n });\r\n }\r\n }\r\n\r\n $(\"#widgetReportSelectTab\", element).dxTabPanel(tabSettings);\r\n $(\"#widgetReportSelectPopup\", element).dxPopup(popupSettings);\r\n });\r\n };\r\n\r\n var hideChartOptions = function (element) {\r\n let $context = $(\".dashboardWidget\", element);\r\n let chartVM = $context.data(\"chartvm\");\r\n if (chartVM && chartVM.chartDesignerVM)\r\n chartVM.chartDesignerVM.hideChartOptions();\r\n }\r\n\r\n var addResize = function (element) {\r\n if (!element)\r\n element = getWidgetContainer();\r\n if (!element || element.length === 0 || !editMode())\r\n return;\r\n\r\n element = irGlobal.getJqueryElement(element);\r\n\r\n //var $container = $('div#DashboardDesigner');\r\n\r\n const minSize = 20;\r\n element.resizable({\r\n minHeight: minSize,\r\n minWidth: minSize,\r\n handles: 'all',\r\n autoHide: true,\r\n start: function (event, ui) {\r\n hideChartOptions(element);\r\n\r\n containmentW = designerWidthTotal;// - parseInt($container.css(\"padding-right\"));\r\n //reduce the width because of widget shadow, may need to check if there is shadow\r\n containmentW = containmentW - 6 * _zoom;\r\n\r\n containmentH = designerHeightTotal;// - parseInt($container.css(\"padding-bottom\"));\r\n objW = $(this).outerWidth() * _zoom;\r\n objH = $(this).outerHeight() * _zoom;\r\n },\r\n resize: function (event, ui) {\r\n let changeLeft = ui.position.left - ui.originalPosition.left;\r\n let newLeft = ui.originalPosition.left + changeLeft / _zoom;\r\n\r\n let changeTop = ui.position.top - ui.originalPosition.top;\r\n let newTop = ui.originalPosition.top + changeTop / _zoom;\r\n\r\n // fix position\r\n ui.position.left = Math.max(0, newLeft);\r\n ui.position.top = Math.max(0, newTop);\r\n\r\n let changeWidth = ui.size.width - ui.originalSize.width; // find change in width\r\n let newWidth = ui.originalSize.width + changeWidth / _zoom; // adjust new width by our zoomScale\r\n\r\n if (newWidth != ui.size.width) {\r\n if (containmentW - newWidth - newLeft > 0)\r\n ui.size.width = Math.max(minSize, newWidth);\r\n else\r\n ui.size.width = Math.max(minSize, containmentW - newLeft);\r\n }\r\n\r\n let changeHeight = ui.size.height - ui.originalSize.height; // find change in height\r\n let newHeight = ui.originalSize.height + changeHeight / _zoom; // adjust new height by our zoomScale\r\n\r\n if (newHeight !== ui.size.height) {\r\n if (containmentH - newHeight - newTop > 0)\r\n ui.size.height = Math.max(minSize, newHeight);\r\n else\r\n ui.size.height = Math.max(minSize, containmentH - newTop);\r\n }\r\n },\r\n containment: \"div#DashboardDesignerResizer\",\r\n stop: function (event, ui) {\r\n doNotClickWidget = true;\r\n\r\n let size = ui.size;\r\n let position = ui.position;\r\n\r\n let vm = ko.contextFor(ui.element.find(\".widget-config\")[0]).$data;\r\n vm.notSaveLayout = true;\r\n vm.layout.width(Math.max(minSize, parseInt(size.width)));\r\n vm.layout.height(Math.max(minSize, parseInt(size.height)));\r\n vm.layout.left(Math.max(0, parseInt(position.left)));\r\n vm.layout.top(Math.max(0, parseInt(position.top)));\r\n saveWidgetLayout(vm);\r\n vm.notSaveLayout = false;\r\n\r\n const widgetType = $(this).data(\"widgettype\");\r\n if (widgetType === WidgetTypeEnum.Pivot || widgetType === WidgetTypeEnum.Report) {\r\n report.resize($(this));\r\n }\r\n }\r\n });\r\n };\r\n var removeResize = function (element) {\r\n if (element.data(\"uiResizable\")) {\r\n element.resizable('destroy');\r\n }\r\n }\r\n\r\n var removeWidget = function (evt) {\r\n let widget = $(\"div.dashboardWidget.selected\", getDashboardDesigner());\r\n if (widget.length === 0)\r\n return;\r\n\r\n let widgetName = $(\"span.widgetName\", widget).text();\r\n let widgetId = widget.data(\"widgetid\");\r\n\r\n bootbox.confirm(`Are you sure you want to remove the Widget \"${widgetName}\" ?`,\r\n function (result) {\r\n if (!result)\r\n return;\r\n\r\n let completeFunction = function (data) {\r\n if (data.value === \"OK\") {\r\n clickWidget({ target: $(\">:first-child\", widget) });\r\n let widgetContainer = widget.closest(\".widgetContainer\");\r\n let widgetType = widgetContainer.data(\"widgettype\");\r\n let settings = getWidgetSettings(widgetContainer);\r\n\r\n widgetContainer.remove();\r\n updateWidgetContents(widgetContainer, data);\r\n\r\n if (widgetType === WidgetTypeEnum.Filter) {\r\n widgetFilter.updateWidgets(settings);\r\n widgetFilter.removedWidget(settings);\r\n }\r\n }\r\n };\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.dashboard + \"RemoveWidget\",\r\n { widgetId: widgetId },\r\n completeFunction,\r\n null,\r\n true,\r\n \"POST\");\r\n\r\n }\r\n );\r\n };\r\n\r\n var _zoom = 1;\r\n var containmentW,\r\n containmentH,\r\n objW,\r\n objH;\r\n\r\n var addDraggable = function (element) {\r\n if (!element)\r\n element = getWidgetContainer();\r\n\r\n if (!element || element.length === 0 || !editMode())\r\n return;\r\n\r\n let container = document.getElementById('DashboardDesignerResizer');\r\n element.draggable({\r\n handle: \"div.dashboardWidget .draggable-element\",\r\n cursor: \"move\",\r\n start: function (event, ui) {\r\n let dashboardWidget = $(\".dashboardWidget\", element);\r\n let widgetSelected = dashboardWidget.hasClass(\"selected\");\r\n if (!widgetSelected) {\r\n clickWidget(dashboardWidget);\r\n }\r\n\r\n settingsVM.hidePopupDetails(element);\r\n hideChartOptions(element);\r\n\r\n ui.position.left = 0;\r\n ui.position.top = 0;\r\n\r\n containmentW = container.scrollWidth * _zoom; // - parseInt($('div#DashboardDesigner').css(\"padding-right\"));\r\n //reduce the width because of widget shadow\r\n containmentW = containmentW - 6 * _zoom;\r\n containmentH = container.scrollHeight * _zoom;\r\n objW = $(this).outerWidth() * _zoom;\r\n objH = $(this).outerHeight() * _zoom;\r\n },\r\n drag: function (event, ui) {\r\n let boundReached = false;\r\n\r\n let changeLeft = ui.position.left - ui.originalPosition.left;\r\n let newLeft = ui.originalPosition.left + changeLeft / _zoom;\r\n\r\n let changeTop = ui.position.top - ui.originalPosition.top;\r\n let newTop = ui.originalPosition.top + changeTop / _zoom;\r\n\r\n // right bound check\r\n if (ui.position.left > containmentW - objW) {\r\n newLeft = (containmentW - objW) / _zoom;\r\n boundReached = true;\r\n }\r\n\r\n // left bound check\r\n if (newLeft < 0) {\r\n newLeft = 0;\r\n boundReached = true;\r\n }\r\n\r\n // bottom bound check\r\n if (ui.position.top > containmentH - objH) {\r\n newTop = (containmentH - objH) / _zoom;\r\n boundReached = true;\r\n }\r\n\r\n // top bound check\r\n if (newTop < 0) {\r\n newTop = 0;\r\n boundReached = true;\r\n }\r\n\r\n // fix position\r\n ui.position.left = newLeft;\r\n ui.position.top = newTop;\r\n\r\n // inside bounds\r\n if (!boundReached) {\r\n\r\n // do stuff when element is dragged inside bounds\r\n\r\n }\r\n\r\n },\r\n containment: \"div#DashboardDesignerResizer\",\r\n stop: function (event, ui) {\r\n let position = ui.position;\r\n\r\n let vm = ko.contextFor(ui.helper.find(\".widget-config\")[0]).$data;\r\n vm.notSaveLayout = true;\r\n vm.layout.left(parseInt(position.left));\r\n vm.layout.top(parseInt(position.top));\r\n vm.notSaveLayout = false;\r\n saveWidgetLayout(vm);\r\n\r\n doNotClickWidget = true;\r\n }\r\n });\r\n\r\n $(\"div.dashboardWidget\").off(\"mousedown\").on(\"mousedown\",\r\n function (event) {\r\n $(\"div.widgetContainer\").css(\"z-index\", \"1\");\r\n $(this).closest(\"div.widgetContainer\").css(\"z-index\", \"100\");\r\n });\r\n };\r\n var removeDraggable = function (element) {\r\n if (element.data(\"uiDraggable\")) {\r\n element.draggable(\"destroy\");\r\n }\r\n }\r\n\r\n var openHtmlEditor = function (clickEvt, dashboardWidget, settings) {\r\n if (!dashboardWidget)\r\n dashboardWidget = $(clickEvt.currentTarget).closest(\"div.dashboardWidget\");\r\n\r\n let contentArea = dashboardWidget.find(\"div.htmlTextContent div.rawText\");\r\n let htmlcontent = contentArea.html();\r\n let widgetId = dashboardWidget.data(\"widgetid\");\r\n let $mceModal = $(\"div#mceModal\");\r\n let richEditConfig = ko.contextFor($(\".widget-config\", dashboardWidget)[0]).$data.config;\r\n\r\n irGlobal.updateFromServer(clickEvt,\r\n urlConfigs.dashboard + \"GetRichTextEditDetail\",\r\n {\r\n widgetId: widgetId\r\n },\r\n function (result) {\r\n\r\n let completeFunction = function (data) {\r\n richEditConfig.htmlText(data.richTextResult.originalHtml);\r\n updateWidgetContents(dashboardWidget, data);\r\n };\r\n let save = false;\r\n $mceModal.find(\".modal-footer button.btn-primary\").off(\"click\").on(\"click\", function (e) {\r\n save = true;\r\n ($mceModal as any).modal(\"hide\");\r\n });\r\n $mceModal.off(\"hidden.bs.modal\").on(\"hidden.bs.modal\",\r\n function (modalEvt) {\r\n if (save) {\r\n let content = tinymce.activeEditor.getContent();\r\n contentArea.html(content);\r\n irGlobal.updateFromServer(clickEvt,\r\n urlConfigs.dashboard + \"UpdateWidgetHtml\",\r\n {\r\n widgetId: widgetId,\r\n htmlContent: content\r\n },\r\n completeFunction,\r\n null,\r\n true,\r\n \"POST\");\r\n }\r\n tinymce.activeEditor.setContent(\"\");\r\n tinymce.activeEditor.destroy();\r\n //If the \"More...\" button was clicked, force a click to close it because it stay opened \r\n let moreToolbarButton = $(\"div.tox-toolbar__group button.tox-tbtn[title='More...']\");\r\n if (moreToolbarButton.length > 0 && moreToolbarButton.hasClass(\"tox-tbtn--enabled\")) {\r\n moreToolbarButton.trigger(\"click\");\r\n }\r\n });\r\n tinymce.baseURL = urlConfigs.tinyMceBase;\r\n\r\n tinymce.init({\r\n selector: \"div#mceModal textarea\",\r\n width: \"100%\",\r\n height: 270,\r\n content_style: `.mce-content-body {background-color: ${settings.config.appearance.backgroundColor()};}`,\r\n setup: function (editor) {\r\n editor.ui.registry.addMenuButton('Metrics', {\r\n text: 'Metrics',\r\n fetch: function (callback) {\r\n let items = [];\r\n $.each(result.metrics,\r\n function (index, metricName) {\r\n items.push({\r\n type: 'menuitem',\r\n text: metricName,\r\n onAction: function () {\r\n let name = metricName.replace(/ /g, ' ');\r\n editor.insertContent(`[${name}]`);\r\n }\r\n });\r\n }\r\n );\r\n callback(items);\r\n }\r\n });\r\n editor.ui.registry.addMenuButton('Filters', {\r\n text: 'Filters',\r\n fetch: function (callback) {\r\n let items = [];\r\n let getItem = function (filter, displayName, fieldName) {\r\n return {\r\n type: 'menuitem',\r\n text: displayName,\r\n onAction: function () {\r\n let name = fieldName.replace(/ /g, ' ');\r\n if (filter.isMetric) {\r\n editor.insertContent(`[Metric Filter ${name}]`);\r\n }\r\n else if (filter.isWidgetFilter) {\r\n editor.insertContent(`[Widget Filter ${name}]`);\r\n }\r\n else {\r\n editor.insertContent(`[Filter ${name}]`);\r\n }\r\n }\r\n }\r\n }\r\n let filterVariables = getFilterVariables();\r\n result.filters.forEach(function (filter) {\r\n if (filter.isDateFilter) {\r\n items.push({\r\n type: 'nestedmenuitem',\r\n text: filter.name,\r\n getSubmenuItems: function () {\r\n let subMenuItems = [];\r\n let isDateRange = filter.filterEditorType === FilterEditorTypeEnum.DateRange;\r\n filterVariables.forEach(function (variable) {\r\n if (variable.range === isDateRange || variable.range === undefined) {\r\n subMenuItems.push(getItem(filter, variable.text, `${filter.name}|${variable.id}`));\r\n }\r\n });\r\n return subMenuItems;\r\n }\r\n });\r\n }\r\n else {\r\n items.push(getItem(filter, filter.name, filter.name));\r\n }\r\n });\r\n\r\n callback(items);\r\n }\r\n });\r\n editor.on('init', function (e) {\r\n editor.setContent(htmlcontent);\r\n });\r\n },\r\n content_css: urlConfigs.tinyMceTheme,\r\n skin_url: urlConfigs.tinyMceSkin,\r\n plugins: [\r\n \"advlist autolink lists link image charmap anchor\",\r\n \"insertdatetime media table code emoticons insertdatetime hr code quickbars\"\r\n ],\r\n statusbar: false,\r\n menubar: false,\r\n toolbar:\r\n `Metrics Filters | undo redo copy cut paste|\r\n quickimage quicktable |\r\n fontselect fontsizeselect forecolor backcolor styleselect |\r\n bold italic underline |\r\n alignleft aligncenter alignright alignjustify | \r\n indent outdent |\r\n charmap | checklist | hr |\r\n image editimage fliph flipv imageoptions rotateleft rotateright |\r\n link openlink unlink |\r\n bullist numlist | \r\n media | \r\n table`,\r\n rel_list: [{ title: \"Lightbox\", value: \"lightbox\" }],\r\n insertdatetime_formats: [\"%H:%M:%S\", tinyMceDateFmt1, \"%I:%M:%S %p\", tinyMceDateFmt2],\r\n });\r\n tinymce.activeEditor.setContent(htmlcontent);\r\n // Prevent Bootstrap dialog from blocking focusin\r\n $(document).off('focusin').on('focusin', function (e) {\r\n if ($(e.target).closest(\".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root\").length) {\r\n e.stopImmediatePropagation();\r\n }\r\n });\r\n ($mceModal as any).modal({ backdrop: 'static' });\r\n\r\n\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n undefined,\r\n undefined,\r\n undefined,\r\n false);\r\n };\r\n\r\n var changeReportType = function ($button, $widget) {\r\n let widgetId = $widget.data(\"widgetid\");\r\n let widgetType = $(\"div.reportResult\", $widget).data(\"widgettype\");\r\n let reportType = $(\"div.reportResult\", $widget).data(\"reporttype\");\r\n let isChangingToChart = widgetType != WidgetTypeEnum.Chart && (reportType === ReportTypeStrEnum.Analysis || reportType === ReportTypeStrEnum.Pivot);\r\n let newWidgetType = isChangingToChart ? 'Chart' : 'Analysis';\r\n\r\n changeButton($button, newWidgetType, reportType, $widget);\r\n\r\n irGlobal.updateFromServer($button,\r\n urlConfigs.dashboard + \"ChangeReportType\",\r\n {\r\n widgetId: widgetId,\r\n newWidgetType: newWidgetType,\r\n },\r\n function (data) {\r\n updateWidgetPartial($widget, data.widgetPartial, data.workbookReportList, data.workbookDashboardList);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n false);\r\n };\r\n\r\n var openTabDetail = function (e) {\r\n let dashboardWidget = $(e).hasClass(\".dashboardWidget\") ? $(e) : $(e).closest(\"div.dashboardWidget\");\r\n let vm = ko.contextFor($(\".widget-config\", dashboardWidget)[0]).$data;\r\n\r\n let tab = tabView.getActiveTab();\r\n let tabId = parseInt(tab.attr(\"id\"), 10);\r\n let fieldId = null;\r\n let fieldAutoGrouping = null;\r\n let filterValue = \"\";\r\n\r\n //For KPI\r\n if (vm.config.trendAxisFieldId) {\r\n fieldId = vm.config.trendAxisFieldId();\r\n fieldAutoGrouping = vm.config.trendAxisFieldAutoGrouping();\r\n if (vm.config.useLastPeriod() && fieldId)\r\n filterValue = vm.result.trendValues[vm.result.trendValues.length - 1].axisValue;\r\n else\r\n fieldId = null; //Set for null so the filters won't get last period when copying filters\r\n }\r\n\r\n let widgetId = vm.widgetId ? vm.widgetId() : dashboardWidget.data(\"widgetid\");\r\n\r\n let submitObject = {\r\n fromTabDetail: tabId,\r\n fromTabDetailWidget: widgetId,\r\n filterValue: filterValue,\r\n filterFieldId: fieldId || 0,\r\n filterFieldAutoGrouping: fieldAutoGrouping || 0,\r\n };\r\n\r\n tabView.openTab(vm.config.tabDetailId(), submitObject, true);\r\n };\r\n\r\n var copyWidget = function (e) {\r\n let dashboardWidget = $(e).closest(\"div.dashboardWidget\")\r\n let vm = ko.contextFor($(\".widget-config\", dashboardWidget)[0]).$data;\r\n let tab = tabView.getActiveTab();\r\n\r\n let widgetId = vm.widgetId ? vm.widgetId() : dashboardWidget.data(\"widgetid\");\r\n let tabId = tab.attr(\"id\");\r\n\r\n let completeFunction = function (data) {\r\n let partial = data.widgetPartial;\r\n let dashboardDesigner = getDashboardDesigner();\r\n let widgetObj = $(partial);\r\n\r\n let top = parseInt(widgetObj.css(\"top\").replace(\"px\", \"\"), 10);\r\n let left = parseInt(widgetObj.css(\"left\").replace(\"left\", \"\"), 10);\r\n if (top > 15) {\r\n top -= 10;\r\n }\r\n else {\r\n top += 10;\r\n }\r\n\r\n if (left > 15) {\r\n left -= 10;\r\n }\r\n else {\r\n left += 10;\r\n }\r\n\r\n widgetObj.css(\"top\", `${top}px`);\r\n widgetObj.css(\"left\", `${left}px`);\r\n\r\n dashboardDesigner.prepend(widgetObj);\r\n\r\n addWidgetActions(dashboardDesigner, widgetObj);\r\n setupWidget(widgetObj);\r\n\r\n refreshWidgetData(\" \", getWidget(data.widgetId), true, function () {\r\n tabView.updateWorkbookDashboardList(data);\r\n tabView.updateWorkbookReportList(data);\r\n });\r\n }\r\n\r\n irGlobal.updateFromServer(e,\r\n urlConfigs.dashboard + \"CopyWidget\",\r\n {\r\n tabId: tabId,\r\n widgetId: widgetId\r\n },\r\n completeFunction,\r\n null,\r\n true,\r\n \"POST\");\r\n }\r\n var showHideSearchBox = function (e) {\r\n let dashboardWidget = $(e).hasClass(\".dashboardWidget\") ? $(e) : $(e).closest(\"div.dashboardWidget\");\r\n let settings = reportSettings.getSettings(dashboardWidget);\r\n if (settings) {\r\n settings.enableSearchBox(!settings.enableSearchBox());\r\n }\r\n };\r\n\r\n var saveWidgetConfig = function (vm, updateData: boolean = false, callback: Function = null, showDefaultIndicator: boolean = false) {\r\n\r\n if (vm.shouldUpdateData && !updateData || vm.notSaveConfig)\r\n return;\r\n\r\n let config = ko.toJS(vm.config);\r\n let appearance = config.appearance;\r\n let widgetId = vm.widgetId();\r\n let dashboardWidget = getWidget(widgetId);\r\n\r\n let submitObject = {\r\n config: irGlobal.jsonStringfy(config),\r\n appearance: config.appearance,\r\n widgetId: widgetId,\r\n tabDetailId: config.tabDetailId,\r\n copyDimensionsToTab: config.copyDimensionsToTab,\r\n copyMetricsToTab: config.copyMetricsToTab\r\n }\r\n\r\n if (!showDefaultIndicator) {\r\n addLoaderWidget(dashboardWidget);\r\n }\r\n\r\n let completeFunction = function (data) {\r\n let dashboardAppearance = getDashboardSettings()?.dashboardAppearance;\r\n\r\n if (appearance.border.visible)\r\n dashboardWidget.removeClass(\"noBorderWidget\");\r\n else\r\n dashboardWidget.addClass(\"noBorderWidget\");\r\n\r\n if (appearance.border.shadow)\r\n dashboardWidget.removeClass(\"noShadowWidget\");\r\n else\r\n dashboardWidget.addClass(\"noShadowWidget\");\r\n\r\n if (appearance.header.visible)\r\n dashboardWidget.removeClass(\"noHeaderWidget\");\r\n else\r\n dashboardWidget.addClass(\"noHeaderWidget\");\r\n\r\n if (appearance.backgroundColor)\r\n dashboardWidget.css(\"background-color\", appearance.backgroundColor);\r\n else if (dashboardAppearance) {\r\n if (dashboardAppearance.widgetDefaultBackgroundColor) {\r\n dashboardWidget.css(\"background-color\", dashboardAppearance.widgetDefaultBackgroundColor);\r\n }\r\n else {\r\n dashboardWidget.css(\"background-color\", \"unset\");\r\n }\r\n }\r\n\r\n let mainWidgetNav = $(\".mainWidgetNav\", dashboardWidget);\r\n mainWidgetNav.css(\"background-color\", appearance.header.backColor).css(\"color\", appearance.header.fontColor);\r\n mainWidgetNav.css(\"font-size\", `${appearance.header.fontSize}px`).css(\"font-weight\", `${(appearance.header.fontBold ? \"bold\" : \"normal\")}`);\r\n mainWidgetNav.css(\"font-style\", `${(appearance.header.fontItalic ? \"italic\" : \"normal\")}`);\r\n mainWidgetNav.css(\"border-bottom\", `${(appearance.header.border ? \"1px solid\" : \"none\")}`);\r\n mainWidgetNav.css(\"border-bottom-color\", appearance.header.borderColor);\r\n\r\n let titleWidget = $(\".widget-title\", dashboardWidget);\r\n titleWidget.css(\"text-align\", appearance.header.fontAlignment);\r\n\r\n if (!showDefaultIndicator) {\r\n removeLoaderWidget(dashboardWidget);\r\n }\r\n\r\n if (vm.shouldUpdateData) {\r\n vm.shouldUpdateData = false;\r\n refreshWidgetData({}, dashboardWidget, undefined, callback);\r\n }\r\n else {\r\n if (callback && typeof callback === \"function\") {\r\n callback();\r\n }\r\n }\r\n };\r\n let errorFunction = function () {\r\n if (!showDefaultIndicator) {\r\n removeLoaderWidget(dashboardWidget);\r\n }\r\n };\r\n\r\n irGlobal.updateFromServer(\" \",\r\n urlConfigs.dashboard + \"SaveConfig\",\r\n submitObject,\r\n completeFunction,\r\n errorFunction,\r\n true,\r\n \"POST\",\r\n showDefaultIndicator,\r\n undefined,\r\n true\r\n );\r\n\r\n };\r\n\r\n var saveWidgetLayout = function (vm) {\r\n\r\n let layout = ko.toJS(vm.layout);\r\n let widgetId = vm.widgetId();\r\n let dashboardWidget = getWidget(widgetId);\r\n let widgetContainer = dashboardWidget.closest(\"div.widgetContainer\");\r\n\r\n let submitObject = {\r\n config: \"\",\r\n layout: ko.toJSON(layout),\r\n widgetId: widgetId,\r\n }\r\n\r\n addLoaderWidget(dashboardWidget);\r\n\r\n let completeFunction = function (data) {\r\n widgetContainer.css(\"width\", layout.width);\r\n widgetContainer.css(\"height\", layout.height);\r\n widgetContainer.css(\"left\", layout.left);\r\n widgetContainer.css(\"top\", layout.top);\r\n\r\n if (vm.widgetType() === WidgetTypeEnum.Report) {\r\n report.resize(dashboardWidget);\r\n }\r\n\r\n if (vm.widgetType() === WidgetTypeEnum.Filter) {\r\n widgetFilter.calculateHeight(dashboardWidget);\r\n }\r\n\r\n removeLoaderWidget(dashboardWidget);\r\n };\r\n let errorFunction = function () {\r\n removeLoaderWidget(dashboardWidget);\r\n };\r\n\r\n irGlobal.updateFromServer(\" \",\r\n urlConfigs.dashboard + \"SaveConfig\",\r\n submitObject,\r\n completeFunction,\r\n errorFunction,\r\n true,\r\n \"POST\",\r\n false\r\n );\r\n };\r\n\r\n var getWidgetSettings = function (widgetContainer) {\r\n let dashboardWidget = $(\".dashboardWidget\", widgetContainer);\r\n let context = ko.contextFor($(\".widget-config\", dashboardWidget)[0]);\r\n let vm = context?.$data;\r\n return vm;\r\n };\r\n\r\n var getDashboardSettings = function () {\r\n let vm = ko.toJS(ko.dataFor($(\".dashboard-config-json\", getDashboardContainer())[0]));\r\n return vm;\r\n }\r\n\r\n var setupDefaultFilterBehaviours = function (context) {\r\n filtersManager.setup(context,\r\n \"li.filterList\",\r\n \"li.filterContextContainer\",\r\n undefined, undefined\r\n );\r\n };\r\n\r\n var addFilterPopover = function (widget) {\r\n $.each(widget, function (index, element) {\r\n filtersManager.setup(element, \"li.filterList\", \"li.filterContextContainer\", undefined, undefined);\r\n });\r\n };\r\n\r\n var getAvailableFilters = function () {\r\n let filtersLi = $(\".tabFilterNav .filterContextContainer .dropdown-menu> li.filter-item-add\", tabContext());\r\n let filters = [];\r\n filtersLi.each(function (index, element) {\r\n let id = $(\"a\", element).data(\"filterid\");\r\n filters.push({\r\n id: id,\r\n filterName: element.dataset.filtername,\r\n filterFieldName: element.dataset.filterfieldname,\r\n filterFieldTableName: element.dataset.filterfieldtablename,\r\n displayFieldName: element.dataset.filterdisplayfieldname,\r\n displayFieldTableName: element.dataset.filterdisplayfieldtablename,\r\n dynamicParameter: element.dataset.filterdynamicparameter === \"True\" ? true : false,\r\n dynamicParameterName: element.dataset.filterdynamicparametername,\r\n editorType: element.dataset.editortype,\r\n dateRangeId: element.dataset.daterangeid || 0,\r\n icon: element.dataset.filtericon,\r\n visible: !$(element).hasClass(\"disabled\"),\r\n element: element,\r\n updateVisible: function (enabled) {\r\n filtersManager.updateVisibleFilterAvaliable(enabled, undefined, undefined, $(this.element));\r\n }\r\n });\r\n });\r\n\r\n return filters;\r\n }\r\n\r\n var getDashboardFilters = function () {\r\n let filtersLi = $(\".tabFilterNav li[data-filtercontext='Dashboard'] ul> li.filter\", tabContext());\r\n let filters = [];\r\n\r\n filtersLi.each(function (index, element) {\r\n let filterFieldName = \"\";\r\n let filterFieldTableName = \"\";\r\n if (element.dataset.boundfield) {\r\n let names = element.dataset.boundfield.split(\"__\");\r\n if (names.length >= 2) {\r\n filterFieldName = names[1];\r\n filterFieldTableName = names[0];\r\n }\r\n }\r\n\r\n let displayFieldName = \"\";\r\n let displayFieldTableName = \"\";\r\n if (element.dataset.displayfield) {\r\n let names = element.dataset.displayfield.split(\"__\");\r\n if (names.length >= 2) {\r\n displayFieldName = names[1];\r\n displayFieldTableName = names[0];\r\n }\r\n }\r\n\r\n filters.push({\r\n id: element.dataset.id,\r\n filterName: element.dataset.filtername,\r\n boundField: element.dataset.boundfield,\r\n boundFieldDataType: element.dataset.boundfielddatatype,\r\n filterFieldName: filterFieldName,\r\n filterFieldTableName: filterFieldTableName,\r\n displayFieldName: displayFieldName,\r\n displayFieldTableName: displayFieldTableName,\r\n dateFormat: element.dataset.dateformat,\r\n isMetric: element.dataset.ismetric,\r\n metricId: element.dataset.metricid,\r\n dynamicParameter: element.dataset.dynamicparameter === \"True\" ? true : false,\r\n dynamicParameterName: element.dataset.dynamicparametername,\r\n startCondition: element.dataset.startcondition,\r\n endCondition: element.dataset.endcondition,\r\n dateRange: element.dataset.daterange,\r\n dateRangeId: element.dataset.daterangeid,\r\n isMultiSelect: element.dataset.ismultiselect === \"True\" ? true : false,\r\n element: element,\r\n removeElement: function () {\r\n $(this.element).remove();\r\n }\r\n });\r\n });\r\n\r\n return filters;\r\n }\r\n\r\n var setup = function () {\r\n //editMode(false);\r\n var $context = getDashboardContainer();\r\n tabView.applyWorkbookBinding($(\"#DashboardContainerActions\", $context)[0]);\r\n\r\n irGlobal.showEmailPopup(\"a.emailButton\");\r\n $(document).on(\"focusin\",\r\n function (e) {\r\n if ($(e.target).closest(\".mce-window\").length) {\r\n e.stopImmediatePropagation();\r\n }\r\n });\r\n\r\n $(\"#DashboardSettingsPanel .addWidgetButton\", $context).off(\"click\").on(\"click\", addWidget);\r\n\r\n widgetDesigner.setup(function () {\r\n addWidgetActions($context, undefined);\r\n\r\n settingsVMApplied = true;\r\n settingsVM.vm = ko.observable(null);\r\n settingsVM.dashboardVM = ko.observable(null);\r\n settingsVM.widgetSelected = false;\r\n dashboardDesigner.setup(settingsVM);\r\n ko.applyBindings(settingsVM, $(\"#DashboardSettingsPanel\")[0]);\r\n\r\n doNotClickWidget = false;\r\n designerWidthTotal = 0;\r\n applyEditMode();\r\n if (!editMode()) {\r\n if (getDashboardDesigner().find(\".dashboardWidget\").length === 0)\r\n setEditMode();\r\n }\r\n\r\n //irGlobal.showEmailPopup(\"a.emailButton\", $context);\r\n irGlobal.showEmailPopup(\"a.emailButton\");\r\n\r\n $(\"button#PlainHtmlButton\", $context).off(\"click\");\r\n\r\n irGlobal.setup();\r\n\r\n filtersManager.setup($context,\r\n \"ul.tabFilterNav li.filterList\",\r\n \"ul.tabFilterNav li.filterContextContainer\",\r\n null,\r\n null\r\n );\r\n filtersManager.checkFiltersErrors($context);\r\n\r\n loadWidgets();\r\n });\r\n };\r\n\r\n // Used for printing dashboard to HTML / PDF\r\n var htmlOutputSetup = function () {\r\n irGlobal.setup();\r\n let $context = getDashboardContainer();\r\n widgetDesigner.setup(function () {\r\n addWidgetActions($context, undefined, true);\r\n loadWidgets();\r\n });\r\n };\r\n\r\n var htmlWidgetOutputSetup = function () {\r\n let $context = getDashboardContainer();\r\n formattingRule.setup(function () {\r\n mappingDataSource.prepareDataSourcePopover(function () {\r\n let widgets = getWidgets();\r\n widgets.forEach(function (widget) {\r\n addWidgetActions($context, widget.element, true);\r\n let widgetContainer = widget.element.closest(\".widgetContainer\");\r\n let data = ko.contextFor($(\".widget-config\", widget.element)[0]).$data;\r\n switch (widget.type) {\r\n case WidgetTypeEnum.KPI:\r\n widgetKPI.setup(widget.element, data);\r\n break;\r\n case WidgetTypeEnum.Filter:\r\n widgetFilter.setup(widget.element, data);\r\n break;\r\n case WidgetTypeEnum.TreeMap:\r\n widgetTreeMap.setup(widget.element, data);\r\n break;\r\n case WidgetTypeEnum.Map:\r\n widgetMap.setup(widget.element, data);\r\n break;\r\n case WidgetTypeEnum.Gauge:\r\n widgetGauge.setup(widget.element, data);\r\n break;\r\n case WidgetTypeEnum.Report:\r\n case WidgetTypeEnum.Pivot:\r\n reportView.htmlOutputSetup(widget.element, false);\r\n break;\r\n case WidgetTypeEnum.Chart: \r\n chart.addChartPlot($(\".chartMainContainer\", widget.element), null, null, true)\r\n break;\r\n default:\r\n //addResize(widgetContainer);\r\n //addDraggable(widgetContainer);\r\n //widgetContainer.resizable(\"disable\");\r\n //widgetContainer.draggable('disable');\r\n break;\r\n }\r\n });\r\n });\r\n });\r\n };\r\n\r\n return {\r\n setup: setup,\r\n htmlOutputSetup: htmlOutputSetup,\r\n htmlWidgetOutputSetup: htmlWidgetOutputSetup,\r\n saveWidgetConfig: saveWidgetConfig,\r\n openTabDetail: openTabDetail,\r\n copyWidget: copyWidget,\r\n showHideSearchBox: showHideSearchBox,\r\n getAvailableFilters: getAvailableFilters,\r\n getDashboardFilters: getDashboardFilters,\r\n getWidget: getWidget,\r\n getWidgets: getWidgets,\r\n refreshWidgetData: refreshWidgetData,\r\n updateWidgetContents: updateWidgetContents,\r\n setupDefaultFilterBehaviours: setupDefaultFilterBehaviours,\r\n expandWidget: expandWidget,\r\n refreshWidgets: refreshWidgets,\r\n removeWidget: removeWidget,\r\n widgetReportSelectPopup: widgetReportSelectPopup,\r\n recalculateDashboardZoom: recalculateDashboardZoom,\r\n resizeExpandedWidgets: resizeExpandedWidgets,\r\n setEditMode: setEditMode,\r\n disableEditMode: function () {\r\n if (editMode()) {\r\n setEditMode();\r\n }\r\n },\r\n afterUpdatedWidgetData: afterUpdatedWidgetData,\r\n getWidgetSettings: getWidgetSettings,\r\n _zoom: function (value) {\r\n if (value)\r\n _zoom = value;\r\n return _zoom;\r\n },\r\n };\r\n}());\r\n","declare var urlConfigs: any;\r\n\r\nvar dashboardDesigner = (function () {\r\n\r\n var vm;\r\n\r\n var createVM = function (databindElment) {\r\n let jsonData = $(\".dashboard-config-json\", databindElment).data(\"jsonconfig\");\r\n let popupElement = $(\".dashboard-config-popup\", databindElment);\r\n \r\n vm = {\r\n dashboardAppearance: ko.mapping.fromJS(jsonData),\r\n popupOptions: {\r\n width: 300,\r\n height: 150,\r\n //container: \".dx-viewport\",\r\n container: \"#DashboardContainer\",\r\n showTitle: true,\r\n title: \"Dashboard Settings\",\r\n visible: false,\r\n dragEnabled: true,\r\n hideOnOutsideClick: false,\r\n shading: true,\r\n shadingColor: \"rgba(255,255,255,0.3)\",\r\n showCloseButton: false,\r\n //position: \"right top\",\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n //of: popupElement,\r\n },\r\n toolbarItems: [{\r\n widget: \"dxButton\",\r\n toolbar: \"bottom\",\r\n location: \"after\",\r\n options: {\r\n text: \"Close\",\r\n onClick: function (e) {\r\n vm.popupVisible = false;\r\n (popupElement as any).dxPopup(\"instance\").hide();\r\n }\r\n }\r\n }],\r\n //closeOnOutsideClick: function (e) {\r\n // return e.target === $(\"#someElement\").get()[0];\r\n //},\r\n },\r\n openPopup: function (e, x, y) {\r\n vm.popupVisible = true;\r\n (popupElement as any).dxPopup(\"instance\").show();\r\n },\r\n tracker: Function,\r\n popupVisible: false,\r\n };\r\n\r\n let oldJsonConfig = \"\";\r\n vm.tracker = ko.computed(function () {\r\n let jsonConfig = ko.toJSON(vm.dashboardAppearance);\r\n if (oldJsonConfig !== jsonConfig && vm.popupVisible) {\r\n var submitObject = {\r\n appearance: ko.toJS(vm.dashboardAppearance),\r\n }\r\n var completeFunction = function (data) {\r\n };\r\n irGlobal.updateFromServer(\" \",\r\n urlConfigs.dashboard + \"SaveDashboardAppearance\",\r\n submitObject,\r\n completeFunction,\r\n null,\r\n true,\r\n \"POST\");\r\n $(\"#DashboardDesignerResizer\").css(\"background-color\", vm.dashboardAppearance.backgroundColor());\r\n let widgets = $(\"#DashboardDesigner .dashboardWidget\");\r\n for (var i = 0; i < widgets.length; i++) {\r\n let widget = widgets[i];\r\n let widgetConfigElement = $(\".widget-config\", widget);\r\n let widgetConfig = ko.contextFor(widgetConfigElement[0]).$data.config;\r\n if (!widgetConfig.appearance.backgroundColor())\r\n $(widget).css(\"background-color\", vm.dashboardAppearance.widgetDefaultBackgroundColor());\r\n }\r\n }\r\n oldJsonConfig = jsonConfig;\r\n }, vm.config);\r\n };\r\n\r\n var setup = function (designerVM) {\r\n let databindElment = $(\"#DashboardSettingsPanel .dashboard-config-databind\")[0];\r\n createVM(databindElment);\r\n designerVM.dashboardVM(vm);\r\n };\r\n\r\n return {\r\n setup: setup,\r\n };\r\n\r\n}());","///
\r\n\r\ndeclare var urlConfigs: any;\r\n\r\nclass FieldNameInputModel {\r\n id: string;\r\n metric: boolean;\r\n mapField: boolean;\r\n all: boolean;\r\n metricName: string;\r\n autoGrouping: string; //AutoGrouping;\r\n color: string;\r\n tableName: string;\r\n fieldName: string;\r\n nodeName: string;\r\n order: number;\r\n groupingType: string; //GroupingType;\r\n isReportMetric: boolean;\r\n displayName: string;\r\n format: string; //FieldFormat | null;\r\n decimalPlaces: number | null;\r\n foreColor: string;\r\n backgroundColor: string;\r\n thresholdValue: number | null;\r\n thresholdColor: string;\r\n formattingRuleId: string;\r\n formattingRuleName: string;\r\n type: string; //Datatype;\r\n comparisonType: string; //ComparisonMetricType;\r\n comparisonFilterId: string;\r\n comparisonMetricId: string;\r\n metricId: string;\r\n queryName: string;\r\n visualizationMode: string; //VisualizationModeEnum;\r\n barChartText: string; //BarChartTextEnum;\r\n barChartTextPosition: string; //BarChartTextPositionEnum;\r\n colorBar: string;\r\n columnWidth: number;\r\n fields: Array
;\r\n\r\n constructor(data: any = null) {\r\n if (data)\r\n this.copyProperties(data, this);\r\n }\r\n\r\n duplicate(name: string) {\r\n let copy = this.clone();\r\n copy.nodeName = name;\r\n copy.displayName = name;\r\n return copy;\r\n }\r\n\r\n clone(): FieldNameInputModel {\r\n let fromObject = this;\r\n let toObject: FieldNameInputModel = new FieldNameInputModel();\r\n this.copyProperties(fromObject, toObject);\r\n return toObject;\r\n }\r\n\r\n copyProperties(fromObject, toObject) {\r\n for (let property in fromObject) {\r\n if (fromObject[property] !== undefined) {\r\n let fromValue = fromObject[property];\r\n if (Array.isArray(fromValue)) {\r\n toObject[property] = [];\r\n for (var i = 0; i < fromValue.length; i++) {\r\n let itemArray = fromValue[i];\r\n let newItemArray = {};\r\n this.copyProperties(itemArray, newItemArray);\r\n toObject[property].push(newItemArray);\r\n }\r\n }\r\n else if (typeof fromValue === \"object\") {\r\n this.copyProperties(fromValue, toObject[property] || {});\r\n }\r\n else {\r\n toObject[property] = fromValue;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nvar mappingDataSource = (function () {\r\n\r\n var onDblClickDataSource = null;\r\n var setDblClickDataSource = function (callback) {\r\n onDblClickDataSource = callback;\r\n }\r\n\r\n var getDataSourcePopover = function (type, target = null, title = null) {\r\n if (target) {\r\n let popover = $(\"#popover-datasource\").dxPopover(\"instance\");\r\n let titlePopover = \"Mapping Fields\";\r\n if (title) {\r\n titlePopover = title;\r\n }\r\n popover.option(\"title\", titlePopover);\r\n popover.show(target);\r\n }\r\n var treeView = $(\"#treeview-datasource\").dxTreeView(\"instance\");\r\n var options = treeView.option();\r\n var items = [];\r\n\r\n switch (type) {\r\n case \"Metrics\":\r\n items = metrics.filter(x => x.visibility === VisibilityEnum.Normal);\r\n break;\r\n case \"NonMetrics\":\r\n items = tables.filter(x => x.visibility === VisibilityEnum.Normal);\r\n break;\r\n //Show only tables with date fields\r\n case \"Date\":\r\n case \"DateNonDerivedDates\":\r\n for (var i = 0; i < tables.filter(x => x.visibility === VisibilityEnum.Normal).length; i++) {\r\n let table = tables[i];\r\n if (table.fields.find(x => x.type === \"DATE\")) {\r\n let newTable = Object.assign({}, table);\r\n newTable.fields = [];\r\n items.push(newTable);\r\n for (var j = 0; j < table.fields.length; j++) {\r\n let field = table.fields[j];\r\n if (field.type === \"DATE\" && field.visibility === VisibilityEnum.Normal) {\r\n let newField = Object.assign({}, field);\r\n if (type === \"DateNonDerivedDates\") {\r\n newField.fields = undefined;\r\n }\r\n\r\n newTable.fields.push(newField);\r\n }\r\n }\r\n }\r\n }\r\n break;\r\n case \"NonMetricsNonDerivedDates\":\r\n for (var i = 0; i < tables.filter(x => x.visibility === VisibilityEnum.Normal).length; i++) {\r\n let table = tables[i];\r\n let newTable = Object.assign({}, table);\r\n newTable.fields = [];\r\n\r\n let fields = table.fields.filter(x => x.visibility === VisibilityEnum.Normal);\r\n for (var j = 0; j < fields.length; j++) {\r\n let field = fields[j];\r\n let newField = Object.assign({}, field);\r\n\r\n if (field.type === \"DATE\") {\r\n newField.fields = null;\r\n }\r\n\r\n newTable.fields.push(newField);\r\n }\r\n\r\n if (newTable.fields.length > 0) {\r\n items.push(newTable);\r\n }\r\n }\r\n break;\r\n case \"NonMetricsNonDates\":\r\n for (var i = 0; i < tables.filter(x => x.visibility === VisibilityEnum.Normal).length; i++) {\r\n let table = tables[i];\r\n if (table.fields.find(x => x.type !== \"DATE\")) {\r\n let newTable = Object.assign({}, table);\r\n newTable.fields = [];\r\n items.push(newTable);\r\n for (var j = 0; j < table.fields.length; j++) {\r\n let field = table.fields[j];\r\n if (field.type !== \"DATE\" && field.visibility === VisibilityEnum.Normal) {\r\n newTable.fields.push(field);\r\n }\r\n }\r\n }\r\n }\r\n break;\r\n default:\r\n items = metrics.filter(x => x.visibility === VisibilityEnum.Normal).concat(tables);\r\n break;\r\n }\r\n\r\n return items;\r\n }\r\n\r\n var showDataSourcePopover = function (type, target, items = null, title = null) {\r\n let popover = $(\"#popover-datasource\").dxPopover(\"instance\");\r\n let titlePopover = \"Mapping Fields\";\r\n if (title) {\r\n titlePopover = title;\r\n }\r\n popover.option(\"title\", titlePopover);\r\n\r\n if (target) {\r\n popover.show(target);\r\n }\r\n\r\n var treeView = $(\"#treeview-datasource\").dxTreeView(\"instance\");\r\n var options = treeView.option();\r\n var dataSource = items || getDataSourcePopover(type);\r\n treeView.option(\"items\", dataSource);\r\n\r\n if (type === \"Metrics\")\r\n treeView.expandItem(metrics[0]);\r\n };\r\n\r\n var tables = [];\r\n var metrics = [];\r\n\r\n var prepareDataSourcePopover = function (callback) {\r\n var successFunction = function (data) {\r\n\r\n var tableMetrics = [data.schema.tables.shift()];\r\n\r\n tables = data.schema.tables;\r\n let metricsData = tableMetrics[0].fields;\r\n metrics = [];\r\n let timeout: any = null;\r\n\r\n for (var i = 0; i < metricsData.length; i++) {\r\n let metricData = metricsData[i];\r\n let metric = new FieldNameInputModel(metricData);\r\n metric.fields = [];\r\n //let percentageOfTotal = metric.duplicate(\"% of Total\");\r\n //let accumulated = metric.duplicate(\"Accumulated\");\r\n //metric.fields.push(percentageOfTotal);\r\n //metric.fields.push(accumulated);\r\n metrics.push(metric);\r\n }\r\n\r\n let treeViewOptions: DevExpress.ui.dxTreeView.Properties = {\r\n width: \"100%\",\r\n height: 440,\r\n keyExpr: \"nodeId\",\r\n displayExpr: function (item) {\r\n if (item) {\r\n return item.title || item.displayName || item.nodeName;\r\n }\r\n\r\n return undefined;\r\n },\r\n itemsExpr: \"fields\",\r\n searchEnabled: true,\r\n searchMode: \"contains\",\r\n scrollDirection: \"vertical\",\r\n selectedItem: ko.observable({}),\r\n onItemClick: function (e) {\r\n var options = treeViewOptions;\r\n var item = e.itemData;\r\n\r\n if (!timeout) {\r\n timeout = setTimeout(function () {\r\n timeout = null;\r\n }, 300);\r\n }\r\n //only for fields (table doesn't have queryName)\r\n else if (item === options.selectedItem && item.queryName) {\r\n if (onDblClickDataSource)\r\n onDblClickDataSource(options.selectedItem);\r\n\r\n hide();\r\n }\r\n\r\n options.selectedItem = item;\r\n },\r\n };\r\n\r\n let sortableOptions: DevExpress.ui.dxSortable.Properties = {\r\n group: \"shared\",\r\n filter: \".dx-treeview-item\",\r\n dropFeedbackMode: \"indicate\",\r\n moveItemOnDrop: false,\r\n allowDropInsideItem: false,\r\n allowReordering: false,\r\n };\r\n\r\n let popoverOptions: DevExpress.ui.dxPopover.Properties = {\r\n title: \"Mapping Fields\",\r\n showTitle: true,\r\n target: \"#popoverTarget\",\r\n position: \"left\",\r\n height: 500,\r\n width: 300,\r\n onInitialized: function (e) {\r\n popoverInstance = e.component;\r\n }\r\n };\r\n\r\n var popoverInstance = null;\r\n\r\n $(\"#treeview-datasource\").dxTreeView(treeViewOptions);\r\n $(\"#treeview-datasource-sort\").dxSortable(sortableOptions);\r\n $(\"#popover-datasource\").dxPopover(popoverOptions);\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n };\r\n\r\n var failureFunction = function () {\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n\r\n var jsonTablesConfigHtml = $(\"body\").data(\"tablesconfightml\");\r\n if (jsonTablesConfigHtml) {\r\n successFunction({ schema: { tables: jsonTablesConfigHtml }});\r\n }\r\n else {\r\n irGlobal.updateFromServer({},\r\n urlConfigs.designer + \"GetDataSource\",\r\n {},\r\n successFunction,\r\n failureFunction,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n };\r\n\r\n var getField = function (fieldId) {\r\n if (!fieldId)\r\n return null;\r\n let table = tables.find(t => t.fields.find(f => f.fieldId === fieldId));\r\n var field = table ? table.fields.find(f => f.fieldId === fieldId) : null;\r\n return field;\r\n }\r\n\r\n var getFieldByName = function (fieldName, fieldTableName) {\r\n if (!fieldName || !fieldTableName)\r\n return null;\r\n let table = tables.find(t => t.fields.find(f => f.fieldName === fieldName && f.tableName === fieldTableName));\r\n var field = table ? table.fields.find(f => f.fieldName === fieldName && f.tableName === fieldTableName) : null;\r\n return field;\r\n }\r\n\r\n var getFieldName = function (fieldId) {\r\n var field = getField(fieldId);\r\n return field ? field.nodeName : \"\";\r\n }\r\n\r\n var getMetricName = function (metricId) {\r\n if (!metricId)\r\n return \"\";\r\n var metric = metrics.find(m => m.id === metricId || m.metricId === metricId);\r\n return metric ? metric.nodeName : \"\";\r\n }\r\n\r\n var getAllMetrics = function () {\r\n return metrics.filter(x => x.visibility === VisibilityEnum.Normal);\r\n }\r\n\r\n var hide = function () {\r\n let popover = $(\"#popover-datasource\").dxPopover(\"instance\");\r\n if (popover) {\r\n popover.hide();\r\n }\r\n }\r\n\r\n return {\r\n getDataSourcePopover: getDataSourcePopover,\r\n showDataSourcePopover: showDataSourcePopover,\r\n prepareDataSourcePopover: prepareDataSourcePopover,\r\n setDblClickDataSource: setDblClickDataSource,\r\n getMetricName: getMetricName,\r\n getField: getField,\r\n getFieldByName: getFieldByName,\r\n getFieldName: getFieldName,\r\n hide: hide,\r\n getAllMetrics: getAllMetrics\r\n };\r\n\r\n}());\r\n","declare var customGroupFieldsId: any;\r\ndeclare var exportToExcel: any;\r\ndeclare var exportPivotToExcel: any;\r\n\r\nclass WorkbookViewModel {\r\n\r\n editing: KnockoutObservable;\r\n hasDashboardTab: KnockoutComputed;\r\n tabs: KnockoutObservableArray;\r\n\r\n constructor() {\r\n this.editing = ko.observable(false);\r\n this.tabs = ko.observableArray([]);\r\n\r\n this.hasDashboardTab = ko.computed(function () {\r\n return this.tabs().filter(x => x.tabType === TabTypeEnum.Dashboard).length > 0;\r\n }.bind(this));\r\n }\r\n\r\n setup() {\r\n this.editing = ko.observable(loggedUser.workbookOpeningMode() === WorkbookOpeningModeEnum.Edit);\r\n }\r\n\r\n getActiveTab() {\r\n let tabElement = $(\"div[role='tabpanel'].active\", \"div#TabContainer\");\r\n if (tabElement.length === 0) {\r\n return null;\r\n }\r\n let tabId = parseInt(tabElement.attr(\"id\"));\r\n\r\n return this.tabs().find(x => x.id === tabId);\r\n }\r\n}\r\n\r\nvar workbookViewModel = new WorkbookViewModel();\r\nvar tabView = (function ($) {\r\n\r\n var parentContext = function (): JQuery {\r\n return $(\"div#TabContainer\");\r\n };\r\n\r\n var getActiveTab = function (context: JQuery = null) {\r\n if (!context) {\r\n context = parentContext();\r\n }\r\n\r\n return $(\"div[role='tabpanel'].active\", context);\r\n };\r\n\r\n var getBaseSubmitObject = function (objectToExtend, context: JQuery = null) {\r\n if (!context) {\r\n context = parentContext();\r\n }\r\n\r\n var workbookId = context.data(\"workbookid\");\r\n var mappingId = context.data(\"mappingid\");\r\n var baseObject = { workbookId: workbookId, mappingId: mappingId };\r\n var activeTab = getActiveTab(context);\r\n\r\n if (activeTab.length > 0 && (!objectToExtend || !objectToExtend[\"tabId\"])) {\r\n var tabId = parseInt(activeTab.attr(\"id\"), 10);\r\n baseObject[\"tabId\"] = tabId;\r\n\r\n let tabType = activeTab.data(\"tabtype\");\r\n if (tabType === TabTypeStrEnum.Report || tabType === TabTypeStrEnum.Chart) {\r\n baseObject[\"drilldownId\"] = reportView.getDrilldownId();\r\n }\r\n }\r\n\r\n return $.extend(\r\n baseObject,\r\n objectToExtend);\r\n };\r\n \r\n var getTabConfig = function (objectToExtend) {\r\n let tabType = getActiveTab().data(\"tabtype\");\r\n let config = { };\r\n let filterValues;\r\n switch (tabType) {\r\n case TabTypeStrEnum.Report:\r\n case TabTypeStrEnum.Chart:\r\n config = reportView.getReportConfig(true);\r\n break;\r\n case TabTypeStrEnum.Dashboard:\r\n if (objectToExtend && objectToExtend.widgetId !== undefined) {\r\n let widgetType = $(`.dashboardWidget[data-widgetid=${objectToExtend.widgetId}]`, getActiveTab()).closest(\".widgetContainer\").data(\"widgettype\");\r\n if (widgetType === WidgetTypeEnum.Pivot || widgetType === WidgetTypeEnum.Chart || widgetType === WidgetTypeEnum.Report) {\r\n config = reportView.getReportConfig(true);\r\n }\r\n else {\r\n filterValues = filtersManager.getFilterValues();\r\n config = getBaseSubmitObject(filterValues);\r\n }\r\n }\r\n else {\r\n //**** Obsolete\r\n //Report|Chart|Pivot\r\n if ($(\".dashboardWidget.selected .reportContent\", getActiveTab()).length > 0) {\r\n config = reportView.getReportConfig(true);\r\n }\r\n else {\r\n filterValues = filtersManager.getFilterValues();\r\n config = getBaseSubmitObject(filterValues);\r\n }\r\n //****\r\n }\r\n break;\r\n case TabTypeStrEnum.ReportDesigner:\r\n case TabTypeStrEnum.ChartDesigner:\r\n config = getBaseSubmitObject(objectToExtend);\r\n break;\r\n //Sidebar menu calls GetWorkbooks but the workbook/tab is not fully loaded yet and tabType is not defined \r\n default:\r\n filterValues = filtersManager.getFilterValues();\r\n config = getBaseSubmitObject(filterValues);\r\n break;\r\n }\r\n\r\n const context = parentContext();\r\n const tabDetailDrilldown = $(\".tab-detail-drilldown-back\", context);\r\n if (tabDetailDrilldown.length === 1) {\r\n (config as any).fromTabDetail = tabDetailDrilldown.data(\"tab-id\");\r\n (config as any).fromTabDetailWidget = tabDetailDrilldown.data(\"widget-id\");\r\n }\r\n\r\n if (!objectToExtend) {\r\n objectToExtend = {};\r\n }\r\n\r\n $.extend(config, objectToExtend);\r\n return config;\r\n };\r\n\r\n var workbookHasPendingChanges = function () {\r\n let hasPendingChanges = false;\r\n let workbookId = parentContext().data(\"workbookid\");\r\n if (workbookId) {\r\n irGlobal.updateFromServer(null,\r\n urlConfigs.tabs + \"HasPedingChanges\",\r\n { workbookId: workbookId },\r\n function (data) {\r\n hasPendingChanges = data.pendingChanges;\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true,\r\n undefined,\r\n undefined,\r\n false);\r\n }\r\n return hasPendingChanges;\r\n }\r\n\r\n var setId = function (id) {\r\n //Bail out if we're trying to set null/\r\n if (!id) {\r\n return;\r\n }\r\n\r\n parentContext().data(\"workbookid\", id);\r\n };\r\n\r\n var setUrl = function (data) {\r\n if (data.id) {\r\n if (!data.forceSet && getBaseSubmitObject(null).workbookId === data.id) return;\r\n setId(data.id);\r\n history.pushState({}, null, urlConfigs.tabs + \"edit/\" + data.id);\r\n showOptionsButton(true);\r\n }\r\n };\r\n\r\n var addSubMenuEvent = function () {\r\n let context = parentContext();\r\n $('.dropdown-submenu > a', context).off(\"click\").on(\"click\", function (e) {\r\n let a = this;\r\n $('.dropdown-submenu > a', context).each(function () {\r\n if (a !== this) {\r\n $(this).next('ul').css(\"display\", \"none\");\r\n }\r\n });\r\n\r\n let li = $(this).closest(\"li\");\r\n let ul = $(this).next('ul');\r\n let widthReport = $(\"#ReportSelector\", context).outerWidth();\r\n\r\n ul.css(\"left\", `${(li.offset().left + widthReport - 2)}px`);\r\n ul.css(\"top\", `${(li.offset().top + 4)}px`);\r\n\r\n ul.toggle();\r\n e.stopPropagation();\r\n e.preventDefault();\r\n });\r\n }\r\n\r\n var updateWorkbookReportList = function (data) {\r\n if (!data.workbookReportList) return;\r\n let reportSelector = $(\"ul#ReportSelector \");\r\n reportSelector.replaceWith(data.workbookReportList);\r\n $(\"#ReportSelector > li:not(.dropdown-submenu) > a, #ReportSelector li.dropdown-submenu > ul.dropdown-menu > li > a\", parentContext()).off(\"click\", newReportClick).on(\"click\", newReportClick);\r\n addSubMenuEvent();\r\n };\r\n\r\n var updateWorkbookDashboardList = function (data) {\r\n if (!data.workbookDashboardList) return;\r\n let dashboardSelector = $(\"ul#CreateDashboardSelector\");\r\n dashboardSelector.replaceWith(data.workbookDashboardList);\r\n let context = parentContext();\r\n $(\"#CreateDashboardSelector > li > a\", context).off(\"click\", addNewDashboardTab).on(\"click\", addNewDashboardTab);\r\n\r\n if ($(\"#CreateDashboardSelector > li\", context).length > 1) {\r\n $(\"#CreateDashboardSelector\", context).closest(\"li\").css(\"display\", \"unset\");\r\n $(\"div#WorkbookButtons button.addbutton\", context).closest(\"li\").css(\"display\", \"none\");\r\n }\r\n else {\r\n $(\"#CreateDashboardSelector\", context).closest(\"li\").css(\"display\", \"none\");\r\n $(\"div#WorkbookButtons button.addbutton\", context).closest(\"li\").css(\"display\", \"unset\");\r\n }\r\n };\r\n\r\n var updateReportList = function (data) {\r\n if (!data.reportReportsList) {\r\n return;\r\n }\r\n\r\n $(\"select.reportList\").each(function () {\r\n let thisSelector = $(this);\r\n let selectedOption = $(\"option:selected\", thisSelector);\r\n let selectedReport = selectedOption.val();\r\n thisSelector.html(data.reportReportsList);\r\n let customSelection = $(\"option[value='\" + customGroupFieldsId + \"']\", thisSelector);\r\n if (selectedReport === customGroupFieldsId && thisSelector.attr(\"id\") !== \"AnalyzeByReports\") {\r\n customSelection.removeAttr(\"hidden\").prop(\"selected\", true);\r\n }\r\n else {\r\n if (selectedReport === customGroupFieldsId)\r\n selectedReport = data.reportId;\r\n\r\n customSelection.attr(\"hidden\");\r\n $(thisSelector.find(\"option[value='\" + selectedReport + \"']\")[0]).prop(\"selected\", true);\r\n }\r\n\r\n });\r\n reportView.addReportSelectorEvents();\r\n };\r\n\r\n var updateTabView = function (data) {\r\n setUrl(data);\r\n irGlobal.handleAlerts(data);\r\n\r\n if (data.view) {\r\n let tabPageContainer = $(\"div#TabPageContainer\", parentContext());\r\n tabPageContainer.html(data.view);\r\n\r\n createTab();\r\n }\r\n else {\r\n updateIconDefaultTab();\r\n }\r\n\r\n if (data.tabType) {\r\n switch (data.tabType) {\r\n case TabTypeStrEnum.Dashboard:\r\n dashboard.setup();\r\n break;\r\n case TabTypeStrEnum.Report:\r\n case TabTypeStrEnum.Chart:\r\n reportView.setup();\r\n break;\r\n case TabTypeStrEnum.ReportDesigner:\r\n case TabTypeStrEnum.ChartDesigner:\r\n setupDesigner();\r\n break;\r\n }\r\n }\r\n\r\n updateWorkbookReportList(data);\r\n updateWorkbookDashboardList(data);\r\n updateReportList(data);\r\n setupTabActions();\r\n };\r\n\r\n var addNewDashboardTab = function (e) {\r\n e.preventDefault();\r\n let link = irGlobal.getJqueryElement(e.currentTarget);\r\n let dashboardId = (link as any).data(\"dashboardid\");\r\n\r\n addNewTab(e, TabTypeStrEnum.Dashboard, dashboardId, null);\r\n };\r\n\r\n var addNewTab = function (evt, tabType, reportId, reportType) {\r\n let context = parentContext();\r\n context.attr(\"scrollTab\", null);\r\n\r\n let submitObject = { newReportId: reportId, tabType: tabType };\r\n if (reportType)\r\n submitObject[\"newReportType\"] = reportType;\r\n\r\n updateFromServer(evt,\r\n urlConfigs.tabs + \"AddTab\",\r\n submitObject,\r\n updateTabView,\r\n null);\r\n };\r\n\r\n var removeTab = function (e) {\r\n let tabDiv = $(e.currentTarget).parent().parent();\r\n let tabName = tabDiv.find(\"span.tabName input\").val();\r\n bootbox.confirm(`Are you sure you want to remove \"${tabName}\" tab?`,\r\n function (result) {\r\n if (!result) return;\r\n\r\n let link = tabDiv.find(\"a\");\r\n let tabId = link.data(\"tabid\");\r\n let submitObject = getTabConfig({ tabId: tabId });\r\n updateFromServer(e,\r\n urlConfigs.tabs + \"RemoveTab\",\r\n submitObject,\r\n function (data) {\r\n let context = parentContext();\r\n context.attr(\"scrollTab\", null);\r\n\r\n updateTabView(data);\r\n },\r\n null);\r\n });\r\n };\r\n\r\n var changeActiveTab = function (e) {\r\n e.preventDefault();\r\n if (renamingTab)\r\n return;\r\n\r\n let link = irGlobal.getJqueryElement(e.currentTarget);\r\n let tabId = (link as any).data(\"tabid\");\r\n if (jsonResult.activeTabId !== tabId) {\r\n openTab(tabId);\r\n }\r\n };\r\n\r\n var openTab = function (tabId, objectParameter = null, isTabDetail: boolean = false) {\r\n let submitObject = objectParameter ?? {};\r\n submitObject.newActiveTabId = tabId;\r\n\r\n let context = parentContext();\r\n let tabPageHeader = getTabPageHeader();\r\n let scrollableContainer = $(\".dx-scrollable-container\", tabPageHeader).get(0);\r\n let scrollLeft = null;\r\n\r\n if (scrollableContainer) {\r\n if (isTabDetail) {//If opened by another item\r\n scrollLeft = $(`#Tab_${tabId}`).get(0).getBoundingClientRect().left;\r\n }\r\n else {\r\n scrollLeft = scrollableContainer.scrollLeft;\r\n }\r\n }\r\n\r\n if (isTabDetail) {\r\n let marginLeft = parseInt($('.dx-drawer-panel-content').css('margin-left').replace('px', ''));\r\n if (marginLeft == 0) {\r\n scrollLeft = scrollLeft - 205;\r\n }\r\n }\r\n else {\r\n $(\".tab-detail-drilldown-back\", context).remove();\r\n }\r\n\r\n context.attr(\"scrollTab\", scrollLeft);\r\n\r\n updateFromServer({},\r\n urlConfigs.tabs + \"SetActiveTab\",\r\n submitObject,\r\n function (data) {\r\n dashboard.disableEditMode();\r\n\r\n workbookViewModel.tabs().forEach(function (tab) {\r\n tab.detailingTab = false;\r\n });\r\n if (isTabDetail) {\r\n const tab = workbookViewModel.tabs().find(function (x) { return x.id === tabId; });\r\n if (tab) {\r\n tab.detailingTab = true;\r\n }\r\n }\r\n\r\n updateTabView(data);\r\n\r\n if (isTabDetail) {\r\n $(\".dx-item.dx-tab.dx-tab-selected\", \"#TabPageHeader\").css(\"display\", \"\");\r\n }\r\n },\r\n null);\r\n };\r\n\r\n var getTabList = function () {\r\n let tabs = [];\r\n $(\"#TabPageContainer .dx-tabpanel-tabs a[role=tab]\").each(function (index, tabElement) {\r\n const tabId = $(tabElement).data(\"tabid\");\r\n let tab = {\r\n id: tabId,\r\n name: $(tabElement).find(\"input\").val(),\r\n icon: $(tabElement).find(\"span.tab-icon\").text(),\r\n tabType: $(`.tab-pane[id=${tabId}]`).data(\"tabtype\")\r\n };\r\n tabs.push(tab);\r\n });\r\n return tabs;\r\n }\r\n\r\n var getTabName = function (tabId) {\r\n if (!tabId)\r\n return \"\";\r\n let tabs = getTabList();\r\n let tab = tabs.find(x => x.id === tabId);\r\n return tab ? tab.name : \"\";\r\n };\r\n\r\n var renamingTab = false;\r\n var renameTab = function (evt) {\r\n if (!workbookViewModel.editing()) {\r\n return;\r\n }\r\n\r\n let link = irGlobal.getJqueryElement(evt) as any;\r\n let tabId = link.closest(\"a\").data(\"tabid\");\r\n let tab = workbookViewModel.tabs().find(function (x) { return x.id === tabId; });\r\n let $tabNameElement = null;\r\n let updateTabName = function (element, value) {\r\n let tabNameObj = getTabConfig({ tabId: tabId, name: value });\r\n updateFromServer(null,\r\n urlConfigs.tabs + \"ChangeTabName\",\r\n tabNameObj,\r\n function (data) {\r\n if (tab) {\r\n tab.name = data.name;\r\n tab.variable = data.variable;\r\n\r\n $tabNameElement.val(data.name);\r\n onInputRenameTab($tabNameElement.get(0));\r\n link.closest(\"a\").data(\"variable\", data.variable);\r\n }\r\n\r\n updateWorkbookReportList(data);\r\n updateWorkbookDashboardList(data);\r\n },\r\n null);\r\n };\r\n let updateTabColors = function (backgroundColor, fontColor, hiddenTab) {\r\n let tabNameObj = getTabConfig({ tabId: tabId, backgroundColor: backgroundColor, fontColor: fontColor, hiddenTab: hiddenTab });\r\n updateFromServer(null,\r\n urlConfigs.tabs + \"UpdateTabSettings\",\r\n tabNameObj,\r\n function () {\r\n if (tab) {\r\n if (!$(`#TabPageHeader .dx-tabs a[data-tabid='${tabId}'] span.defaulttabstar`).hasClass(\"hidden\") && hiddenTab) {\r\n $(\"#TabPageHeader .dx-tabs span.defaulttabstar\").addClass(\"hidden\");\r\n\r\n jsonResult.defaultTabId = 0;\r\n updateIconDefaultTab();\r\n }\r\n\r\n if (tab.tag) {\r\n tab.tag.backgroundColor = backgroundColor;\r\n tab.tag.fontColor = fontColor;\r\n tab.tag.hiddenTab = hiddenTab;\r\n }\r\n tab.backgroundColor = backgroundColor;\r\n tab.fontColor = fontColor;\r\n tab.hiddenTab = hiddenTab;\r\n }\r\n },\r\n null);\r\n };\r\n let hidePopover = function (e) {\r\n let pop = e.target.closest(\"div.tabNameEdit\");\r\n if (!pop) {\r\n link.popover(\"hide\");\r\n }\r\n }\r\n\r\n let popoverCreated = link.data(\"popovercreated\");\r\n if (popoverCreated) {\r\n link.popover('show');\r\n return;\r\n }\r\n link.attr(\"data-popovercreated\", true);\r\n\r\n link.popover(\r\n {\r\n html: true,\r\n placement: function (a, b) {\r\n const popupWidth = 450;\r\n let widget = this.$element.closest(\".dx-tab\");\r\n let left = widget.get(0).getBoundingClientRect().left;\r\n if (left <= (popupWidth - widget.width()) / 2) {\r\n return \"right\";\r\n }\r\n\r\n let dashboard = $(\"#drawer\");\r\n if (dashboard.width() - (left + widget.width()) < (popupWidth - widget.width()) / 2) {\r\n return \"left\";\r\n }\r\n\r\n return \"bottom\";\r\n },\r\n trigger: \"manual\",\r\n container: $(\"#drawer\"),\r\n content: `\r\n
\r\n
\r\n
Background Color: \r\n
\r\n
\r\n
Font Color: \r\n
\r\n ${(workbookViewModel.editing() && tab.tabType !== 1 ? `
Hidden Tab: \r\n
` : ``)}`\r\n });\r\n link.on(\"shown.bs.popover\",\r\n function () {\r\n let tabPageHeader = getTabPageHeader();\r\n tabPageHeader.dxSortable(\"instance\").option(\"allowReordering\", false);\r\n\r\n let po = $(this).data(\"bs.popover\");\r\n let content = po.$tip;\r\n\r\n $(\"#TabContainer\").off(\"click\", hidePopover).on(\"click\", hidePopover);\r\n let tabElement = $(this).closest(\".dx-item.dx-tab\");\r\n let link = $(this).closest(\"a\");\r\n let backgroundColor = ko.observable(link.data(\"backgroundcolor\"));\r\n let fontColor = ko.observable(link.data(\"fontcolor\"));\r\n let hiddenTab = ko.observable(link.data(\"hiddentab\"));\r\n let variable = link.data(\"variable\");\r\n\r\n hiddenTab.subscribe(function (value) {\r\n link.data(\"hiddentab\", value);\r\n updateTabColors(backgroundColor(), fontColor(), hiddenTab());\r\n });\r\n\r\n backgroundColor.subscribe(function (value) {\r\n link.data(\"backgroundcolor\", value);\r\n tabElement.css(\"background-color\", value);\r\n updateTabColors(value, fontColor(), hiddenTab());\r\n });\r\n\r\n fontColor.subscribe(function (value) {\r\n link.data(\"fontcolor\", value);\r\n link.css(\"color\", value);\r\n $(\".tab-icon\", link).css(\"color\", value);\r\n updateTabColors(backgroundColor(), value, hiddenTab());\r\n });\r\n let model = { backgroundColor: backgroundColor, fontColor: fontColor, hiddenTab: hiddenTab };\r\n ko.cleanNode(content.get(0));\r\n ko.applyBindings(model, content.get(0))\r\n\r\n let currentLink = $(this);\r\n //let $spanName = $(\"span.tabName\", currentLink);\r\n let $popNameElement = $(\"input.inputTabName\", content);\r\n $tabNameElement = $(\".input-tabName\", currentLink);\r\n let currentName = variable || $tabNameElement.val();\r\n\r\n let oldName = currentName;\r\n $popNameElement.val(currentName);\r\n\r\n var confirmNameChange = function () {\r\n if (($popNameElement.val() as any).trim() === \"\") {\r\n $popNameElement.val(oldName);\r\n }\r\n else if ($popNameElement.val() !== oldName) {\r\n updateTabName($tabNameElement, $popNameElement.val());\r\n }\r\n }\r\n $popNameElement.off(\"keydown\").on(\"keydown\", function (event) {\r\n var keyCode = event.keyCode || event.which;\r\n\r\n if (keyCode == 9) { //TAB\r\n confirmNameChange();\r\n }\r\n });\r\n $popNameElement.off(\"keyup\").on(\"keyup\", function (event) {\r\n if (event.keyCode === 13) {//ENTER\r\n event.preventDefault();\r\n confirmNameChange();\r\n $popNameElement.off(\"blur\");\r\n po.hide();\r\n }\r\n else if (event.keyCode === 27) { //ESC\r\n event.preventDefault();\r\n $popNameElement.off(\"blur\");\r\n po.hide();\r\n }\r\n });\r\n $popNameElement.focus();\r\n $popNameElement.off(\"blur\").on(\"blur\", function (e) {\r\n confirmNameChange();\r\n });\r\n });\r\n link.on(\"hide.bs.popover\", function () {\r\n $(\"#TabContainer\").off(\"click\", hidePopover);\r\n\r\n let tabPageHeader = getTabPageHeader();\r\n tabPageHeader.dxSortable(\"instance\").option(\"allowReordering\", true);\r\n });\r\n\r\n link.popover(\"show\");\r\n }\r\n\r\n var onInputRenameTab = function (evt) {\r\n evt.parentNode.parentNode.parentNode.parentNode.firstChild.textContent = evt.value;\r\n evt.parentNode.dataset.value = evt.value;\r\n }\r\n\r\n var setupTabActions = function (context: JQuery
= null) {\r\n if (!context) context = parentContext();\r\n\r\n updateTimeStamp();\r\n\r\n createTabEvents();\r\n\r\n var hidePopoverOnOffClick = function (e) {\r\n context.find('[data-toggle=\"popover\"],[data-original-title]').each(function () {\r\n if (!$(this).is(e.target) &&\r\n $(this).has(e.target).length === 0 &&\r\n $(\".popover\").has(e.target).length === 0) {\r\n\r\n if ($(this).has(\".tabName\").length > 0) {\r\n return;\r\n }\r\n\r\n ((($(this) as any).popover(\"hide\").data(\"bs.popover\") || {}).inState || {}).click = false;\r\n }\r\n });\r\n };\r\n $(document).off(\"click\", hidePopoverOnOffClick).on(\"click\",\r\n hidePopoverOnOffClick\r\n );\r\n\r\n $(\"#ReportSelector > li:not(.dropdown-submenu) > a, #ReportSelector li.dropdown-submenu > ul.dropdown-menu > li > a \", context).off(\"click\", newReportClick).on(\"click\", newReportClick);\r\n $(\"#CreateDashboardSelector > li > a\", parentContext()).off(\"click\", addNewDashboardTab).on(\"click\", addNewDashboardTab);\r\n $(\"div#WorkbookButtons button.addbutton\", context).off(\"click\", addNewDashboardTab).on(\"click\", addNewDashboardTab);\r\n addSubMenuEvent();\r\n };\r\n\r\n var workbookNameClick = function (e) {\r\n if (!workbookViewModel.editing()) {\r\n return;\r\n }\r\n\r\n let input = irGlobal.getJqueryElement(e.currentTarget) as any;\r\n input.width(\"auto\");\r\n input.removeClass(\"labelText\");\r\n let context = parentContext();\r\n\r\n let resetNameEdit = function () {\r\n input.width(\"\");\r\n input.css(\"border-color\", \"\");\r\n input.addClass(\"labelText\");\r\n };\r\n\r\n let cancelNameEdit = function () {\r\n var savedName = context.data(\"name\");\r\n input.val(savedName);\r\n resetNameEdit();\r\n }\r\n\r\n let isSaving = false;\r\n let saveWorkbookName = function () {\r\n if (!workbookViewModel.editing()) {\r\n return;\r\n }\r\n\r\n if (isSaving) {\r\n return;\r\n }\r\n\r\n let name = input.val().trim();\r\n let savedName = context.data(\"name\");\r\n\r\n if (homeButtonClicked) {\r\n return;\r\n }\r\n\r\n //Insanely basic validation check.\r\n if (!name || name === savedName) {\r\n cancelNameEdit();\r\n return;\r\n }\r\n\r\n isSaving = true;\r\n\r\n let submitObj = getBaseSubmitObject({ name: name });\r\n\r\n let completeFunction = function (data) {\r\n isSaving = false;\r\n\r\n if (data.duplicatedName) {\r\n input.css(\"border-color\", \"indianred\");\r\n\r\n irGlobal.notifyError(\"Duplicated name, please choose another name.\");\r\n //input.focus();\r\n input.removeClass(\"labelText\");\r\n }\r\n else {\r\n resetNameEdit();\r\n updateTabView(data);\r\n context.data(\"name\", data.name);\r\n $(\"#drawer .workbook-menu-group[data-id=WorkbookName]\").html(data.name);\r\n $(`#drawer .workbook-menu[data-id=${data.id}]`).html(data.name);\r\n }\r\n };\r\n\r\n let errorFunction = function (data) { isSaving = false; };\r\n\r\n updateFromServer(e,\r\n urlConfigs.tabs + \"ChangeWorkbookName\",\r\n submitObj,\r\n completeFunction,\r\n errorFunction);\r\n\r\n };\r\n\r\n input.off(\"keyup\").on(\"keyup\", function (event) {\r\n if (event.keyCode === 13) {\r\n event.preventDefault();\r\n saveWorkbookName();\r\n //input.blur();\r\n }\r\n else if (event.keyCode === 27) {\r\n event.preventDefault();\r\n cancelNameEdit();\r\n //input.blur();\r\n }\r\n });\r\n\r\n input.off(\"blur\").on(\"blur\", function (event) {\r\n saveWorkbookName();\r\n });\r\n };\r\n\r\n var newReportClick = function (e) {\r\n e.preventDefault();\r\n let link = irGlobal.getJqueryElement(e.currentTarget) as any;\r\n let reportType = link.data(\"reporttype\");\r\n let tabType = link.data(\"tabtype\");\r\n let reportid = 0;\r\n if (tabType === TabTypeStrEnum.Report || tabType === TabTypeStrEnum.Chart) {\r\n reportid = link.data(\"reportid\");\r\n }\r\n addNewTab(e, tabType, reportid, reportType);\r\n };\r\n\r\n var setAsDefaultWorkbook = function () {\r\n let workbookId = parentContext().data(\"workbookid\");\r\n let submitObject = { workbookId: workbookId };\r\n let onComplete = function (data) {\r\n jsonResult.defaultWorkbook = data;\r\n updateIconDefaultWorkbook(data);\r\n\r\n let name = parentContext().data(\"name\");\r\n showToast(data ? `'${name}' workbook set as default` : `'${name}' workbook unset as default`);\r\n }\r\n\r\n updateFromServer({},\r\n urlConfigs.tabs + \"UpdateDefaultWorkbook\",\r\n submitObject,\r\n onComplete,\r\n null);\r\n };\r\n\r\n var setAsDefaultTab = function (evt) {\r\n const tabId = parseInt(getActiveTab().attr(\"id\"), 10);\r\n const activeTab = workbookViewModel.tabs().find(function (x) { return x.id === tabId; });\r\n if (activeTab && activeTab.hiddenTab) {\r\n bootbox.alert(\"Setting the default tab to a hidden tab is not allowed.\");\r\n return;\r\n }\r\n\r\n const workbookId = parentContext().data(\"workbookid\");\r\n let submitObject = { tabId: tabId, workbookId: workbookId };\r\n\r\n var onComplete = function (data) {\r\n $(\"#TabPageHeader .dx-tabs span.defaulttabstar\").addClass(\"hidden\");\r\n $(`#TabPageHeader .dx-tabs a[data-tabid='${tabId}'] span.defaulttabstar`).removeClass(\"hidden\");\r\n\r\n jsonResult.defaultTabId = tabId;\r\n updateIconDefaultTab();\r\n refreshTabs();\r\n\r\n const name = getTabName(tabId);\r\n showToast(data ? `'${name}' tab set as default` : `'${name}' tab unset as default`);\r\n }\r\n\r\n updateFromServer(evt,\r\n urlConfigs.tabs + \"SetDefaultTab\",\r\n submitObject,\r\n onComplete,\r\n null);\r\n };\r\n\r\n var afterFilterAdded = function (data) {\r\n setUrl(data);\r\n let refreshFilterButton = $(\"button#RefreshWorkbookFilters\", parentContext());\r\n refreshFilterButton.prop(\"disabled\", false);\r\n };\r\n\r\n var showOptionsButton = function (showOptions) {\r\n let li = parentContext().find(\"button#OptionsButton\").closest(\"li\");\r\n if (showOptions) {\r\n li.removeClass(\"hidden\");\r\n } else {\r\n li.addClass(\"hidden\");\r\n }\r\n };\r\n\r\n var downloadHardcopy = function (data) {\r\n\r\n let openPopupEmailTemplate = function () {\r\n pdfTemplatesService.getPdfTemplates(function (resultTemplates) {\r\n let pdfTemplateLookup = null;\r\n let landscapeCheckBox = null;\r\n let popup = $('#EmailPdfTemplate', parentContext()).dxPopup({\r\n contentTemplate: function () {\r\n let template = $(\"\");\r\n let templates = [{ id: 0, name: ' ' }];\r\n if (resultTemplates.templates) {\r\n resultTemplates.templates.forEach(function (tmp) {\r\n templates.push(tmp);\r\n });\r\n }\r\n\r\n let divPdfTemplate = $('
').dxSelectBox({\r\n dataSource: templates,\r\n displayExpr: 'name',\r\n valueExpr: 'id'\r\n });\r\n pdfTemplateLookup = divPdfTemplate.dxSelectBox(\"instance\");\r\n\r\n let divLandscape = $('
').css(\"margin-top\", \"5px\").dxCheckBox({\r\n value: false,\r\n text: 'Landscape',\r\n });\r\n landscapeCheckBox = divLandscape.dxCheckBox(\"instance\");\r\n\r\n template.append(\"
PDF Template \");\r\n template.append(divPdfTemplate);\r\n template.append(divLandscape);\r\n\r\n return template;\r\n },\r\n width: 400,\r\n height: 180,\r\n showTitle: true,\r\n title: 'PDF',\r\n visible: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: false,\r\n onShown: function () {\r\n $(\".dx-overlay-wrapper\").css(\"z-index\", \"1049\");\r\n },\r\n toolbarItems: [{\r\n widget: 'dxButton',\r\n toolbar: 'bottom',\r\n location: 'after',\r\n options: {\r\n text: 'Confirm',\r\n onClick() {\r\n let pdfTemplateId = pdfTemplateLookup.option(\"value\");\r\n let landscape = landscapeCheckBox.option(\"value\");\r\n let href = $(data).data(\"href\");\r\n if (landscape) {\r\n href += `&landscape=${landscape}`;\r\n }\r\n\r\n if (pdfTemplateId && pdfTemplateId > 0) {\r\n href += `&pdfTemplateId=${pdfTemplateId}`;\r\n }\r\n\r\n window.open(href, '_blank').focus();\r\n popup.hide();\r\n },\r\n },\r\n }, {\r\n widget: 'dxButton',\r\n toolbar: 'bottom',\r\n location: 'after',\r\n options: {\r\n text: 'Close',\r\n onClick() {\r\n popup.hide();\r\n },\r\n },\r\n }]\r\n }).dxPopup('instance');\r\n\r\n popup.show();\r\n }, false);\r\n }\r\n\r\n const activeTab = getActiveTab();\r\n if (activeTab && activeTab.data(\"tabtype\") === TabTypeStrEnum.Report) {\r\n const reportType = $(\".reportContent\", activeTab).attr(\"data-mode\");\r\n const tabId = parseInt(activeTab.attr(\"id\"), 0);\r\n const tabName = getTabName(tabId);\r\n if ((reportType !== ReportTypeStrEnum.Analysis && reportType !== ReportTypeStrEnum.Pivot) || (!$(data).hasClass(\"downloadExcel\") && !$(data).hasClass(\"downloadCSV\"))) {\r\n if ($(data).hasClass(\"template\")) {\r\n openPopupEmailTemplate();\r\n return;\r\n }\r\n\r\n window.open($(data).data(\"href\"), '_blank').focus();\r\n return;\r\n }\r\n\r\n let reportObj = getBaseSubmitObject(null);\r\n irGlobal.updateFromServer({},\r\n urlConfigs.email + \"GetExportDetails\",\r\n reportObj,\r\n function (result) {\r\n let settings = {\r\n isCSV: false,\r\n printMessage: result.printMessage,\r\n mappingName: result.mappingName,\r\n reportName: result.reportName,\r\n groupBy: result.groupingName,\r\n orderBy: result.orderBy,\r\n filters: result.filters,\r\n companyName: result.companyName,\r\n fontSize: result.fontSize,\r\n glReport: result.glReport,\r\n subtotalsPosition: result.subtotalsPosition,\r\n formattingRules: result.formattingRules,\r\n currencyCode: result.currencyCode,\r\n subTotalText: result.subTotalText,\r\n save: true,\r\n fileName: tabName\r\n };\r\n\r\n if ($(data).hasClass(\"downloadExcel\")) {\r\n if (reportType === ReportTypeStrEnum.Analysis)\r\n exportToExcel(settings);\r\n else\r\n exportPivotToExcel(settings);\r\n\r\n return;\r\n }\r\n else if ($(data).hasClass(\"downloadCSV\")) {\r\n settings.isCSV = true;\r\n if (reportType === ReportTypeStrEnum.Analysis)\r\n exportToExcel(settings);\r\n else\r\n exportPivotToExcel(settings);\r\n\r\n return;\r\n }\r\n\r\n window.open($(data).data(\"href\"), '_blank').focus();\r\n },\r\n function () {\r\n window.open($(data).data(\"href\"), '_blank').focus();\r\n },\r\n true,\r\n \"POST\",\r\n true, undefined, undefined, false);\r\n }\r\n else {\r\n\r\n if ($(data).hasClass(\"template\")) {\r\n openPopupEmailTemplate();\r\n return;\r\n }\r\n\r\n window.open($(data).data(\"href\"), '_blank').focus();\r\n }\r\n };\r\n\r\n var showOptionsPopup = function (workbookId) {\r\n let sucessCallback = function (result) {\r\n let message = $(result.html).clone(true);\r\n\r\n let dialog = bootbox.dialog({\r\n title: \"Workbook Access\",\r\n message: message,\r\n show: false,\r\n buttons: {\r\n cancel: {\r\n label: \"Cancel\",\r\n className: \"btn-danger\",\r\n callback: function () {\r\n }\r\n\r\n },\r\n ok: {\r\n label: \"Save\",\r\n className: \"btn-success\",\r\n callback: function (evt) {\r\n let selectedDiv = $(\"div#selectedShareUsers\", $(this));\r\n let selectedDataGrid = selectedDiv.dxDataGrid(\"instance\");\r\n\r\n let selectedEntities = [];\r\n let selectedVals = selectedDataGrid.option(\"dataSource\") as [];\r\n\r\n if (selectedVals.length > 0) {\r\n selectedVals.forEach(function (data: any) {\r\n selectedEntities.push({\r\n id: data.Id,\r\n entityType: data.EntityType,\r\n shareType: data.ShareType\r\n });\r\n });\r\n }\r\n\r\n updateFromServer(evt, urlConfigs.user + \"UpdateUserAccess\",\r\n {\r\n userIds: selectedEntities,\r\n workbookId: workbookId,\r\n mappingId: 0\r\n },\r\n function () { },\r\n null);\r\n }\r\n }\r\n }\r\n });\r\n dialog.on(\"shown.bs.modal\",\r\n function () {\r\n let modal = $(this);\r\n modal.find(\"div.bootbox-body\").css(\"height\", \"100%\");\r\n\r\n let availableDiv = $(\"div#availableShareUsers\", modal);\r\n let selectedDiv = $(\"div#selectedShareUsers\", modal);\r\n let available = availableDiv.data(\"json\");\r\n let selected = selectedDiv.data(\"json\");\r\n\r\n let availableDataGrid = availableDiv.dxDataGrid({\r\n height: \"calc(100% - 29px)\",\r\n showBorders: true,\r\n showColumnHeaders: false,\r\n noDataText: \"\",\r\n selection: {\r\n mode: \"multiple\",\r\n showCheckBoxesMode: \"always\"\r\n },\r\n paging: {\r\n enabled: false\r\n },\r\n searchPanel: {\r\n visible: true,\r\n width: 279\r\n },\r\n dataSource: available,\r\n columns: [\r\n {\r\n dataField: \"FullName\",\r\n calculateDisplayValue: function (rowData) {\r\n return rowData.FullName && rowData.FullName !== \"\" ? `${rowData.FullName} (${rowData.Name})` : `${rowData.Name}`;\r\n }\r\n }\r\n ],\r\n onRowPrepared: function (e) {\r\n if (e.rowType === \"data\") {\r\n e.rowElement.addClass(e.data.EntityType === 1 ? \"userOption\" : \"groupOption\");\r\n }\r\n }\r\n }).dxDataGrid(\"instance\");\r\n\r\n let selectedDataGrid = selectedDiv.dxDataGrid({\r\n height: \"calc(100% - 29px)\",\r\n showBorders: true,\r\n showColumnHeaders: false,\r\n noDataText: \"\",\r\n selection: {\r\n mode: \"multiple\",\r\n showCheckBoxesMode: \"always\"\r\n },\r\n editing: {\r\n mode: 'cell',\r\n allowUpdating: true,\r\n allowAdding: false,\r\n allowDeleting: false,\r\n },\r\n paging: {\r\n enabled: false\r\n },\r\n searchPanel: {\r\n visible: true,\r\n width: 279\r\n },\r\n dataSource: selected,\r\n columns: [\r\n {\r\n allowEditing: false,\r\n dataField: \"FullName\",\r\n calculateDisplayValue: function (rowData) {\r\n return rowData.FullName && rowData.FullName !== \"\" ? `${rowData.FullName} (${rowData.Name})` : `${rowData.Name}`;\r\n }\r\n },\r\n {\r\n dataField: \"ShareType\",\r\n lookup: {\r\n dataSource: [{ id: 0, name: \"Viewer\" }, { id: 1, name: \"Editor\" }],\r\n displayExpr: 'name',\r\n valueExpr: 'id'\r\n },\r\n showEditorAlways: true\r\n }\r\n ],\r\n onRowPrepared: function (e) {\r\n if (e.rowType === \"data\") {\r\n e.rowElement.addClass(e.data.EntityType === 1 ? \"userOption\" : \"groupOption\");\r\n }\r\n },\r\n onSelectionChanged: function (e) {\r\n var keys = [];\r\n if (e.currentSelectedRowKeys.length && e.currentSelectedRowKeys.some(notOkToSelect)) {\r\n e.currentSelectedRowKeys.splice(0, e.currentSelectedRowKeys.length);\r\n e.component.deselectRows(keys);\r\n }\r\n function notOkToSelect(key) {\r\n var result = false;\r\n if (key < 6) {\r\n keys.push(key);\r\n result = true;\r\n }\r\n return result;\r\n }\r\n }\r\n }).dxDataGrid(\"instance\");\r\n\r\n let add = function (rows) {\r\n available = available.filter(x => rows.find(r => r.Id === x.Id) === undefined);\r\n availableDataGrid.option(\"dataSource\", available);\r\n\r\n rows.forEach(function (row) {\r\n selected.push(row);\r\n });\r\n selectedDataGrid.option(\"dataSource\", selected);\r\n }\r\n let remove = function (rows) {\r\n selected = selected.filter(x => rows.find(r => r.Id === x.Id) === undefined);\r\n selectedDataGrid.option(\"dataSource\", selected);\r\n\r\n rows.forEach(function (row) {\r\n row.ShareType = 0;\r\n available.push(row);\r\n });\r\n availableDataGrid.option(\"dataSource\", available);\r\n }\r\n\r\n $(\"button#addAllUsers\", modal).off(\"click\").on(\"click\", function () {\r\n add(availableDataGrid.getDataSource().items());\r\n });\r\n $(\"button#addUser\", modal).off(\"click\").on(\"click\", function () {\r\n add(availableDataGrid.getSelectedRowsData());\r\n });\r\n $(\"button#removeAllUsers\", modal).off(\"click\").on(\"click\", function () {\r\n remove(selectedDataGrid.getDataSource().items());\r\n });\r\n $(\"button#removeUser\", modal).off(\"click\").on(\"click\", function () {\r\n remove(selectedDataGrid.getSelectedRowsData());\r\n });\r\n\r\n modal.find(\"div.OptionsPopup\").css(\"visibility\", \"visible\");\r\n });\r\n dialog.on(\"show.bs.modal\",\r\n function () {\r\n let modal = $(this);\r\n let modalBody = modal.find(\"div.modal-body\");\r\n modalBody.height(\"500px\");\r\n });\r\n\r\n dialog.modal(\"show\");\r\n };\r\n\r\n irGlobal.updateFromServer({}, '/wb/GetWorkbookAccess/' + workbookId, null, sucessCallback, null, true, \"GET\", true);\r\n };\r\n\r\n var saveCopyButton = function () {\r\n let updateModel = getBaseSubmitObject(null);\r\n updateFromServer({},\r\n urlConfigs.tabs + \"copyWorkbookName\",\r\n updateModel,\r\n function (data) {\r\n let worbookNameTextBox = null;\r\n let copyEmailsCheckBox = null;\r\n let saveCheckBox = null;\r\n let tabGrid = null;\r\n let popup = $('#CopyWorkbookPopup', parentContext()).dxPopup({\r\n contentTemplate: function () {\r\n let template = $(\"
\").css(\"display\", \"grid\");\r\n\r\n let divWorkbookName = $('
').dxTextBox({\r\n value: data.name\r\n });\r\n worbookNameTextBox = divWorkbookName.dxTextBox(\"instance\");\r\n\r\n let divCopyEmails = $('
').css(\"margin-top\", \"5px\").dxCheckBox({\r\n value: false,\r\n text: 'Copy Scheduled Emails',\r\n onValueChanged: function (e) {\r\n if (e.value) {\r\n saveCheckBox.option(\"value\", true);\r\n }\r\n\r\n saveCheckBox.option(\"disabled\", e.value);\r\n }\r\n });\r\n copyEmailsCheckBox = divCopyEmails.dxCheckBox(\"instance\");\r\n\r\n let divSave = $('
').css(\"margin-top\", \"5px\").dxCheckBox({\r\n value: false,\r\n text: 'Save Workbook',\r\n });\r\n saveCheckBox = divSave.dxCheckBox(\"instance\");\r\n\r\n let divTabs = $(\"
\").dxDataGrid({\r\n keyExpr: \"id\",\r\n dataSource: workbookViewModel.tabs(),\r\n columns: [\r\n { dataField: \"id\", visible: false },\r\n { dataField: \"name\", caption: \"Tab Name\" },\r\n ],\r\n height: 165,\r\n selection: {\r\n mode: 'multiple',\r\n showCheckBoxesMode: 'always'\r\n },\r\n selectedRowKeys: workbookViewModel.tabs().map(x => x.id),\r\n showBorders: true,\r\n paging: {\r\n enabled: false\r\n },\r\n onSelectionChanged: function (e) {\r\n if (workbookViewModel.tabs().length > 0 && e.selectedRowKeys.length !== workbookViewModel.tabs().length) {\r\n copyEmailsCheckBox.option(\"value\", false);\r\n copyEmailsCheckBox.option(\"disabled\", true);\r\n }\r\n else {\r\n copyEmailsCheckBox.option(\"disabled\", false);\r\n }\r\n\r\n if (e.currentSelectedRowKeys.length > 0) {\r\n var selectRows = [];\r\n e.currentSelectedRowKeys.forEach(function (key) {\r\n if (data.tabWidgetDependencies[key]) {\r\n data.tabWidgetDependencies[key].forEach(function (tabId) {\r\n if (selectRows.indexOf(tabId) === -1 && e.selectedRowKeys.indexOf(tabId) === -1) {\r\n selectRows.push(tabId);\r\n }\r\n });\r\n }\r\n });\r\n\r\n if (selectRows.length > 0) {\r\n e.component.selectRows(selectRows, true);\r\n }\r\n }\r\n }\r\n });\r\n tabGrid = divTabs.dxDataGrid(\"instance\");\r\n\r\n template.append(\"
Workbook Name \");\r\n template.append(divWorkbookName);\r\n template.append(divSave);\r\n template.append(divCopyEmails);\r\n template.append(\"
Tabs to Copy \");\r\n template.append(divTabs);\r\n\r\n return template;\r\n },\r\n width: 400,\r\n height: 385,\r\n showTitle: true,\r\n title: 'Copy Workbook',\r\n visible: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: false,\r\n onShown: function () {\r\n $(\".dx-overlay-wrapper\").css(\"z-index\", \"1049\");\r\n },\r\n toolbarItems: [{\r\n widget: 'dxButton',\r\n toolbar: 'bottom',\r\n location: 'after',\r\n options: {\r\n text: 'Confirm',\r\n onClick() {\r\n let saveNewCopy = function () {\r\n let updatePage = function (data) {\r\n popup.hide();\r\n document.location.href = data;\r\n };\r\n\r\n updateModel.workbookName = worbookNameTextBox.option(\"value\");\r\n updateModel.copyScheduledEmails = copyEmailsCheckBox.option(\"value\");\r\n updateModel.save = saveCheckBox.option(\"value\");\r\n updateModel.tabs = tabGrid.getSelectedRowKeys();\r\n updateFromServer({},\r\n urlConfigs.tabs + \"copy\",\r\n updateModel,\r\n updatePage,\r\n null);\r\n }\r\n\r\n updateModel.workbookName = worbookNameTextBox.option(\"value\");\r\n if (!updateModel.workbookName || updateModel.workbookName.trim() === \"\") {\r\n bootbox.alert(\"Workbook Name is required\");\r\n return;\r\n }\r\n\r\n updateFromServer({},\r\n urlConfigs.tabs + \"workbookNameUnique\",\r\n updateModel,\r\n function (result) {\r\n if (result) {\r\n saveNewCopy();\r\n }\r\n else {\r\n bootbox.alert(\"Duplicated name, please choose another name\");\r\n }\r\n },\r\n function () { });\r\n },\r\n },\r\n }, {\r\n widget: 'dxButton',\r\n toolbar: 'bottom',\r\n location: 'after',\r\n options: {\r\n text: 'Close',\r\n onClick() {\r\n popup.hide();\r\n },\r\n },\r\n }]\r\n }).dxPopup('instance');\r\n\r\n popup.show();\r\n },\r\n null);\r\n };\r\n\r\n var showDebugSql = function (context: JQuery
= undefined) {\r\n if (workbookViewModel.editing() && loggedUser.permissions.viewSQL()) {\r\n let $debugSql = $(\"div.diagnosticSql\", context);\r\n bootbox.dialog({\r\n title: \"Diagnostic SQL\",\r\n message: $debugSql.clone(true).removeClass(\"hidden\"),\r\n show: true,\r\n className: \"dialogWide\",\r\n size: \"xl\"\r\n });\r\n }\r\n };\r\n\r\n var saveWorkbook = function (reloadPage: boolean, callback: Function = null) {\r\n let complete = function (data) {\r\n if (reloadPage || data.reload) {\r\n if (callback) {\r\n callback();\r\n }\r\n\r\n window.location.replace(`${urlConfigs.tabs}Edit/${data.id}?nsl=${(data.isNew ? 'false' : 'true')}`);\r\n return;\r\n }\r\n\r\n irGlobal.updateOutput(data);\r\n if (data.id) {\r\n setUrl(data);\r\n }\r\n if (data.lastSaved) {\r\n var $lastSaved = $(\"#LastSaved\");\r\n $lastSaved.text();\r\n $lastSaved.attr(\"datetime\", data.lastSaved);\r\n updateTimeStamp();\r\n $(\"#TabContainer\").data(\"saved\", \"true\");\r\n }\r\n\r\n //To be applied on the new menu\r\n //$(\"#RevertButton\").removeAttr(\"disabled\").removeClass(\"hidden\");\r\n\r\n if (data.tabs) {\r\n data.tabs.forEach(function (updatedTab) {\r\n let tab = workbookViewModel.tabs().find(function (x) { return x.order === updatedTab.order; });\r\n if (tab) {\r\n tab.id = updatedTab.id;\r\n tab.created = updatedTab.created;\r\n tab.descriptionLastSaved = updatedTab.descriptionLastSaved;\r\n tab.lastSaved = updatedTab.lastSaved;\r\n tab.backgroundColor = updatedTab.backgroundColor;\r\n tab.fontColor = updatedTab.fontColor;\r\n tab.hiddenTab = updatedTab.hiddenTab;\r\n }\r\n });\r\n\r\n refreshTabs();\r\n }\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n updateFromServer({},\r\n urlConfigs.tabs + \"save\",\r\n null,\r\n complete,\r\n null);\r\n };\r\n\r\n function updateTimeStamp() {\r\n var $lastSaved = $(\"#LastSaved\");\r\n // Update the text with the elapsed time:\r\n var lastDate = $lastSaved.attr(\"datetime\");\r\n if (lastDate) {\r\n var timeAgo = ($ as any).timeago(lastDate);\r\n $lastSaved.text(timeAgo);\r\n }\r\n }\r\n\r\n var setupDesigner = function () {\r\n let callback = function (data) {\r\n reportDesigner.setup(null, data.designer, data.schema, false);\r\n };\r\n updateFromServer({},\r\n urlConfigs.designer + \"EditTab\",\r\n {},\r\n callback,\r\n null);\r\n };\r\n\r\n var jsonResult = null;\r\n var getTabPageHeader = function () {\r\n let context = parentContext();\r\n let tabPageHeader = $(\"div#TabPageHeader\", context);\r\n return tabPageHeader;\r\n }\r\n var getDxTabPanel = function () {\r\n let tabPageHeader = getTabPageHeader();\r\n return tabPageHeader.dxTabPanel(\"instance\");\r\n };\r\n var createTab = function () {\r\n let context = parentContext();\r\n let tabPageHeader = getTabPageHeader();\r\n let selectedIndex = 0;\r\n let tabPanelItems = [];\r\n let detailingTab = null;\r\n if (jsonResult) {\r\n detailingTab = jsonResult.tabs.find(function (x) { return x.detailingTab; });\r\n }\r\n\r\n jsonResult = tabPageHeader.data(\"json\");\r\n if (detailingTab) {\r\n let tab = jsonResult.tabs.find(function (x) { return x.id === detailingTab.id; })\r\n if (tab) {\r\n tab.detailingTab = true;\r\n }\r\n }\r\n\r\n jsonResult.tabs.sort(function (a, b) {\r\n return a.order - b.order;\r\n });\r\n\r\n jsonResult.tabs.forEach(function (x) {\r\n if (x.id === jsonResult.activeTabId) {\r\n selectedIndex = jsonResult.tabs.indexOf(x);\r\n }\r\n\r\n tabPanelItems.push({\r\n //id: x.id,\r\n tag: x,\r\n get id() {\r\n return this.tag.id;\r\n },\r\n });\r\n });\r\n\r\n workbookViewModel.tabs(jsonResult.tabs);\r\n\r\n let edit = context.data(\"edit\") === \"True\" ? true : false;\r\n let tabPanel = tabPageHeader.dxTabPanel({\r\n height: workbookViewModel.tabs().length > 0 ? 26 : 0,\r\n width: \"100%\",\r\n dataSource: tabPanelItems,\r\n selectedIndex: selectedIndex,\r\n scrollByContent: false,\r\n showNavButtons: true,\r\n loop: false,\r\n animationEnabled: false,\r\n swipeEnabled: false,\r\n keyExpr: \"id\",\r\n noDataText: \" \",\r\n\r\n itemTitleTemplate: function (itemData, itemIndex, itemElement) {\r\n let tabElement = itemElement.closest(\".dx-item.dx-tab\");\r\n let defaultTabId = jsonResult.defaultTabId === itemData.id ? '' : 'hidden';\r\n let activeTab = jsonResult.activeTabId === itemData.id;\r\n let persisted = itemData.tag.lastSaved === null || itemData.tag.lastSaved === undefined ? \"notpersisted\" : \"persisted\";\r\n $(\"\").text(itemData.tag.name).css(\"visibility\", \"hidden\").css(\"margin-left\", \"25px\").css(\"margin-right\", defaultTabId === '' ? \"40px\" : \"25px\").appendTo(itemElement);\r\n\r\n let link = $(`\r\n\r\n
\r\n\r\n ${itemData.tag.icon} \r\n \r\n \r\n \r\n
\r\n\r\n star \r\n\r\n
\r\n\r\n `).appendTo(itemElement);\r\n\r\n link.attr(\"data-backgroundcolor\", itemData.tag.backgroundColor);\r\n link.attr(\"data-fontcolor\", itemData.tag.fontColor);\r\n link.attr(\"data-hiddentab\", itemData.tag.hiddenTab);\r\n link.attr(\"data-variable\", itemData.tag.variable);\r\n if (itemData.tag.backgroundColor) {\r\n tabElement.css(\"background-color\", itemData.tag.backgroundColor);\r\n }\r\n if (itemData.tag.fontColor) {\r\n link.css(\"color\", itemData.tag.fontColor);\r\n $(\".tab-icon\", link).css(\"color\", itemData.tag.fontColor);\r\n }\r\n\r\n if (workbookViewModel.editing() && (!jsonResult.viewOnly || loggedUser.permissions.workbooks()))\r\n $(\"\" +\r\n \"\" +\r\n \"× \" +\r\n \" \" +\r\n \"
\").appendTo(itemElement);\r\n\r\n if (!workbookViewModel.editing() && itemData.tag.hiddenTab && !itemData.tag.detailingTab) {\r\n itemElement.parent().css(\"display\", \"none\");\r\n }\r\n }\r\n }).dxTabPanel(\"instance\");\r\n\r\n tabPageHeader.dxSortable({\r\n moveItemOnDrop: true,\r\n filter: \".dx-tab\",\r\n itemOrientation: \"horizontal\",\r\n dragDirection: \"horizontal\",\r\n onReorder: function (e) {\r\n var tabPanelItems = tabPanel.option(\"dataSource\") as [];\r\n var itemData = tabPanelItems.splice(e.fromIndex, 1)[0];\r\n\r\n tabPanelItems.splice(e.toIndex, 0, itemData);\r\n\r\n if (e.fromIndex === tabPanel.option(\"selectedIndex\")) {\r\n tabPanel.option(\"onContentReady\", function () {\r\n tabPanel.beginUpdate();\r\n tabPanel.option(\"selectedIndex\", undefined);\r\n tabPanel.option(\"selectedIndex\", e.toIndex);\r\n tabPanel.option(\"onContentReady\", null);\r\n tabPanel.endUpdate();\r\n });\r\n }\r\n tabPanel.option(\"dataSource\", tabPanelItems);\r\n\r\n let tabs = [];\r\n let newOrder = 1;\r\n tabPanelItems.forEach(function (item: any) {\r\n tabs.push(item.id);\r\n let tabOrder = workbookViewModel.tabs().find(function (x) { return x.id === item.id; });\r\n if (tabOrder) {\r\n tabOrder.order = newOrder;\r\n }\r\n newOrder++;\r\n });\r\n\r\n workbookViewModel.tabs().sort(function (a, b) {\r\n return a.order - b.order;\r\n });\r\n\r\n let onComplete = function (data) {\r\n refreshTabs();\r\n updateWorkbookReportList(data);\r\n updateWorkbookDashboardList(data);\r\n }\r\n\r\n updateFromServer(null,\r\n urlConfigs.tabs + \"SaveTabsOrder\",\r\n { tabs: tabs, workbookId: parentContext().data(\"workbookid\") },\r\n onComplete,\r\n null);\r\n }\r\n });\r\n\r\n let positionScrollTab = context.attr(\"scrollTab\");\r\n let divSelectedTab = $(\".dx-item.dx-tab.dx-tab-selected\", tabPageHeader);\r\n if (positionScrollTab === undefined) {\r\n if (divSelectedTab.length > 0) {\r\n $(\".dx-item.dx-tab.dx-tab-selected\", tabPageHeader).get(0).scrollIntoView(false);\r\n }\r\n }\r\n else {\r\n let scrollableContainer = $(\".dx-scrollable-container\", tabPageHeader).get(0);\r\n if (scrollableContainer) {\r\n scrollableContainer.scrollLeft = parseInt(positionScrollTab, 10);\r\n }\r\n }\r\n\r\n /*Overwrite tab changed event to use the 'changeActiveTab' function*/\r\n var tabs = (tabPanel as any)._tabs;\r\n tabs._forcePointerDownFocus = function () { };\r\n tabs._itemClickHandler = function () { };\r\n /******/\r\n\r\n createTabEvents();\r\n updateVisibilityOptionsTabs();\r\n updateIconDefaultTab();\r\n };\r\n\r\n var createTabEvents = function () {\r\n let tabPageHeader = getTabPageHeader();\r\n $(\"span.removeTab\", tabPageHeader).off(\"click\", removeTab).on(\"click\", removeTab);\r\n $('a[data-toggle=\"tab\"]', tabPageHeader).off(\"show.bs.tab\", changeActiveTab).on(\"show.bs.tab\", changeActiveTab);\r\n };\r\n\r\n var updatePropertiesTabs = function (tabs) {\r\n let newTabs = tabs || [];\r\n newTabs.forEach(function (newTab) {\r\n let tab = workbookViewModel.tabs().find(function (x) { return x.id === newTab.id; });\r\n if (tab) {\r\n tab.icon = newTab.icon;\r\n }\r\n });\r\n\r\n refreshTabs();\r\n }\r\n\r\n var mappingViewModel = null;\r\n\r\n var setupMappingsPopup = function () {\r\n let sucessCallback = function (data) {\r\n mappingViewModel = {\r\n popoverOptions: {\r\n title: \"Mapping selection\",\r\n showTitle: true,\r\n position: \"right\",\r\n width: 300,\r\n },\r\n listOptions: {\r\n dataSource: data,\r\n height: \"100%\",\r\n itemTemplate: function (data, index) {\r\n\r\n let result = $(`\r\n\r\n${data.displayName} \r\n
\r\n`);\r\n\r\n return result;\r\n },\r\n onItemClick: function (e) {\r\n $(\"#popover-mappings\").dxPopover(\"instance\").hide();\r\n goToURL(urlConfigs.tabs + \"new/\" + e.itemData.id, \"create a new workbook\");\r\n },\r\n },\r\n };\r\n $(\"#mappingsListSelection\").dxList(mappingViewModel.listOptions);\r\n $(\"#popover-mappings\").dxPopover(mappingViewModel.popoverOptions);\r\n showMappingPopup();\r\n };\r\n irGlobal.updateFromServer({}, urlConfigs.tabs + \"GetMappings\", {}, sucessCallback, null, true, \"POST\", true);\r\n };\r\n\r\n var openMappingsPopup = function () {\r\n if (!mappingViewModel) {\r\n setupMappingsPopup();\r\n }\r\n else {\r\n showMappingPopup();\r\n }\r\n };\r\n\r\n var showMappingPopup = function () {\r\n let target = $(\"#drawer .dx-icon-add\").parent().parent();\r\n $(\"#popover-mappings\").dxPopover(\"instance\").show(target);\r\n }\r\n\r\n var companiesViewModel = null;\r\n var setupCompaniesPopup = function (fromHome = false) {\r\n const mappingId = parentContext().data(\"mappingid\");\r\n let sucessCallback = function (data) {\r\n companiesViewModel = {\r\n popoverOptions: {\r\n title: \"Company selection\",\r\n showTitle: true,\r\n position: \"right\",\r\n width: 300,\r\n },\r\n listOptions: {\r\n dataSource: data,\r\n height: \"100%\",\r\n itemTemplate: function (data, index) {\r\n\r\n let result = $(`\r\n\r\n${data.company_name} \r\n
\r\n`);\r\n\r\n return result;\r\n },\r\n onItemClick: function (e) {\r\n $(\"#popover-userCompanies\").dxPopover(\"instance\").hide();\r\n let workbookId = parentContext().data(\"workbookid\");\r\n\r\n homeButtonClicked = true;\r\n let url = fromHome\r\n ? `${urlConfigs.siteRoot}home/home/?companyId=${e.itemData.company_id}`\r\n : `${urlConfigs.tabs}edit/${workbookId}?companyId=${e.itemData.company_id}`;\r\n let shared = jsonResult ? jsonResult.viewOnly : false;\r\n let emptyWorkbook = workbookId < 0 ? workbookViewModel.tabs().length === 0 : false;\r\n if (loggedUser.permissions.workbooks()) {\r\n shared = false;\r\n }\r\n\r\n if (!shared && !emptyWorkbook) {\r\n let pendingChanges = workbookHasPendingChanges();\r\n if (pendingChanges && workbookViewModel.editing()) {\r\n irGlobal.showYesNoMessage(\"All your changes will be lost. Make sure you save before changing Companies. Do you want to proceed?\", function (result) {\r\n if (result) {\r\n document.location.href = url;\r\n homeButtonClicked = false;\r\n }\r\n });\r\n }\r\n else {\r\n document.location.href = url;\r\n homeButtonClicked = false;\r\n }\r\n } else {\r\n document.location.href = url;\r\n homeButtonClicked = false;\r\n }\r\n },\r\n },\r\n };\r\n $(\"#userCompaniesListSelection\").dxList(companiesViewModel.listOptions);\r\n $(\"#popover-userCompanies\").dxPopover(companiesViewModel.popoverOptions);\r\n showCompaniesPopup();\r\n };\r\n irGlobal.updateFromServer({}, urlConfigs.tabs + `GetUserCompanies/?mappingId=${mappingId}`, {}, sucessCallback, null, true, \"POST\", true);\r\n }\r\n var openCompaniesPopup = function (fromHome = false) {\r\n if (!companiesViewModel) {\r\n setupCompaniesPopup(fromHome);\r\n }\r\n else {\r\n showCompaniesPopup();\r\n }\r\n };\r\n\r\n var showCompaniesPopup = function () {\r\n let target = $(\"#drawer .changeCompanyIcon\").parent().parent();\r\n $(\"#popover-userCompanies\").dxPopover(\"instance\").show(target);\r\n }\r\n\r\n var getAndDrawMenu = function (callback: Function) {\r\n\r\n irGlobal.updateFromServer({},\r\n urlConfigs.tabs + \"GetWorkbooks\",\r\n {},\r\n function (data) {\r\n if (!data.editMode && !loggedUser.permissions.workbooks()) {\r\n workbookViewModel.editing(false);\r\n }\r\n\r\n drawMenu(data);\r\n if (callback) {\r\n callback();\r\n }\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n };\r\n\r\n var getMenuTabList = function (data) {\r\n let list = [\r\n {\r\n id: 1, name: \"Home\", icon: \"home\", type: \"Action\", path: \"Menu_Home\", group: \"main\",\r\n onClick: function (e) {\r\n goToURL(urlConfigs.siteRoot + \"home/home\", \"the home page\");\r\n }\r\n },\r\n {\r\n id: 5, name: \"Create New Workbook\", icon: \"add createNewWorkbook\", type: \"Action\", path: \"Menu_NewWorkbook\", group: \"main\",\r\n visible: loggedUser.permissions.createWorkbooks() || loggedUser.permissions.workbooks(),\r\n onClick: function (e) {\r\n openMappingsPopup();\r\n }\r\n },\r\n {\r\n id: 6, name: \"Formatting Rules\", icon: \"fill\", type: \"Action\", path: \"Menu_FormattingRules\",\r\n visible: (data.editMode || loggedUser.permissions.workbooks()) && (loggedUser.permissions.editFormattingRules() || loggedUser.permissions.formattingRules()),\r\n onClick: function (e) {\r\n formattingRule.openEditor(true);\r\n }\r\n },\r\n {\r\n id: 11, name: \"PDF Templates\", icon: \"verticalaligntop\", type: \"Action\", path: \"Menu_PdfTemplates\",\r\n visible: (data.editMode || loggedUser.permissions.workbooks()) && (loggedUser.permissions.editPDFTemplates() || loggedUser.permissions.pdfTemplates()),\r\n onClick: function (e) {\r\n pdfTemplatesService.openEditor();\r\n }\r\n },\r\n {\r\n id: 11, name: \"Emails Management\", icon: \"email\", type: \"Action\", path: \"Menu_EmailsManagement\",\r\n visible: loggedUser.permissions.emailsManagement(),\r\n onClick: function (e) {\r\n scheduledEmail.openEmailsManagement();\r\n }\r\n },\r\n {\r\n id: 12, name: \"Email Logs\", icon: \"description\", type: \"Action\", path: \"Menu_EmailLogs\",\r\n visible: loggedUser.permissions.emailsManagement(),\r\n onClick: function (e) {\r\n emailLogs.open();\r\n }\r\n }\r\n ];\r\n\r\n return list;\r\n };\r\n var getWorkbookTabList = function (data, workbookId) {\r\n let tabId = parseInt(getActiveTab().attr(\"id\"), 10);\r\n\r\n let list = [\r\n {\r\n id: 100, name: workbookViewModel.editing() ? \"View Mode\" : \"Edit Mode\", iconType: \"glyphicon\", icon: workbookViewModel.editing() ? \"glyphicon-eye-open\" : \"glyphicon-pencil\",\r\n type: \"Action\", path: \"Workbook_EditMode\", group: \"workbook\", visible: data.editMode || loggedUser.permissions.workbooks(), updateMenuList: true,\r\n onClick: function (e) {\r\n $(\"div.tabName.wrapper\", \"#TabContainer\").each(function () {\r\n if (($(this) as any).popover) {\r\n ($(this) as any).popover(\"hide\");\r\n }\r\n });\r\n\r\n let changeWorkbookEditMode = function () {\r\n let itemListElement = $(\"#drawer .dx-item div[data-id=100]\");\r\n const iconElement = $(\".glyphicon\", itemListElement);\r\n if (workbookViewModel.editing()) {\r\n iconElement.removeClass(\"glyphicon-eye-open\");\r\n iconElement.addClass(\"glyphicon-pencil\");\r\n iconElement.parent().html(iconElement.parent().html().replace(\"View Mode\", \"Edit Mode\"));\r\n }\r\n else {\r\n iconElement.removeClass(\"glyphicon-pencil\");\r\n iconElement.addClass(\"glyphicon-eye-open\");\r\n iconElement.parent().html(iconElement.parent().html().replace(\"Edit Mode\", \"View Mode\"));\r\n }\r\n workbookViewModel.editing(!workbookViewModel.editing());\r\n\r\n if (!workbookViewModel.editing() && getActiveTab().data(\"tabtype\") === TabTypeStrEnum.Dashboard) {\r\n dashboard.disableEditMode();\r\n }\r\n\r\n irGlobal.updateFromServer(null,\r\n urlConfigs.tabs + \"UpdateWorkbookSettings\",\r\n { workbookId: workbookId, editing: workbookViewModel.editing() },\r\n null,\r\n null,\r\n true,\r\n \"POST\",\r\n false);\r\n refreshTabs();\r\n\r\n let tabId = parseInt(getActiveTab().attr(\"id\"), 10);\r\n let activeTab = workbookViewModel.tabs().find(function (x) { return x.id === tabId; });\r\n if (!workbookViewModel.editing() && activeTab && activeTab.hiddenTab) {\r\n let tab = workbookViewModel.tabs().find(function (x) { return !x.hiddenTab; });\r\n if (tab) {\r\n openTab(tab.id);\r\n }\r\n else {\r\n //Reload page\r\n window.location.replace(urlConfigs.tabs + \"Edit/\" + workbookId);\r\n }\r\n }\r\n };\r\n\r\n if (workbookHasPendingChanges() && workbookViewModel.editing()) {\r\n let settings = {\r\n message: `You have pending changes to your workbook, do you wish to save it?`,\r\n size: 'large',\r\n buttons: {\r\n yes: {\r\n label: `Yes`,\r\n callback: function () {\r\n saveWorkbook(!data.persisted, function () { \r\n changeWorkbookEditMode();\r\n });\r\n },\r\n visible: false\r\n },\r\n no: {\r\n label: \"No\",\r\n callback: function () {\r\n changeWorkbookEditMode();\r\n }\r\n },\r\n cancel: {\r\n label: \"Cancel\",\r\n callback: function () { }\r\n }\r\n }\r\n };\r\n\r\n bootbox.dialog(settings);\r\n }\r\n else {\r\n changeWorkbookEditMode();\r\n }\r\n }\r\n },\r\n {\r\n id: 1, name: \"Save\", icon: \"save\", type: \"Action\", path: \"Workbook_Save\", group: \"workbook\",\r\n visible: data.editMode || loggedUser.permissions.workbooks(), onClick: function (e) {\r\n saveWorkbook(!data.persisted);\r\n }\r\n },\r\n {\r\n id: 3, name: \"Set as Default Workbook\", icon: jsonResult.defaultWorkbook ? \"star-fill\" : \"star\", iconType: \"bi\", type: \"Action\", path: \"Workbook_SetDefault\", group: \"workbook\",\r\n visible: data.persisted, onClick: function (e) { setAsDefaultWorkbook(); }\r\n },\r\n {\r\n id: 7, name: \"Set as Default Tab\", icon: jsonResult.defaultTabId === tabId ? \"star-fill\" : \"star\", iconType: \"bi\", type: \"Action\", path: \"Workbook_SetDefaultTab\", group: \"workbook\",\r\n visible: data.persisted && data.editMode /*&& workbookViewModel.tabs().length > 1*/, onClick: function (e) { setAsDefaultTab(getActiveTab()) }\r\n },\r\n {\r\n id: 4, name: \"Create a Copy\", icon: \"copy\", type: \"Action\", path: \"Workbook_SaveCopy\", group: \"workbook\",\r\n visible: data.persisted && (loggedUser.permissions.workbooks() || loggedUser.permissions.createWorkbooks()), onClick: function (e) { saveCopyButton(); }\r\n },\r\n {\r\n id: 2, name: \"Share\", icon: \"share\", type: \"Action\", path: \"Workbook_Share\", group: \"workbook\",\r\n visible: data.persisted && (data.editMode || loggedUser.permissions.workbooks()) && (data.owner || loggedUser.permissions.workbooks()),\r\n onClick: function (e) {\r\n showOptionsPopup(workbookId);\r\n }\r\n },\r\n {\r\n id: 5, name: \"Undo Changes\", icon: \"undo\", type: \"URL\", path: `${urlConfigs.tabs}UndoChanges/${workbookId}`, group: \"workbook\",\r\n visible: data.persisted && (data.editMode || loggedUser.permissions.workbooks())\r\n },\r\n {\r\n id: 6, name: \"SQL\", icon: \"codeblock\", type: \"Action\", path: \"Workbook_SQL\", group: \"workbook\",\r\n visible: workbookViewModel.editing() && data.enableViewSql && loggedUser.permissions.viewSQL(),\r\n onClick: function (e) {\r\n showDebugSql();\r\n }\r\n },\r\n {\r\n id: 9, name: \"Scheduled Emails\", icon: \"email\", type: \"Action\", path: \"Workbook_Emails\", group: \"workbook\",\r\n visible: data.persisted && (data.editMode || loggedUser.permissions.workbooks()) && loggedUser.permissions.scheduleEmails(),\r\n onClick: function (e) {\r\n scheduledEmail.openEmailsPopup();\r\n }\r\n },\r\n {\r\n id: 10, name: \"Information\", icon: \"info\", type: \"Action\", path: \"Workbook_Information\", group: \"workbook\",\r\n onClick: function (e) {\r\n const mappingName = $(\"#TabContainer\").data(\"mappingname\");\r\n const mappingDescription = $(\"#TabContainer\").data(\"mappingdescription\");\r\n const workbookDescription = $(\"#TabContainer\").data(\"workbookdescription\");\r\n const workbookCategory = $(\"#TabContainer\").data(\"workbookcategory\");\r\n const lastCompanySaved = $(\"#TabContainer\").data(\"lastcompanysaved\");\r\n\r\n let popup = $(\"#workbookInformation\").dxPopup({\r\n contentTemplate: `\r\n \r\n
\r\n
\r\n Workbook Description: \r\n ${workbookDescription} \r\n
\r\n
\r\n Workbook Category: \r\n ${workbookCategory} \r\n
\r\n
\r\n Mapping: \r\n ${mappingName} \r\n
\r\n
\r\n Mapping Description: \r\n ${mappingDescription} \r\n
\r\n ${(data.enableMultiTenant ? `
\r\n Last Company Sync: \r\n ${lastCompanySaved} \r\n
` : \"\")}\r\n
');\r\n gridView.dxDataGrid({\r\n dataSource: rData.dataSource,\r\n columns: [\r\n { dataField: \"userId\", caption: \"User Id\", width: 80 },\r\n { dataField: \"userName\", caption: \"User Name\" },\r\n { dataField: \"counter\", caption: \"Counter\", width: 80 },\r\n { dataField: \"lastAccess\", dataType: \"datetime\", caption: \"Last Access\", calculateSortValue: \"lastAccessId\", sortOrder: 'desc', width: 150 }\r\n ]\r\n });\r\n return gridView;\r\n },\r\n width: 700,\r\n height: 300,\r\n showTitle: true,\r\n title: \"User Stats\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: function (e) {\r\n return true;\r\n },\r\n showCloseButton: true,\r\n shadingColor: \"transparent\",\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n }\r\n }).dxPopup(\"instance\");\r\n popup.show();\r\n }, null, true, \"POST\", true, undefined, undefined, false);\r\n }\r\n },\r\n {\r\n id: 132, name: \"Workbook Copies\", icon: \"columnchooser\", type: \"Action\", path: \"Workbook_Copies\", group: \"workbook\",\r\n visible: data.persisted, onClick: function (e) {\r\n workbookCopies.show(workbookId);\r\n }\r\n }\r\n ];\r\n\r\n return list;\r\n };\r\n \r\n\r\n var drawMenu = function (data) {\r\n createTab();\r\n\r\n let workbooks = data.workbooks;\r\n let workbookId = parentContext().data(\"workbookid\");\r\n let selectedWorkbook = workbooks.find(x => x.id === workbookId);\r\n let enableMultiTenant = data.enableMultiTenant;\r\n var getAllMenuList = function (): any[] {\r\n let menuList = [];\r\n if (enableMultiTenant) {\r\n menuList.push({\r\n nogroup: true,\r\n key: data.company.name,\r\n id: data.company.id,\r\n icon: \"tags changeCompanyIcon\",\r\n type: \"Action\",\r\n path: \"Menu_Company\",\r\n click: function () {\r\n openCompaniesPopup();\r\n }\r\n });\r\n }\r\n menuList.push({\r\n key: \"Menu\",\r\n id: \"Menu\",\r\n icon: \"contentlayout\",\r\n items: getMenuTabList(data)\r\n });\r\n menuList.push({\r\n key: selectedWorkbook ? selectedWorkbook.name : \"New Workbook\",\r\n id: \"WorkbookName\",\r\n icon: \"square\",\r\n items: getWorkbookTabList(data, workbookId)\r\n });\r\n menuList.push({\r\n key: \"Workbooks\",\r\n id: \"Workbooks\",\r\n icon: \"bulletlist\",\r\n items: workbooks\r\n });\r\n return menuList;\r\n }\r\n\r\n //if it is a mobile device or small screen\r\n let mobileDevice = window.outerWidth <= 1024 && false;\r\n\r\n const drawer = $(\"#drawer\").dxDrawer({\r\n revealMode: \"slide\",\r\n //overlap if it is a mobile device or small screen\r\n openedStateMode: !mobileDevice ? \"shrink\" : \"overlap\",\r\n opened: true,\r\n template: function (e) {\r\n var $template = $(``);\r\n $(\".list\", $template).dxList({\r\n dataSource: getAllMenuList(),\r\n itemTemplate: function (e) {\r\n let iconName = e.iconType === \"bi\" ? `bi-${e.icon}` : e.iconType === \"glyphicon\" ? `glyphicon ${e.icon}` : `dx-icon-${e.icon}`\r\n let icon = e.icon ? `${icon}${e.name}${sharedIcon}
`);\r\n },\r\n width: 200,\r\n height: \"100%\",\r\n elementAttr: { class: \"dx-theme-accent-as-background-color\" },\r\n selectionMode: \"none\", //\"single\",\r\n //searchEnabled: true,\r\n searchExpr: [\"name\", \"items.name\"],\r\n displayExpr: \"name\",\r\n grouped: true,\r\n collapsibleGroups: true,\r\n onSelectionChanged: function (e) {\r\n },\r\n onItemClick: function (e) {\r\n if (!e.itemData.type) {\r\n if (!selectedWorkbook || selectedWorkbook.id !== e.itemData.id) {\r\n let url = urlConfigs.tabs + \"open/\" + e.itemData.id;\r\n let loadUrl = function () { document.location = url; };\r\n if (enableMultiTenant) {\r\n irGlobal.updateFromServer(null,\r\n urlConfigs.tabs + \"GetDifWorkbookCompanyFromCache\",\r\n { workbookId: e.itemData.id },\r\n function (result) {\r\n if (result.cached) {\r\n let settings = {\r\n message: `The actual company will be changed to '${result.companyName}' to open the workbook '${result.workbookName}'`,\r\n size: 'large',\r\n buttons: {\r\n save: {\r\n label: `Save the workbook and keep the '${result.currentCompanyName}' company`,\r\n callback: function () {\r\n updateFromServer(null,\r\n urlConfigs.tabs + \"SaveDifWorkbookCompanyFromCache\",\r\n { workbookId: e.itemData.id },\r\n function () { loadUrl(); },\r\n function () { });\r\n },\r\n visible: false\r\n },\r\n ok: {\r\n label: \"OK\",\r\n callback: function () {\r\n url += `?companyId=${result.companyId}`;\r\n loadUrl();\r\n }\r\n },\r\n cancel: {\r\n label: \"Cancel\",\r\n callback: function () { }\r\n }\r\n }\r\n };\r\n if (!workbookHasPendingChanges() || !workbookViewModel.editing()) {\r\n delete settings.buttons.save;\r\n }\r\n bootbox.dialog(settings);\r\n }\r\n else {\r\n goToURL(url, e.itemData.name);\r\n }\r\n },\r\n function () {\r\n goToURL(url, e.itemData.name);\r\n },\r\n true,\r\n \"POST\",\r\n true,\r\n undefined,\r\n undefined,\r\n false\r\n );\r\n }\r\n else {\r\n goToURL(url, e.itemData.name);\r\n }\r\n }\r\n }\r\n else if (e.itemData.type === \"URL\") {\r\n document.location = e.itemData.path;\r\n }\r\n\r\n if (e.itemData.updateMenuList) {\r\n e.component.option(\"dataSource\", getAllMenuList());\r\n }\r\n\r\n //auto hide if it is a mobile device or small screen\r\n if (mobileDevice)\r\n drawer.hide();\r\n },\r\n groupTemplate: function (data) {\r\n let sharedWorkbookIcon = \"\";\r\n let otherOwners = \"\";\r\n if (data.id === \"Workbooks\") {\r\n if (loggedUser.permissions.workbooks()) {\r\n let otherOwnersIcon = \"glyphicon-eye-close\";\r\n let otherOwnersTitle = \"Hide Other Owners\";\r\n if (!jsonResult.showOtherOwnersWorkbooks) {\r\n otherOwnersIcon = \"glyphicon-eye-open\";\r\n otherOwnersTitle = \"Show Other Owners\";\r\n }\r\n\r\n otherOwners = `person ',\r\n },\r\n {\r\n beginGroup: true,\r\n name: 'Profile: ' + loggedUser.profileName(),\r\n html: 'badge ',\r\n },\r\n {\r\n name: 'Organization: ' + loggedUser.organizationName(),\r\n html: 'corporate_fare ',\r\n },\r\n {\r\n beginGroup: true,\r\n name: 'Interactive Reporting',\r\n html: 'equalizer ',\r\n },\r\n {\r\n name: 'Version: ' + irSettings.version,\r\n html: 'info ',\r\n },\r\n {\r\n name: 'Date: ' + irSettings.dateVersion,\r\n html: 'description ',\r\n },\r\n {\r\n beginGroup: true,\r\n name: 'Change Password',\r\n html: 'password ',\r\n visible: authenticationMode === \"IR\"\r\n },\r\n {\r\n beginGroup: true,\r\n name: 'Logout',\r\n html: 'logout ',\r\n },\r\n ],\r\n },],\r\n hideSubmenuOnMouseLeave: false,\r\n displayExpr: 'name',\r\n onItemClick(data) {\r\n switch (data.itemData.name) {\r\n case \"Change Password\":\r\n irGlobal.changePassword();\r\n break;\r\n case \"Logout\":\r\n window.location.href = \"/Login/Logout\";\r\n break;\r\n }\r\n },\r\n },\r\n },],\r\n elementAttr: {\r\n style: \"display: inline; position: absolute; background-color: unset; padding-top: 3px; padding-left: 2px; padding-right: 2px;\"\r\n }\r\n });\r\n\r\n //auto hide if it is a mobile device or small screen\r\n if (mobileDevice)\r\n drawer.hide();\r\n\r\n afterDrawMenu();\r\n }\r\n\r\n var afterDrawMenu = function () {\r\n let activeTab = getActiveTab();\r\n let activeTabType = activeTab.data(\"tabtype\");\r\n\r\n switch (activeTabType) {\r\n case TabTypeStrEnum.Dashboard:\r\n dashboard.setup();\r\n break;\r\n case TabTypeStrEnum.Chart:\r\n case TabTypeStrEnum.Report:\r\n reportView.setup();\r\n break;\r\n case TabTypeStrEnum.ReportDesigner:\r\n case TabTypeStrEnum.ChartDesigner:\r\n setupDesigner();\r\n break;\r\n }\r\n\r\n let context = parentContext();\r\n setupTabActions(context);\r\n filtersManager.setup(context,\r\n \"#WorkbookButtons li.filterList\",\r\n \"#WorkbookButtons li.filterContextContainer\",\r\n afterFilterAdded,\r\n undefined\r\n );\r\n filtersManager.setupMapping(context);\r\n updateVisibilityOptionsTabs();\r\n }\r\n\r\n var goToURL = function (url: string, name: string) {\r\n homeButtonClicked = true;\r\n\r\n let pendingChanges = workbookHasPendingChanges();\r\n if (pendingChanges && workbookViewModel.editing()) {\r\n bootbox.confirm(`Are you sure you want to go to ${name}? You have pending changes to your workbook.`,\r\n function (result) {\r\n if (result) {\r\n document.location.href = url;\r\n homeButtonClicked = false;\r\n }\r\n }\r\n );\r\n } else {\r\n document.location.href = url;\r\n homeButtonClicked = false;\r\n }\r\n }\r\n\r\n var logoutClick = function () {\r\n let context = parentContext();\r\n let inputLogout = $(\"#logout\", context);\r\n let url = inputLogout.data(\"href\");\r\n goToURL(url, \"the login page\");\r\n }\r\n\r\n var updateVisibilityOptionsTabs = function () {\r\n let tabPanel = getDxTabPanel();\r\n if (tabPanel) {\r\n let count = (tabPanel.option(\"dataSource\") as []).length;\r\n let display = count > 1 ? \"block\" : \"none\";\r\n $(\".filterContextContainer\", \"#WorkbookButtons\").css(\"display\", display);\r\n $(`#drawer .dx-item .dx-item-content div[data-id=7][data-group=\"workbook\"]`).closest(\".dx-item\").css(\"display\", display);\r\n getTabPageHeader().css(\"display\", display);\r\n }\r\n }\r\n var updateIconDefaultWorkbook = function (defaultWorkbook: boolean = false) {\r\n let iconDiv = $(`#drawer .dx-item .dx-item-content div[data-id=3][data-group=\"workbook\"] i`);\r\n iconDiv.removeClass();\r\n iconDiv.addClass(defaultWorkbook ? \"bi-star-fill\" : \"bi-star\");\r\n }\r\n var updateIconDefaultTab = function () {\r\n let tabId = parseInt(getActiveTab().attr(\"id\"), 10);\r\n let defaultTab = jsonResult.defaultTabId === tabId;\r\n let iconDiv = $(`#drawer .dx-item .dx-item-content div[data-id=7][data-group=\"workbook\"] i`);\r\n iconDiv.removeClass();\r\n iconDiv.addClass(defaultTab ? \"bi-star-fill\" : \"bi-star\");\r\n }\r\n var showToast = function (message: string = undefined, width: number = 300) {\r\n if (!message || message === \"\") {\r\n return;\r\n }\r\n\r\n DevExpress.ui.notify({\r\n message: message,\r\n type: \"success\",\r\n position: { my: 'right top', at: 'right top', offset: { x: -20, y: 20 } },\r\n width: width\r\n });\r\n };\r\n\r\n var eventsToExecute = [];\r\n var updateFromServer = function (evt, url: string, submitObject, successFunction: Function, failureFunction: Function) {\r\n\r\n let updateServer = function (params) {\r\n submitObject = getBaseSubmitObject(submitObject);\r\n\r\n let newSuccessFunction = function (data) {\r\n\r\n if (params.successFunction) {\r\n params.successFunction(data);\r\n }\r\n\r\n eventsToExecute.shift();\r\n if (eventsToExecute.length > 0) {\r\n updateServer(eventsToExecute[0]);\r\n }\r\n }\r\n\r\n let newFailureFunction = function (data) {\r\n\r\n if (params.failureFunction) {\r\n params.failureFunction(data);\r\n }\r\n\r\n eventsToExecute.shift();\r\n if (eventsToExecute.length > 0) {\r\n updateServer(eventsToExecute[0]);\r\n }\r\n }\r\n\r\n irGlobal.updateFromServer(evt,\r\n params.url,\r\n params.submitObject,\r\n newSuccessFunction,\r\n newFailureFunction,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n if (eventsToExecute.length === 0) {\r\n eventsToExecute.push({ evt: evt, url: url, submitObject: submitObject, successFunction: successFunction, failureFunction: failureFunction });\r\n updateServer(eventsToExecute[0]);\r\n }\r\n else {\r\n eventsToExecute.push({ evt: evt, url: url, submitObject: submitObject, successFunction: successFunction, failureFunction: failureFunction });\r\n }\r\n }\r\n\r\n var homeButtonClicked = false;\r\n var setup = function () {\r\n workbookViewModel.setup();\r\n\r\n //Check if the workbook is being edited. When creating new tabs and saving the workbook, the page is refreshed\r\n let editing = parentContext().data(\"editing\");\r\n if (editing) {\r\n workbookViewModel.editing(true);\r\n }\r\n parentContext().data(\"editing\", null);\r\n parentContext().removeAttr(\"data-editing\");\r\n\r\n applyWorkbookBinding($(\"#WorkbookButtons ul.addReportDashboard\").get(0));\r\n\r\n irGlobal.setup();\r\n formattingRuleService.setup(function () {\r\n getAndDrawMenu(function () {\r\n let context = parentContext();\r\n let workbookId = context.data(\"workbookid\");\r\n\r\n updateTimeStamp();\r\n setInterval(updateTimeStamp, 60000);\r\n setUrl({ id: workbookId, forceSet: true });\r\n\r\n let edit = context.data(\"edit\") === \"True\" ? true : false;\r\n if (edit || loggedUser.permissions.workbooks()) {\r\n $(\"div#WorkbookNameEdit input\", context).off(\"click\", workbookNameClick).on(\"click\", workbookNameClick);\r\n }\r\n else {\r\n $(\"div#WorkbookNameEdit input\", context).prop('readonly', true);\r\n }\r\n\r\n $(\"#logout\", context).off(\"click\", logoutClick).on(\"click\", logoutClick);\r\n });\r\n });\r\n\r\n //search on top Report button\r\n $(document).ready(function () {\r\n let navbar = ('#WorkbookButtons');\r\n\r\n $(navbar).on('click', '#btnActionReports', function (e) {\r\n let ariaExpanded = $(this).attr('aria-expanded');\r\n if (ariaExpanded == 'false') {\r\n $('.search-for-action').val('');\r\n showAll();\r\n }\r\n })\r\n\r\n $(navbar).on('keyup', '.search-for-action', function (e) {\r\n let text = $(this).val().toString().toLowerCase();\r\n if (text == '') {\r\n showAll();\r\n return;\r\n }\r\n\r\n let ul = $('#ReportSelector');\r\n let type = $(this).data('type');\r\n let lis = $('li[data-type=\"' + type + '\"]', $(ul));\r\n\r\n $(lis).each(function () {\r\n var liText = $(this).data('search').toString().toLowerCase();\r\n\r\n if (liText.indexOf(text) >= 0) {\r\n $(this).show();\r\n }\r\n else {\r\n $(this).hide();\r\n }\r\n });\r\n });\r\n });\r\n\r\n irGlobal.setupChangePassword();\r\n };\r\n\r\n function applyWorkbookBinding(nodeElement) {\r\n ko.applyBindings(workbookViewModel, nodeElement);\r\n }\r\n\r\n function showAll() {\r\n let lis = $('li', $('#ReportSelector'));\r\n $(lis).show();\r\n }\r\n\r\n function refreshTabs() {\r\n let tabPanel = getDxTabPanel();\r\n tabPanel.repaint();\r\n createTabEvents();\r\n }\r\n\r\n return {\r\n applyWorkbookBinding: applyWorkbookBinding,\r\n getBaseSubmitObject: getBaseSubmitObject,\r\n getActiveTab: getActiveTab,\r\n updateTabView: updateTabView,\r\n getTabConfig: getTabConfig,\r\n setupTabActions: setupTabActions,\r\n updateWorkbookReportList: updateWorkbookReportList,\r\n updateWorkbookDashboardList: updateWorkbookDashboardList,\r\n updateReportList: updateReportList,\r\n setup: setup,\r\n renameTab: renameTab,\r\n onInputRenameTab: onInputRenameTab,\r\n setAsDefaultWorkbook: setAsDefaultWorkbook,\r\n setAsDefaultTab: setAsDefaultTab,\r\n openTab: openTab,\r\n getTabList: getTabList,\r\n getTabName: getTabName,\r\n downloadHardcopy: downloadHardcopy,\r\n updatePropertiesTabs: updatePropertiesTabs,\r\n showSharedPopup: showOptionsPopup,\r\n showDebugSql: showDebugSql,\r\n openMappingsPopup: openMappingsPopup,\r\n openCompaniesPopup: openCompaniesPopup,\r\n };\r\n}(jQuery));","//// more_horiz ${options.text} `).css(\"color\", color).addClass(\"report-bar-span\").appendTo(container);\r\n if (options.column.visualizationMode.barChartTextPosition === \"End\") {\r\n if (hasNegativeValues && !isNegative) {\r\n spanWidth = span.width() + padding;\r\n }\r\n else {\r\n spanWidth = span.width() + (padding * 2);\r\n }\r\n }\r\n }\r\n\r\n if (hasNegativeValues) {\r\n let halfNegativeBar = $('').appendTo(container).addClass(\"report-bar-half-negative\").css(\"height\", container.height());\r\n $(\"
\").addClass(\"report-bar-negative\").css(\"width\", isNegative ? `max(1px, calc(${widthBar}% - ${padding}px - ${spanWidth}px))` : \"0px\").css(\"background-color\", negativeColor)\r\n .appendTo(halfNegativeBar);\r\n\r\n $('
').appendTo(container).addClass(\"report-bar-half-positive\").css(\"height\", container.height())\r\n .css(\"width\", isNegative ? \"0px\" : `max(1px, calc(${(widthBar / 2)}% - ${padding}px - ${spanWidth}px))`).css(\"background-color\", barColor);\r\n\r\n if (span && hasNegativeValues && isNegative) {\r\n span.appendTo(halfNegativeBar);\r\n }\r\n }\r\n else {\r\n $('
').appendTo(container).attr(\"title\", options.text).addClass(\"report-bar\").css(\"background-color\", barColor).css(\"width\", `max(1px, calc(${widthBar}% - ${(spanWidth)}px))`).css(\"height\", container.height());\r\n }\r\n\r\n if (options.column.visualizationMode.barChartText !== \"None\") {\r\n if (options.column.visualizationMode.barChartTextPosition === \"Begin\") {\r\n if (hasNegativeValues) {\r\n if (isNegative) {\r\n span.css(\"right\", `${padding}px`);\r\n }\r\n else {\r\n span.css(\"left\", `calc(50% + ${padding}px)`);\r\n }\r\n }\r\n else {\r\n span.css(\"left\", `${padding}px`);\r\n }\r\n }\r\n else if (options.column.visualizationMode.barChartTextPosition === \"Center\") {\r\n if (hasNegativeValues) {\r\n span.css(\"left\", `calc(${(isNegative ? 50 : 75)}% - ${(span.width() / 2)}px)`);\r\n }\r\n else {\r\n span.css(\"left\", `calc(50% - ${(span.width() / 2)}px)`);\r\n }\r\n }\r\n else {\r\n if (hasNegativeValues) {\r\n if (isNegative) {\r\n span.css(\"right\", `max(1px, calc(${widthBar}% - ${(spanWidth - padding)}px))`);\r\n }\r\n else {\r\n span.css(\"left\", `max(calc(50% + 1px), calc(50% + ${(widthBar / 2)}% - ${(spanWidth)}px))`);\r\n }\r\n }\r\n else {\r\n span.css(\"left\", `max(${padding}px, calc(${widthBar}% - ${(spanWidth - padding)}px))`);\r\n }\r\n }\r\n }\r\n }\r\n\r\n var getFormattingScaleColor = function (formattingScale) {\r\n let backgroundColor = null;\r\n let color = null;\r\n let iconColor = null;\r\n if (formattingScale !== null) {\r\n if (formattingScale.backgroundColor) {\r\n backgroundColor = formattingScale.backgroundColor;\r\n }\r\n\r\n if (formattingScale.fontColor) {\r\n color = formattingScale.fontColor;\r\n }\r\n\r\n if (formattingScale.color) {\r\n iconColor = formattingScale.color;\r\n }\r\n }\r\n\r\n return {\r\n backgroundColor: backgroundColor,\r\n color: color,\r\n iconColor: iconColor\r\n }\r\n }\r\n\r\n var applyFormattingRuleCell = function (result, container, options, rowType) {\r\n let isTotal = rowType !== \"data\";\r\n let backgroundColor = options.column.backgroundColor;\r\n let color = options.column.foreColor;\r\n\r\n let formattingRule = result.formattingRules.find(function (x) { return x.id === options.column.formattingRuleId; });\r\n let isPercent = options.column.format && options.column.format.style === \"percent\";\r\n let formattingScale = formattingRuleService.getFormattingRuleScale(formattingRule, options.value, isPercent);\r\n let colors = getFormattingScaleColor(formattingScale);\r\n if (colors.backgroundColor && colors.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n backgroundColor = colors.backgroundColor;\r\n }\r\n if (colors.color) {\r\n color = colors.color;\r\n }\r\n\r\n if (formattingScale !== null && formattingScale.icon !== \"none\") {\r\n let fontSize = result.fontSize < 15 ? 15 : result.fontSize;\r\n if (result.reportType === ReportTypeEnum.Pivot && result.isPrinting) {\r\n fontSize = result.fontSize;\r\n }\r\n\r\n if (isTotal) {\r\n $(\".dx-datagrid-summary-item\", container)\r\n .append($(`
`));\r\n }\r\n else {\r\n $('
')\r\n .html(options.text)\r\n .append($(`
`))\r\n .appendTo(container);\r\n }\r\n }\r\n else {\r\n if (!isTotal) {\r\n container.html(options.text);\r\n }\r\n }\r\n\r\n let applyColors = function (elements, bColor, fColor) {\r\n elements.forEach(function (cell) {\r\n let style = cell.attr(\"style\") || \"\";\r\n if (style.length > 0 && !style.endsWith(\";\")) {\r\n style += \";\";\r\n }\r\n\r\n if (fColor) {\r\n style += `color: ${fColor} !important;`\r\n }\r\n\r\n if (bColor && bColor.toLowerCase() !== \"#ffffff\") {\r\n style += `background-color: ${bColor};`\r\n }\r\n\r\n if (isTotal) {\r\n let totalCell = $(\".dx-datagrid-summary-item\", cell);\r\n let totalStyle = totalCell.attr(\"style\") || \"\";\r\n if (totalStyle.length > 0 && !totalStyle.endsWith(\";\")) {\r\n totalStyle += \";\";\r\n }\r\n\r\n if (bColor && bColor.toLowerCase() !== \"#ffffff\") {\r\n totalStyle += `background-color: ${bColor};`\r\n }\r\n\r\n if (fColor) {\r\n totalStyle += `color: ${fColor} !important;`\r\n }\r\n\r\n totalCell.attr(\"style\", totalStyle);\r\n }\r\n\r\n cell.attr(\"style\", style);\r\n });\r\n }\r\n\r\n let cells = [container];\r\n\r\n if (formattingRule.config.applyRow && formattingScale) {\r\n applyColors(cells, backgroundColor, color);\r\n if (colors.backgroundColor && colors.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n container.addClass(\"fr-backgroundColor-applied\");\r\n }\r\n if (colors.color) {\r\n container.addClass(\"fr-fontColor-applied\");\r\n }\r\n\r\n let tds = $(\"td:not(.fr-applied)\", container.closest(\"tr\"));\r\n if (tds.length > 0) {\r\n cells = [];\r\n tds.each(function () {\r\n if (container.get(0) !== this) {\r\n cells.push($(this));\r\n }\r\n });\r\n container.addClass(\"fr-applied\");\r\n\r\n if (colors.backgroundColor && colors.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n tds.addClass(\"fr-row-backgroundColor-applied\");\r\n }\r\n if (colors.color) {\r\n tds.addClass(\"fr-row-fontColor-applied\");\r\n }\r\n\r\n applyColors(cells, colors.backgroundColor, colors.color);\r\n }\r\n }\r\n else {\r\n container.addClass(\"fr-applied\");\r\n if (colors.backgroundColor && colors.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n container.addClass(\"fr-backgroundColor-applied\");\r\n }\r\n if (colors.color) {\r\n container.addClass(\"fr-fontColor-applied\");\r\n }\r\n applyColors(cells, backgroundColor, color);\r\n }\r\n\r\n return {\r\n formattingRule: formattingRule,\r\n formattingScale: formattingScale\r\n };\r\n }\r\n\r\n var setupGridColumns = function (result, totalItems, groupItems) {\r\n if (result.baseColumns) {\r\n result.columns = result.baseColumns.slice();\r\n }\r\n\r\n let deubgLog = false;\r\n\r\n let gridColumns = [];\r\n let groupColumns = [];\r\n\r\n if (deubgLog) { console.log(\"result.columns\"); console.log(result.columns); }\r\n\r\n for (var index = 0; index < result.columns.length; index++) {\r\n\r\n let column = result.columns[index];\r\n\r\n column.indexBase = column.index;\r\n column.encodeHtml = false; //Need to use because of html code in the data. Example: Links \r\n column.cssClass = \"column-text-style\";\r\n column.headerCellTemplate = function (header, info) {\r\n header.closest(\"td\").css(\"text-align\", info.column.titleAlignment);\r\n //Need to use because of
in the column title, column.encodeHtml = false doesn't work for column title\r\n header.html(info.column.caption);\r\n }\r\n if (column.width === null)\r\n column.width = undefined; //Set width to undefined for column resize to work\r\n\r\n if (column.isMetric) {\r\n\r\n if (column.functionType === FunctionTypeEnum.Rank) {\r\n column.showTotalValue = false;\r\n column.showSubtotalValue = false;\r\n column.groupingType = GroupingTypeEnum.SUM;\r\n }\r\n\r\n const isCustomMetric = column.groupingType === GroupingTypeEnum.WSUM ||\r\n column.groupingType === GroupingTypeEnum.DSUM ||\r\n column.groupingType === GroupingTypeEnum.WDSUM ||\r\n (column.comparisonType >= ComparisonTypeEnum.Variation && column.groupingType !== GroupingTypeEnum.TSUM) ||\r\n column.functionType === FunctionTypeEnum.AccumulatedAll ||\r\n column.functionType === FunctionTypeEnum.PercentOfTotal ||\r\n (column.functionType === FunctionTypeEnum.Accumulated && result.reportType === ReportTypeEnum.Analysis);\r\n let summaryType = isCustomMetric ?\r\n 'custom' :\r\n column.groupingType === GroupingTypeEnum.MIN ?\r\n 'min' :\r\n column.groupingType === GroupingTypeEnum.MAX ? 'max' : 'sum';\r\n\r\n if (column.groupingType === GroupingTypeEnum.TSUM) {\r\n summaryType = 'max';\r\n }\r\n\r\n if (result.totalsPosition !== TotalsPositionEnum.None && column.showTotalValue) {\r\n totalItems.push({\r\n name: column.dataField,\r\n showInColumn: isCustomMetric ? column.dataField : null,\r\n column: isCustomMetric ? null : column.dataField,\r\n displayFormat: '{0}',\r\n valueFormat: column.format,\r\n summaryType: summaryType,\r\n });\r\n }\r\n\r\n if (result.hasGrouping) {\r\n if (result.subtotalsPosition !== TotalsPositionEnum.None && column.showSubtotalValue) {\r\n groupItems.push({\r\n name: column.dataField,\r\n showInColumn: isCustomMetric ? column.dataField : null,\r\n column: isCustomMetric ? null : column.dataField,\r\n summaryType: summaryType,\r\n valueFormat: column.format,\r\n displayFormat: '{0}',\r\n showInGroupFooter: false,\r\n alignByColumn: true,\r\n });\r\n\r\n if (result.subtotalsPosition === TotalsPositionEnum.Bottom) {\r\n groupItems.push({\r\n name: column.dataField,\r\n showInColumn: isCustomMetric ? column.dataField : null,\r\n column: isCustomMetric ? null : column.dataField,\r\n summaryType: summaryType,\r\n valueFormat: column.format,\r\n displayFormat: '{0}',\r\n showInGroupFooter: true,\r\n alignByColumn: true,\r\n });\r\n }\r\n }\r\n }\r\n\r\n //WSUM and Comparison Variation Value and Percentage\r\n if (column.groupingType === GroupingTypeEnum.WSUM || column.comparisonType >= ComparisonTypeEnum.Variation) {\r\n column.calculateCellValue = function (rowData) {\r\n let calculateColumn = this;\r\n let returnValue = 0;\r\n if (calculateColumn.groupingType === GroupingTypeEnum.WSUM) {\r\n if (calculateColumn.functionType === FunctionTypeEnum.PercentOfTotal && calculateColumn.comparisonType < ComparisonTypeEnum.Variation) {\r\n const valueTop = rowData[calculateColumn.indexBase];\r\n const valueBottom = rowData[calculateColumn.indexBottom];\r\n const valueGrandTotal = rowData[calculateColumn.indexBase + 3];\r\n returnValue = valueBottom === 0 || valueGrandTotal === 0 ? 0 : (valueTop / valueBottom) / valueGrandTotal;\r\n }\r\n else if (calculateColumn.comparisonType < ComparisonTypeEnum.Variation) {\r\n let valueTop = rowData[calculateColumn.dataField];\r\n let valueBottom = rowData[calculateColumn.indexBottom];\r\n let value = valueBottom === 0 ? 0 : valueTop / valueBottom;\r\n returnValue = value;\r\n }\r\n else {\r\n let valueTop = rowData[calculateColumn.indexBase];\r\n let valueTopComparison = rowData[calculateColumn.indexComparison];\r\n let valueBottom = rowData[calculateColumn.indexBottom];\r\n let valueBottomComparison = rowData[calculateColumn.indexBottomComparison];\r\n\r\n let value = valueBottom === 0 ? 0 : valueTop / valueBottom;\r\n let valueComparison = valueBottomComparison === 0 ? 0 : valueTopComparison / valueBottomComparison;\r\n\r\n if (calculateColumn.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n const valueGrandTotal = rowData[calculateColumn.indexBase + 3];\r\n const valueGrandTotalComparison = rowData[calculateColumn.indexComparison + 3];\r\n value = valueGrandTotal === 0 ? 0 : value / valueGrandTotal;\r\n valueComparison = valueGrandTotalComparison === 0 ? 0 : valueComparison / valueGrandTotalComparison;\r\n }\r\n\r\n let valueVariation = value - valueComparison;\r\n\r\n if (calculateColumn.comparisonType === ComparisonTypeEnum.PercentageVariation) {\r\n valueVariation = valueComparison === 0 ? 0 : valueVariation / valueComparison;\r\n }\r\n returnValue = valueVariation;\r\n }\r\n }\r\n else if (calculateColumn.comparisonType >= ComparisonTypeEnum.Variation) {\r\n let value = rowData[calculateColumn.indexBase];\r\n let valueComparison = rowData[calculateColumn.indexComparison];\r\n value = value - valueComparison;\r\n if (calculateColumn.comparisonType === ComparisonTypeEnum.PercentageVariation) {\r\n value = valueComparison === 0 ? 0 : value / valueComparison;\r\n }\r\n returnValue = value;\r\n }\r\n\r\n //Need to round the value before the interface, so the search for numeric columns works\r\n let precision = this.format.precision + (this.format.style === \"percent\" ? 2 : 0);\r\n returnValue = Math.round(returnValue * (Math.pow(10, precision))) / (Math.pow(10, precision));\r\n return returnValue;\r\n }\r\n }\r\n else {\r\n column.calculateCellValue = function (rowData) {\r\n //Need to round the value before the interface, so the search for numeric columns works\r\n let precision = this.format.precision + (this.format.style === \"percent\" ? 2 : 0);\r\n let value = Math.round(rowData[this.dataField] * (Math.pow(10, precision))) / (Math.pow(10, precision));;\r\n return value;\r\n }\r\n }\r\n\r\n column.cellTemplate = function (container, options) {\r\n let formattingRule = null;\r\n\r\n if (options.column.hasFormattingRule) {\r\n let formattingOptioins = applyFormattingRuleCell(result, container, options, \"data\");\r\n formattingRule = formattingOptioins.formattingRule;\r\n }\r\n else {\r\n let color = options.column.foreColor;\r\n let backgroundColor = options.column.backgroundColor;\r\n\r\n container.html(options.text);\r\n\r\n if (!container.hasClass(\"fr-row-fontColor-applied\")) {\r\n container.css(\"color\", color);\r\n }\r\n\r\n if (backgroundColor && backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n if (!container.hasClass(\"fr-row-backgroundColor-applied\")) {\r\n container.css(\"backgroundColor\", backgroundColor);\r\n }\r\n }\r\n }\r\n\r\n if (options.column.hasBarChart) {\r\n drawBarColumn(container, options, formattingRule, result);\r\n }\r\n\r\n if (options.column.thresholdColor && options.column.thresholdValue !== undefined && options.column.thresholdValue !== null && options.value < options.column.thresholdValue) {\r\n if (!container.hasClass(\"fr-row-fontColor-applied\") && !container.hasClass(\"fr-fontColor-applied\")) {\r\n container.css(\"color\", options.column.thresholdColor);\r\n }\r\n }\r\n }\r\n\r\n if (column.hasBarChart) {\r\n if (column.visualizationMode.columnWidth > 0) {\r\n column.width = column.visualizationMode.columnWidth;\r\n }\r\n\r\n totalItems.push({\r\n name: column.dataField + \"_maxChart\",\r\n column: column.dataField,\r\n cssClass: \"hidden-total-summaries\",\r\n summaryType: 'max',\r\n hasBarChart: true\r\n });\r\n\r\n totalItems.push({\r\n name: column.dataField + \"_minChart\",\r\n column: column.dataField,\r\n cssClass: \"hidden-total-summaries\",\r\n summaryType: 'min',\r\n hasBarChart: true\r\n });\r\n }\r\n\r\n //For Pivot\r\n column.area = \"data\";\r\n summaryType =\r\n column.groupingType === GroupingTypeEnum.WSUM ||\r\n column.comparisonType >= ComparisonTypeEnum.Variation /*|| column.functionType === 3*/ ?\r\n 'custom' :\r\n column.groupingType === GroupingTypeEnum.MIN ?\r\n 'min' :\r\n column.groupingType === GroupingTypeEnum.MAX ? 'max' : 'sum';\r\n if (column.groupingType === GroupingTypeEnum.TSUM) {\r\n summaryType = 'max';\r\n }\r\n\r\n column.summaryType = summaryType;\r\n\r\n gridColumns.push(column);\r\n if (deubgLog) { console.log(\"Adding GridColumn Metric\"); console.log(column); }\r\n }\r\n else {\r\n\r\n if (column.isGrouping || result.reportType === ReportTypeEnum.Pivot) {\r\n column.visible = false;\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis) {\r\n column.groupIndex = column.groupId;\r\n }\r\n else {\r\n column.groupIndex = column.groupOrder;\r\n }\r\n\r\n let groupColumn = groupColumns.find(function (x) { return x.groupId === column.groupId && x.isGrouping === column.isGrouping; });\r\n if (groupColumn === undefined) {\r\n groupColumn = {\r\n isGrouping: column.isGrouping,\r\n groupId: column.groupId,\r\n columns: []\r\n };\r\n groupColumns.push(groupColumn);\r\n }\r\n\r\n column.groupCellTemplate = function (element, options) {\r\n element.html(options.displayValue);\r\n };\r\n\r\n groupColumn.columns.push(column);\r\n if (deubgLog) { console.log(\"Adding Group\"); console.log(column); console.log(groupColumn); }\r\n\r\n //For Pivot \r\n if (result.reportType === ReportTypeEnum.Pivot) {\r\n column.area = column.isGrouping ? 'column' : 'row';\r\n }\r\n }\r\n else {\r\n column.groupIndex = undefined;\r\n column.groupName = undefined;\r\n gridColumns.push(column);\r\n\r\n //Disabled but maybe it is necessary for Pivot\r\n //proccessColumn(result, column);\r\n\r\n //Added to generate the text for date fields - because processColumn() was disabled\r\n if (column.autoGrouping > AutoGroupingEnum.ByDay && column.autoGrouping !== AutoGroupingEnum.ByYear || column.dataType === \"date\" && column.autoGrouping <= AutoGroupingEnum.ByDay) {\r\n //Set the calculateCellValue this way for the search panel to work and to show the correct value\r\n column.calculateCellValue = function (rowData) {\r\n let value = rowData[this.dataField];\r\n if (value) {\r\n return getAutoGroupingText(value, this.autoGrouping, result.dateFormat, result.dateSeparator, result.weekStartDay);\r\n }\r\n\r\n return value;\r\n };\r\n column.calculateSortValue = column.dataField;\r\n }\r\n\r\n //For Pivot \r\n if (result.reportType === ReportTypeEnum.Pivot) {\r\n column.area = 'row';\r\n column.allowExpandAll = true;\r\n column.expanded = true;\r\n }\r\n\r\n if (deubgLog) { console.log(\"Adding GridColumn Field\"); console.log(column); }\r\n }\r\n }\r\n\r\n }\r\n if (result.result) {\r\n groupColumns.forEach(function (groupColumn) {\r\n let gridGroupColumn = setupGroup(result, groupColumn.columns, groupColumn.groupId, groupColumn.isGrouping, deubgLog);\r\n if (deubgLog) { console.log(\"Adding Grouping Columns\"); console.log(gridGroupColumn); }\r\n gridColumns.push(gridGroupColumn);\r\n });\r\n }\r\n\r\n if (!result.formulasResolved) {\r\n let re = /\\[[a-zA-Z_0-9]*\\]/g;\r\n for (var index = 0; index < result.columns.length; index++) {\r\n\r\n let column = result.columns[index];\r\n //DSUM or DWSUM\r\n if (column.groupingType === GroupingTypeEnum.DSUM || column.groupingType === GroupingTypeEnum.WDSUM) {\r\n column.dependentColumns = [];\r\n let variables;\r\n let formula = column.formulaTop.replaceAll(\"=\", \"==\");\r\n while (variables = re.exec(column.formulaTop)) {\r\n let variable = variables[0];\r\n let queryName = variable.replace('[', '').replace(']', '');\r\n let dColumn = result.columns.find(x => x.queryName === queryName);\r\n formula = formula.replaceAll(variable, `[${dColumn.index}]`);\r\n if (column.dependentColumns.find(x => x.queryName === queryName) === undefined) {\r\n column.dependentColumns.push(dColumn);\r\n }\r\n }\r\n column.formulaTop = formula;\r\n }\r\n }\r\n result.formulasResolved = true;\r\n }\r\n\r\n if (deubgLog) { console.log(\"Result\"); console.log(result.result); }\r\n\r\n if (result.reportType === ReportTypeEnum.Pivot) {\r\n for (var index = 0; index < result.groupColumns.length; index++) {\r\n let column = result.groupColumns[index];\r\n result.columns.unshift({\r\n caption: `G${column}`,\r\n area: 'row',\r\n groupName: `G${column}`,\r\n allowExpandAll: true,\r\n expanded: true,\r\n });\r\n }\r\n }\r\n\r\n return gridColumns;\r\n }\r\n\r\n var setupGroup = function (result, groupColumns, groupId, isGrouping, debugLog) {\r\n\r\n let groupColumnIndex = result.result[0] ? result.result[0].length : 0;\r\n let caption = `Grouping-${groupId}-${(isGrouping ? 'C' : 'R')}`;\r\n if (groupColumns) {\r\n caption = \"\";\r\n groupColumns.forEach(function (col) {\r\n if (caption != \"\") {\r\n caption += result.columnSeparator;\r\n }\r\n caption += col.caption;\r\n });\r\n\r\n caption = (caption as any).replaceAll(\" \", \" \").replaceAll(\"
\", \" \");\r\n }\r\n\r\n var groupingColumn = {\r\n groupColumns: groupColumns,\r\n encodeHtml: false,\r\n dataField: `${groupColumnIndex}`,\r\n index: groupColumnIndex,\r\n caption: caption,\r\n isGrouping: true,\r\n isMetric: false,\r\n groupIndex: result.reportType === ReportTypeEnum.Pivot ? undefined : groupId,\r\n groupId: groupId,\r\n groupCellTemplate: function (element, options) {\r\n let text = options.value + \"\";\r\n if (result.subtotalsPosition === TotalsPositionEnum.Top && result.showReportRowCount) {\r\n let summary = options.summaryItems.find(function (x) { return x.name === \"ForSubTotal\"; });\r\n let countText = summary ? summary.value : \"\";\r\n text = `${text}${countText}`;\r\n }\r\n\r\n //IRNG-1709\r\n if (result.designer.enableRowSelection()) {\r\n element.html(`${linkDrilldown} ${text}`);\r\n\r\n $(\"a.drilldowrow\", element).click(function (e) {\r\n reportRowClick(options.row, result, element, e);\r\n });\r\n }\r\n else {\r\n element.html(text);\r\n }\r\n //---\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis && groupColumns.length) {\r\n element.css(\"text-align\", groupColumns[0].alignment);\r\n }\r\n },\r\n\r\n //calculateCellValue and calculateDisplayValue are set this way for the search panel to work\r\n calculateCellValue: function (rowData) {\r\n return rowData[this.dataField].toString();\r\n },\r\n calculateDisplayValue: function (rowData) {\r\n return rowData[this.dataField];\r\n },\r\n //-----\r\n sortingMethod: function (value1, value2) {\r\n if (result.reportType === ReportTypeEnum.Pivot && groupColumns.filter((x) => { return !x.isMetric && x.sortOrder; }).length > 0) {\r\n const sortColumn = groupColumns.find((x) => { return !x.isMetric && x.sortOrder; });\r\n const index = groupColumns.indexOf(sortColumn)\r\n\r\n let val1 = value1.value === undefined ? value1.values[index] : value1.value.values !== undefined ? value1.value.values[index] : value1.value;\r\n let val2 = value2.value === undefined ? value2.values[index] : value2.value.values !== undefined ? value2.value.values[index] : value2.value;\r\n\r\n if (val1 > val2)\r\n return 1;\r\n else if (val1 < val2)\r\n return -1;\r\n }\r\n\r\n for (var j = 0; j < groupColumns.length; j++) {\r\n let val1 = value1.value === undefined ? value1.values[j] : value1.value.values !== undefined ? value1.value.values[j] : value1.value;\r\n let val2 = value2.value === undefined ? value2.values[j] : value2.value.values !== undefined ? value2.value.values[j] : value2.value;\r\n\r\n if (val1 > val2)\r\n return 1;\r\n else if (val1 < val2)\r\n return -1;\r\n }\r\n\r\n return 0;\r\n },\r\n area: isGrouping ? 'column' : 'row', //for Pivot\r\n };\r\n\r\n let groupValues = [];\r\n\r\n for (var i = 0; i < result.result.length; i++) {\r\n let resultRow = result.result[i];\r\n\r\n let groupValue = {\r\n text: \"\",\r\n values: [],\r\n toString: function () {\r\n return this.text;\r\n },\r\n valueOf: function () {\r\n return this.text;\r\n },\r\n };\r\n\r\n /*\r\n Added comments tag only in Pivot when the field is invisible because it groups by text, \r\n so we need to differentiate the values for it to create the rows;\r\n Example: two different ids (invisible field) with two identical names (visible field), Pivot needs to create two row for this\r\n */\r\n\r\n for (var j = 0; j < groupColumns.length; j++) {\r\n let column = groupColumns[j];\r\n let value = resultRow[parseInt(column.dataField)];\r\n\r\n groupValue.values.push(value);\r\n\r\n if (!column.visibleField && result.reportType !== ReportTypeEnum.Pivot) {\r\n continue;\r\n }\r\n\r\n if (groupValue.text.replace(//, \"\") !== \"\" && column.visibleField)\r\n groupValue.text += `${result.columnSeparator}`;\r\n\r\n if (!column.visibleField) {\r\n groupValue.text += \"\";\r\n }\r\n }\r\n\r\n if (groupValues.filter(function (x) { return x.toString() === groupValue.toString(); }).length > 0) {\r\n groupValue = groupValues.find(function (x) { return x.toString() === groupValue.toString(); });\r\n }\r\n else {\r\n groupValues.push(groupValue);\r\n }\r\n\r\n resultRow[groupColumnIndex] = groupValue;\r\n }\r\n\r\n return groupingColumn;\r\n }\r\n\r\n var reportRowClick = function (e, result, element, event) {\r\n let context = element ? element.closest(\"div.reportContent\") : null;\r\n \r\n //e.handled indicates that it treated by another function, ex. to expand a group\r\n if (e.handled)\r\n return;\r\n\r\n let widget = element.closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (event) {\r\n if (isWidget) {\r\n if (widget.hasClass(\"selected\"))\r\n event.stopPropagation();\r\n else\r\n return;\r\n }\r\n }\r\n\r\n if (!reportView.drilldownIsPossible(context))\r\n return;\r\n\r\n if (e.rowType === \"groupFooter\") {\r\n return;\r\n }\r\n\r\n let model = reportView.getTabBaseObject({\r\n tabValues: [],\r\n widgetId: isWidget ? widget.data(\"widgetid\") : undefined\r\n });\r\n\r\n if (e.rowType === \"data\") {\r\n for (let i = 0; i < result.columns.length; i++) {\r\n let column = result.columns[i];\r\n\r\n if (!column.isMetric && column.groupingType === GroupingTypeEnum.GROUP_BY && !column.isGrouping) {\r\n let value = e.data[column.index];\r\n if (value !== null && value !== undefined) {\r\n if (typeof value === 'object') {\r\n value = value.value;\r\n }\r\n\r\n if (column.dataType === \"date\") {\r\n value = value.slice(0, 10);\r\n }\r\n }\r\n\r\n model.tabValues.push({\r\n name: column.queryName,\r\n startCondition: value,\r\n isGroupField: column.isGrouping,\r\n });\r\n }\r\n else if (column.isGrouping) {\r\n for (var gc = 0; gc < column.groupColumns.length; gc++) {\r\n let columnGroup = column.groupColumns[gc];\r\n if (!columnGroup.isMetric && columnGroup.groupingType === GroupingTypeEnum.GROUP_BY) {\r\n model.tabValues.push({\r\n name: columnGroup.queryName,\r\n startCondition: e.data[column.index].values[gc],\r\n isGroupField: columnGroup.isGrouping,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n else if (e.rowType === \"group\") {\r\n for (let i = 0; i < result.columns.length; i++) {\r\n let column = result.columns[i];\r\n\r\n if (column.isGrouping && column.groupIndex <= e.groupIndex) {\r\n for (var gc = 0; gc < column.groupColumns.length; gc++) {\r\n let columnGroup = column.groupColumns[gc];\r\n if (!columnGroup.isMetric && columnGroup.groupingType === GroupingTypeEnum.GROUP_BY) {\r\n model.tabValues.push({\r\n name: columnGroup.queryName,\r\n startCondition: e.key[column.groupIndex].values[gc],\r\n isGroupField: columnGroup.isGrouping,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n irGlobal.updateFromServer({},\r\n urlConfigs.workBook + \"NavigateToDrillDown\",\r\n model,\r\n function (data) {\r\n reportView.updateOutputAfterDrilldown(data, element);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n var calculateCustomSummary = function (options, result) {\r\n if (options.summaryProcess === 'start') {\r\n if (options.name === \"ForSubTotal\") {\r\n options.count = 0;\r\n return;\r\n }\r\n\r\n options.valueTop = 0;\r\n options.valueBottom = 0;\r\n options.valueGrandTotal = 0;\r\n options.valueSubTotal = 0;\r\n\r\n options.valueTopComparison = 0;\r\n options.valueBottomComparison = 0;\r\n options.valueGrandTotalComparison = 0;\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis) {\r\n options.column = result.columns.find(x => x.dataField === options.name);\r\n }\r\n\r\n if (options.column.groupingType === GroupingTypeEnum.DSUM || options.column.groupingType === GroupingTypeEnum.WDSUM) {\r\n options.metricValues = [];\r\n options.column.dependentColumns.forEach((dColumn, index) => {\r\n options.metricValues[index] = {\r\n topValue: dColumn.groupingType === GroupingTypeEnum.MIN || dColumn.groupingType === GroupingTypeEnum.MAX ? undefined : 0,\r\n bottomValue: 0,\r\n };\r\n });\r\n }\r\n }\r\n\r\n if (options.summaryProcess === 'calculate') {\r\n if (options.name === \"ForSubTotal\") {\r\n if (!options.totalValue)\r\n options.totalValue = options.value[result.columns.find(x => x.groupId === options.groupIndex).index];\r\n\r\n options.count++;\r\n }\r\n else {\r\n if (options.column.functionType === FunctionTypeEnum.Rank)\r\n return;\r\n\r\n if (options.column.comparisonType === ComparisonTypeEnum.None || options.column.comparisonType === ComparisonTypeEnum.Value) {\r\n\r\n if (options.column.functionType === FunctionTypeEnum.AccumulatedAll) {\r\n options.valueTop = options.value[options.column.indexBase];\r\n\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM)\r\n options.valueBottom = options.value[options.column.indexBottom];\r\n\r\n return;\r\n }\r\n\r\n if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM)\r\n options.valueGrandTotal = options.value[options.column.indexBase + 3];\r\n else\r\n options.valueGrandTotal = options.value[options.column.indexBase + 1];\r\n }\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis && options.column.functionType === FunctionTypeEnum.Accumulated) {\r\n options.valueSubTotal = options.value[options.column.groupingType === GroupingTypeEnum.WSUM ? options.column.indexBottom + 2 : options.column.indexBase + 1];\r\n }\r\n\r\n options.valueTop += options.value[options.column.indexBase];\r\n\r\n //WSUM\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM)\r\n options.valueBottom += options.value[options.column.indexBottom];\r\n\r\n //DSUM - WDSUM\r\n if (options.column.groupingType === GroupingTypeEnum.DSUM || options.column.groupingType === GroupingTypeEnum.WDSUM) {\r\n options.column.dependentColumns.forEach((dColumn, index) => {\r\n switch (dColumn.groupingType) {\r\n case GroupingTypeEnum.MIN:\r\n if (options.metricValues[index].topValue === undefined) {\r\n options.metricValues[index].topValue = options.value[dColumn.indexBase];\r\n }\r\n else {\r\n options.metricValues[index].topValue = Math.min(options.metricValues[index].topValue, options.value[dColumn.indexBase]);\r\n }\r\n break;\r\n case GroupingTypeEnum.MAX:\r\n case GroupingTypeEnum.TSUM:\r\n if (options.metricValues[index].topValue === undefined) {\r\n options.metricValues[index].topValue = options.value[dColumn.indexBase];\r\n }\r\n else {\r\n options.metricValues[index].topValue = Math.max(options.metricValues[index].topValue, options.value[dColumn.indexBase]);\r\n }\r\n break;\r\n //case 6:\r\n // options.metricValues[index].topValue += 1;\r\n // break;\r\n default:\r\n options.metricValues[index].topValue += options.value[dColumn.indexBase];\r\n if (dColumn.groupingType === GroupingTypeEnum.WSUM)\r\n options.metricValues[index].bottomValue += options.value[dColumn.indexBottom];\r\n break;\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n if (options.column.functionType === FunctionTypeEnum.AccumulatedAll) {\r\n options.valueTop = options.value[options.column.indexBase];\r\n options.valueTopComparison = options.value[options.column.indexComparison];\r\n\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM) {\r\n options.valueBottom = options.value[options.column.indexBottom];\r\n options.valueBottomComparison = options.value[options.column.indexBottomComparison];\r\n }\r\n\r\n return;\r\n }\r\n\r\n options.valueTop += options.value[options.column.indexBase];\r\n options.valueTopComparison += options.value[options.column.indexComparison];\r\n\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM) {\r\n options.valueBottom += options.value[options.column.indexBottom];\r\n options.valueBottomComparison += options.value[options.column.indexBottomComparison];\r\n }\r\n\r\n if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM) {\r\n options.valueGrandTotal = options.value[options.column.indexBase + 3];\r\n options.valueGrandTotalComparison = options.value[options.column.indexComparison + 3];\r\n }\r\n else {\r\n options.valueGrandTotal = options.value[options.column.indexBase + 1];\r\n options.valueGrandTotalComparison = options.value[options.column.indexComparison + 1];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (options.summaryProcess === 'finalize') {\r\n if (options.name === \"ForSubTotal\") {\r\n let subTotalText = options.totalValue;\r\n if (typeof options.totalValue === \"object\") {\r\n subTotalText = options.totalValue.toString();\r\n }\r\n\r\n if (subTotalText && typeof subTotalText === \"string\") {\r\n options.totalValue = (subTotalText as any).replaceAll(\" \", \" \").replaceAll(\"
\", \" \");\r\n }\r\n\r\n if (result.subtotalsPosition === TotalsPositionEnum.Top) {\r\n options.totalValue = result.showReportRowCount ? ` (${options.count})` : \"\";\r\n }\r\n else {\r\n options.totalValue = `${result.subTotalText} ${(options.totalValue !== null ? options.totalValue : \"\")}${(result.showReportRowCount ? ` (${options.count})` : \"\")}`\r\n }\r\n return;\r\n }\r\n\r\n if (options.column.functionType === FunctionTypeEnum.Rank) {\r\n options.totalValue = 0;\r\n return;\r\n }\r\n\r\n if (options.column.comparisonType === ComparisonTypeEnum.None || options.column.comparisonType === ComparisonTypeEnum.Value) {\r\n\r\n options.totalValue = options?.valueTop;\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis && options.column.functionType === FunctionTypeEnum.Accumulated) {\r\n options.totalValue = options.valueSubTotal;\r\n return;\r\n }\r\n\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM) {\r\n if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n options.totalValue = options.valueBottom === 0 || options.valueGrandTotal === 0 ? 0 : (options.valueTop / options.valueBottom) / options.valueGrandTotal;\r\n return;\r\n }\r\n\r\n options.totalValue = options.valueBottom === 0 ? 0 : options.valueTop / options.valueBottom;\r\n }\r\n else if (options.column.groupingType === GroupingTypeEnum.DSUM || options.column.groupingType === GroupingTypeEnum.WDSUM) {\r\n if (options.column.functionType === FunctionTypeEnum.AccumulatedAll)\r\n return;\r\n\r\n if (options.column.calculateTotals === CalculateTotalsEnum.UseFormula) {\r\n options.totalValue = 0;\r\n let formula = options.column.formulaTop;\r\n\r\n options.column.dependentColumns.forEach((dColumn, index) => {\r\n let dColumnValue = 0;\r\n\r\n if (dColumn.groupingType === GroupingTypeEnum.WSUM) {\r\n if (options.metricValues[index].bottomValue !== 0)\r\n dColumnValue = options.metricValues[index].topValue / options.metricValues[index].bottomValue;\r\n }\r\n else {\r\n dColumnValue = options.metricValues[index].topValue;\r\n }\r\n formula = formula.replaceAll(`[${dColumn.indexBase}]`, dColumnValue);\r\n });\r\n\r\n if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n formula = `IIF(${options.valueGrandTotal} == 0, 0, (${formula}) / ${options.valueGrandTotal})`;\r\n }\r\n\r\n options.totalValue = eval(formula);\r\n }\r\n }\r\n }\r\n else {\r\n if (options.column.groupingType === GroupingTypeEnum.WSUM) {\r\n let valueTop = options.valueTop;\r\n let valueTopComparison = options.valueTopComparison;\r\n let valueBottom = options.valueBottom;\r\n let valueBottomComparison = options.valueBottomComparison;\r\n\r\n let value = valueBottom === 0 ? 0 : valueTop / valueBottom;\r\n let valueComparison = valueBottomComparison === 0 ? 0 : valueTopComparison / valueBottomComparison;\r\n\r\n if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n value = options.valueGrandTotal === 0 ? 0 : value / options.valueGrandTotal;\r\n valueComparison = options.valueGrandTotalComparison === 0 ? 0 : valueComparison / options.valueGrandTotalComparison;\r\n }\r\n\r\n let valueVariation = value - valueComparison;\r\n\r\n if (options.column.comparisonType === ComparisonTypeEnum.PercentageVariation) {\r\n valueVariation = valueComparison === 0 ? 0 : valueVariation / valueComparison;\r\n }\r\n options.totalValue = valueVariation;\r\n }\r\n else {\r\n let value = options.valueTop;\r\n let valueComparison = options.valueTopComparison;\r\n value = value - valueComparison;\r\n if (options.column.comparisonType === ComparisonTypeEnum.PercentageVariation) {\r\n value = valueComparison === 0 ? 0 : value / valueComparison;\r\n }\r\n\r\n options.totalValue = value;\r\n }\r\n }\r\n\r\n }\r\n };\r\n\r\n var resizeColumns = function (result, gridContainer, ignoreColumn) {\r\n let visibleColumns = result.grid.getVisibleColumns();\r\n let gridWidth = gridContainer.width() - visibleColumns.length - 1;\r\n let borderWidth = 0;// result.grid.option(\"showColumnLines\") ? 1 : 0;\r\n result.grid.beginUpdate();\r\n visibleColumns.forEach(function (gridColumn) {\r\n if (!gridColumn.isGrouping && (!ignoreColumn || gridColumn.queryName != ignoreColumn.queryName)) {\r\n let gridField = result.designer.fields().find(function (x) { return x.queryName() === gridColumn.queryName; });\r\n if (gridField) {\r\n if (result.designer.columnsWidthType() == ColumnsWidthTypeEnum.Automatic) {\r\n gridField.width(null);\r\n result.grid.columnOption(gridColumn.dataField, \"width\", undefined);\r\n }\r\n else if (result.designer.columnsWidthType() == ColumnsWidthTypeEnum.Percentage) {\r\n gridField.width(($(`#${gridColumn.headerId}`, gridContainer).outerWidth() + borderWidth) * 100 / gridWidth);\r\n result.grid.columnOption(gridColumn.dataField, \"width\", `${gridField.width()}%`);\r\n }\r\n else if (result.designer.columnsWidthType() == ColumnsWidthTypeEnum.Pixel) {\r\n gridField.width($(`#${gridColumn.headerId}`, gridContainer).outerWidth());\r\n result.grid.columnOption(gridColumn.dataField, \"width\", gridField.width());\r\n }\r\n\r\n //columnWidth property is obsolete, we need to set it to 0 for the column width to work\r\n if (gridField.visualizationModeDefinition) {\r\n gridField.visualizationModeDefinition.columnWidth(0);\r\n }\r\n }\r\n }\r\n });\r\n result.grid.endUpdate();\r\n }\r\n\r\n var addReportEvents = function (result, context) {\r\n let gridContainer = getGridDiv(context);\r\n $(\"#enableSelectionRow\", context).off(\"click\").on(\"click\", function () {\r\n let settings = reportSettings.getSettings(context);\r\n settings.enableRowSelection(!settings.enableRowSelection());\r\n gridContainer.attr(\"enablerowselection\", settings.enableRowSelection());\r\n });\r\n\r\n $(\"button#SearchBoxButton\", context).off(\"click\").on(\"click\", function (evt) {\r\n let settings = reportSettings.getSettings(context);\r\n settings.enableSearchBox(!settings.enableSearchBox());\r\n });\r\n\r\n $(\"button#FilterPivotButton\", context).off(\"click\").on(\"click\", function (evt) {\r\n let settings = reportSettings.getSettings(context);\r\n settings.enableFilterPanel(!settings.enableFilterPanel());\r\n });\r\n }\r\n function addSeachBoxEvent() {\r\n $(document).off(\"keydown\", showSearchBox).on(\"keydown\", showSearchBox);\r\n }\r\n function showSearchBox(e) {\r\n //114 - F3\r\n //70 - F\r\n if (e.keyCode === 114 || ((e.ctrlKey || e.metaKey) && e.keyCode === 70)) {\r\n e.preventDefault();\r\n\r\n let context = irGlobal.getParentContext();\r\n let settings = reportSettings.getSettings(context);\r\n if (settings) {\r\n settings.enableSearchBox(!settings.enableSearchBox());\r\n }\r\n }\r\n }\r\n\r\n var setup = function (context, isPrinting, isExcelPrinting, gridResult) {\r\n if (!context)\r\n context = getParentContext();\r\n\r\n var gridContainer = getGridDiv(context);\r\n\r\n if (gridContainer.length === 0)\r\n return;\r\n\r\n var result = gridResult || gridContainer.data(\"result\");\r\n if (!result.baseColumns) {\r\n result.baseColumns = result.columns.slice();\r\n }\r\n\r\n const isWidget = gridContainer.closest(\".widgetContainer\").length > 0;\r\n if (!isPrinting) {\r\n $(\"span.directionIndicator\").off(\"click\").on(\"click\", changeDirectionOrder);\r\n\r\n let offSet = gridContainer.offset();\r\n let windowHeight = $(window).height();\r\n //gridContainer.css(\"overflow\", \"auto\");\r\n ////-40 so we can avoid unecessary vertical scrollbars.\r\n let calculatedHeight = windowHeight - offSet.top - 5;\r\n \r\n\r\n let widget = gridContainer.closest(\".widgetContainer\");\r\n if (widget.length > 0) {\r\n if (result.reportType === ReportTypeEnum.Pivot) {\r\n if (!isPrinting && result.enableSearchBox) {\r\n gridContainer.css(\"height\", `calc(100% - ${pivotGrid.searchBoxHeight}px)`);\r\n }\r\n }\r\n }\r\n else {\r\n if (result.reportType === ReportTypeEnum.Pivot) {\r\n if (!isPrinting && result.enableSearchBox) {\r\n //31px is the total height of the search box\r\n calculatedHeight -= pivotGrid.searchBoxHeight;\r\n }\r\n }\r\n\r\n if (calculatedHeight > 0) {\r\n if (gridContainer.height() > calculatedHeight) {\r\n gridContainer.height(calculatedHeight);\r\n }\r\n else if (gridContainer.height() === 0) {\r\n gridContainer.height(calculatedHeight);\r\n //gridContainer.height(50);//min-height\r\n }\r\n }\r\n }\r\n\r\n $(window).off(\"resize\", reportView.dobounceReflow).on(\"resize\", reportView.dobounceReflow);\r\n }\r\n\r\n result.isPrinting = isPrinting;\r\n let isGlReport = result.glReport;\r\n gridContainer.attr(\"glreport\", isGlReport);\r\n gridContainer.attr(\"subtotalsposition\", result.subtotalsPosition);//Used to show/hide the summaries when grouping is collapsed\r\n gridContainer.attr(\"enablerowselection\", result.enableRowSelection);\r\n\r\n if (!isPrinting) {\r\n //remove the json content, it is not necessary anymore\r\n gridContainer.data(\"result\", \"\");\r\n gridContainer.attr(\"data-result\", null);\r\n }\r\n\r\n let totalItems = [];\r\n let groupItems = [];\r\n\r\n result.columns = setupGridColumns(result, totalItems, groupItems);\r\n\r\n let countColumns = result.columns.filter(x => !x.isGrouping && !x.isMetric && x.visible);\r\n if (countColumns.length > 0 && result.totalsPosition !== TotalsPositionEnum.None) {\r\n totalItems.push({\r\n column: countColumns[0].dataField,\r\n summaryType: 'count',\r\n displayFormat: `${tagLinkDrilldown}${result.grandTotalText}${(result.showReportRowCount ? \" ({0})\" : \"\")}`\r\n });\r\n }\r\n\r\n if (result.result === null) {\r\n result.hasGrouping = false;\r\n }\r\n\r\n if (countColumns.length > 0 && result.subtotalsPosition !== TotalsPositionEnum.None) {\r\n groupItems.push({\r\n showInColumn: countColumns[0].dataField,\r\n showInGroupFooter: result.subtotalsPosition === TotalsPositionEnum.Bottom,\r\n summaryType: 'custom',\r\n alignByColumn: true,\r\n customizeText: function (e) {\r\n let valueText = e.valueText;\r\n if (valueText) {\r\n valueText = valueText.replace(//g, \"\");\r\n }\r\n\r\n return valueText;\r\n },\r\n name: \"ForSubTotal\",\r\n });\r\n }\r\n\r\n DevExpress.config({ defaultCurrency: result.currencyCode });\r\n\r\n reportSettings.setup(context, result, undefined, isPrinting);\r\n addReportEvents(result, context);\r\n\r\n if (result.reportType === ReportTypeEnum.Analysis) {\r\n let collapseRows = [];\r\n let gridColumns = result.columns.slice();\r\n if (result.numberFixedColumns > 0) {\r\n if (!gridContainer.hasClass(\"fixingColumns\")) {\r\n gridContainer.addClass(\"fixingColumns\");\r\n }\r\n\r\n //**IRNG-1679\r\n gridColumns.push({\r\n name: fakeColumnName, fixed: true, width: 1\r\n })\r\n\r\n if (countColumns.length > 0 && result.subtotalsPosition !== TotalsPositionEnum.None) {\r\n groupItems.push({\r\n column: fakeColumnName,\r\n alignByColumn: true\r\n });\r\n }\r\n //***********\r\n }\r\n else {\r\n gridContainer.removeClass(\"fixingColumns\");\r\n }\r\n\r\n //IRNG-1709\r\n let firstColumn = gridColumns.find(function (x) { return (x.groupIndex === undefined || x.groupIndex === null) && !x.isGrouping && x.visible; })\r\n if (firstColumn) {\r\n firstColumn.cellTemplate = function (container, options) {\r\n if (result.designer.enableRowSelection()) {\r\n container.html(`${linkDrilldown} ${options.text}`);\r\n\r\n $(\"a.drilldowrow\", container).click(function (e) {\r\n reportRowClick(options.row, result, container, e);\r\n });\r\n }\r\n else {\r\n container.html(options.text);\r\n }\r\n }\r\n }\r\n //---\r\n\r\n //IRNG-925\r\n var resizeColumnsCfg = { inProgress: false, column: null, width: null, optionName: \"\" };\r\n gridContainer.on(\"mouseup\", function () {\r\n if (resizeColumnsCfg.inProgress) {\r\n let field = result.designer.fields().find(function (x) { return x.queryName() === resizeColumnsCfg.column.queryName; });\r\n if (field) {\r\n if (result.designer.columnsWidthType() === ColumnsWidthTypeEnum.Automatic) {\r\n //Has scrollbar\r\n if (result.grid.getScrollable().scrollWidth() > result.grid.getScrollable().clientWidth()) {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Pixel);\r\n }\r\n else {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Percentage);\r\n //let gridWidth = gridContainer.width() - visibleColumns.length - 1;\r\n let borderWidth = 0;// result.grid.option(\"showColumnLines\") ? 1 : 0;\r\n resizeColumnsCfg.width = `${((resizeColumnsCfg.width + borderWidth) * 100 / gridContainer.width())}%`;\r\n result.grid.columnOption(resizeColumnsCfg.column.dataField, \"width\", resizeColumnsCfg.width);\r\n }\r\n }\r\n\r\n let width = resizeColumnsCfg.width;\r\n if (width && typeof width === \"string\" && (width.includes(\"%\") || width.includes(\"px\"))) {\r\n width = parseFloat(width.replace(\"%\", \"\").replace(\"px\", \"\"));\r\n }\r\n\r\n resizeColumns(result, gridContainer, resizeColumnsCfg.column);\r\n\r\n field.width(width);\r\n\r\n //columnWidth property is obsolete, we need to set it to 0 for the column width to work\r\n if (field.visualizationModeDefinition) {\r\n field.visualizationModeDefinition.columnWidth(0);\r\n }\r\n\r\n reportSettings.saveSettings(result.designer);\r\n }\r\n\r\n resizeColumnsCfg.inProgress = false;\r\n }\r\n });\r\n //---\r\n\r\n if (isExcelPrinting) {\r\n //Set column widths to fit content when exporting to Excel\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Automatic)\r\n gridColumns.forEach(function (column) {\r\n column.width = undefined;\r\n });\r\n }\r\n\r\n result.grid = gridContainer.dxDataGrid({\r\n focusedRowKey: undefined,\r\n focusedRowEnabled: false,\r\n\r\n allowColumnResizing: result.designer.columnResizingMode() === ColumnResizingModeEnum.Widget ? true : !result.designer.includeAllMetrics(),\r\n columnResizingMode: result.designer.columnResizingMode() === ColumnResizingModeEnum.NextColumn ? \"nextColumn\" : \"widget\",\r\n //columnMinWidth: 50,\r\n columnAutoWidth: true,\r\n columnWidth: isPrinting && !isWidget ? \"auto\" : undefined,\r\n\r\n dataSource: result.result,\r\n showRowLines: true,\r\n rowAlternationEnabled: !isGlReport,\r\n showBorders: !isGlReport,\r\n showColumnLines: !isGlReport,\r\n columns: gridColumns,\r\n searchPanel: {\r\n visible: !isPrinting && result.enableSearchBox,\r\n placeholder: 'Search...',\r\n searchVisibleColumnsOnly: true\r\n },\r\n height: isExcelPrinting ? 200 : undefined, //When sending the report as excel by email, we need to set the height for the scrolling.mode works\r\n width: isExcelPrinting ? 200 : undefined, //When sending the report as excel by email, we need to set the width for the scrolling.mode works\r\n scrolling: {\r\n mode: isPrinting && !isExcelPrinting ? 'standard' : 'virtual'\r\n },\r\n paging: {\r\n enabled: false\r\n },\r\n sorting: {\r\n mode: 'none'\r\n },\r\n //columnChooser: {\r\n // enabled: true,\r\n // height: 400,\r\n //},\r\n grouping: {\r\n allowCollapsing: !isGlReport,\r\n autoExpandAll: isGlReport || isPrinting ? true : result.expandAllRows\r\n },\r\n summary: {\r\n totalItems: totalItems,\r\n groupItems: groupItems,\r\n calculateCustomSummary(options) {\r\n calculateCustomSummary.call(this, options, result);\r\n }\r\n },\r\n onEditorPreparing: function (e) {\r\n if ((e as any).isMetric) {//IRNG-1846\r\n e.editorName = \"dxNumberBox\";\r\n }\r\n },\r\n onContextMenuPreparing: function (e) {\r\n let hasGroupColumn = result.columns.filter(x => x.isGrouping).length > 0;\r\n if (e.target === \"content\" && !isGlReport && hasGroupColumn) {\r\n if (!e.items) {\r\n e.items = [];\r\n }\r\n\r\n e.items.push({\r\n text: \"Expand All\",\r\n onItemClick: function () {\r\n e.component.expandAll();\r\n }\r\n });\r\n e.items.push({\r\n text: \"Collapse All\",\r\n onItemClick: function () {\r\n e.component.collapseAll();\r\n }\r\n });\r\n }\r\n\r\n if (e.target === \"header\" && e.column) {\r\n if (result.grid.option(\"allowColumnResizing\")) {\r\n if (!e.items) {\r\n e.items = [];\r\n }\r\n e.items.push({\r\n text: \"Column Resizing Mode\",\r\n items: [\r\n {\r\n text: \"Next Column\",\r\n selectable: true,\r\n onItemClick: function () {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Automatic);\r\n result.designer.columnResizingMode(ColumnResizingModeEnum.NextColumn);\r\n reportSettings.saveSettings(result.designer);\r\n result.grid.option(\"columnResizingMode\", \"nextColumn\");\r\n },\r\n template: function (itemData) {\r\n return `${(itemData.items ? `` : ``)}`\r\n }\r\n },\r\n {\r\n text: \"Widget\",\r\n selectable: true,\r\n onItemClick: function () {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Pixel);\r\n result.designer.columnResizingMode(ColumnResizingModeEnum.Widget);\r\n resizeColumns(result, gridContainer, null);\r\n reportSettings.saveSettings(result.designer);\r\n resizeColumnsCfg.inProgress = false;\r\n result.grid.option(\"columnResizingMode\", \"widget\");\r\n },\r\n template: function (itemData) {\r\n return `${(itemData.items ? `` : ``)}`\r\n }\r\n }\r\n ]\r\n });\r\n }\r\n\r\n if (!result.designer.includeAllMetrics()) {\r\n let column = e.column as any;\r\n let field = result.designer.fields().find(function (x) { return x.queryName() === column.queryName; });\r\n if (field) {\r\n if (!e.items) {\r\n e.items = [];\r\n }\r\n e.items.push({\r\n text: \"Columns Width Type\",\r\n items: [\r\n {\r\n text: \"Automatic\",\r\n selectable: true,\r\n onItemClick: function () {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Automatic);\r\n resizeColumns(result, gridContainer, null);\r\n reportSettings.saveSettings(result.designer);\r\n resizeColumnsCfg.inProgress = false;\r\n result.grid.repaint();\r\n },\r\n template: function (itemData) {\r\n return `${(itemData.items ? `` : ``)}`\r\n }\r\n },\r\n {\r\n text: \"Percentage\",\r\n selectable: true,\r\n onItemClick: function () {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Percentage);\r\n resizeColumns(result, gridContainer, null);\r\n reportSettings.saveSettings(result.designer);\r\n resizeColumnsCfg.inProgress = false;\r\n },\r\n template: function (itemData) {\r\n return `${(itemData.items ? `` : ``)}`\r\n }\r\n },\r\n {\r\n text: \"Pixels\",\r\n selectable: true,\r\n onItemClick: function () {\r\n result.designer.columnsWidthType(ColumnsWidthTypeEnum.Pixel);\r\n resizeColumns(result, gridContainer, null);\r\n reportSettings.saveSettings(result.designer);\r\n resizeColumnsCfg.inProgress = false;\r\n },\r\n template: function (itemData) {\r\n return `${(itemData.items ? `` : ``)}`\r\n }\r\n }\r\n ]\r\n });\r\n }\r\n }\r\n }\r\n },\r\n //To apply white background\r\n onCellPrepared: function (e) {\r\n let column = e.column as any;\r\n e.cellElement.css({\r\n \"font-size\": result.fontSize,\r\n \"vertical-align\": \"middle\"\r\n });\r\n \r\n if (e.rowType === \"data\") {\r\n if (!column.isMetric) {\r\n if (column.backgroundColor && column.backgroundColor !== \"\" && column.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n e.cellElement.css(\"background-color\", column.backgroundColor);\r\n }\r\n\r\n if (column.foreColor && column.foreColor !== \"\") {\r\n e.cellElement.css(\"color\", column.foreColor);\r\n }\r\n }\r\n }\r\n\r\n if (e.rowType == 'header' && !column.isGrouping) {\r\n e.cellElement.on('click', function (evt) {\r\n let orderFields = [];\r\n\r\n let sortOrder = !e.column.sortOrder ? \"desc\" : e.column.sortOrder === \"desc\" ? \"asc\" : null;\r\n e.component.beginUpdate();\r\n e.component.clearSorting();\r\n if (sortOrder !== null) {\r\n e.component.columnOption(column.dataField, \"sortOrder\", sortOrder);\r\n orderFields.push({ fieldName: column.queryName, order: sortOrder, orderIndex: 0 })\r\n }\r\n e.component.endUpdate();\r\n\r\n let moreSortFields = $(\"#MoreSortFields\", \".selectList.orderConfig\");\r\n moreSortFields.removeClass(\"active\");\r\n\r\n let directionIndicator = $(\".directionIndicator\", \".selectList.orderConfig\");\r\n directionIndicator.removeClass(\"glyphicon-chevron-down\");\r\n directionIndicator.removeClass(\"glyphicon-chevron-up\");\r\n directionIndicator.removeClass(\"glyphicon-minus\");\r\n if (orderFields.length > 0) {\r\n let firstOrder = orderFields[0];\r\n $(\"select#columnSelect\").val(firstOrder.fieldName);\r\n if (firstOrder.sortOrder === \"desc\") {\r\n directionIndicator.addClass(\"glyphicon-chevron-down\");\r\n }\r\n else {\r\n directionIndicator.addClass(\"glyphicon-chevron-up\");\r\n }\r\n }\r\n else {\r\n $(\"select#columnSelect\").val(\"-1\");\r\n }\r\n\r\n reportView.persistOrderChange(evt, orderFields, false, true);\r\n });\r\n }\r\n\r\n if ((e.rowType === \"totalFooter\" || e.rowType === \"groupFooter\" || e.rowType === \"group\") && column.isMetric) {\r\n let elements = [e.cellElement];\r\n e.cellElement.children().each(function () {\r\n elements.push($(this));\r\n });\r\n\r\n const applyingFormattingRules = (e as any).summaryItems.length > 0 && column.hasFormattingRule;\r\n if (applyingFormattingRules) {\r\n let value = (e as any).summaryItems[0].value;\r\n applyFormattingRuleCell(result, e.cellElement, { column: e.column, value: value, text: null }, e.rowType);\r\n }\r\n else {\r\n elements.forEach(function (element) {\r\n element.css(\"font-size\", result.fontSize);\r\n\r\n if (column.foreColor !== \"#000000\") {\r\n if (!e.cellElement.hasClass(\"fr-row-fontColor-applied\")) {\r\n element.css(\"color\", column.foreColor);\r\n }\r\n }\r\n\r\n if (column.backgroundColor && column.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n if (!e.cellElement.hasClass(\"fr-row-backgroundColor-applied\")) {\r\n element.css(\"backgroundColor\", column.backgroundColor);\r\n }\r\n }\r\n });\r\n }\r\n\r\n if ((e as any).summaryItems.length > 0) {\r\n let value = (e as any).summaryItems[0].value;\r\n //if (column.hasFormattingRule) {\r\n // applyFormattingRuleCell(result, e.cellElement, { column: e.column, value: value, text: null }, e.rowType);\r\n //}\r\n \r\n if (column.thresholdColor && column.thresholdValue !== undefined && column.thresholdValue !== null && value < column.thresholdValue) {\r\n \r\n if (!e.cellElement.hasClass(\"fr-row-fontColor-applied\") && !e.cellElement.hasClass(\"fr-fontColor-applied\")) {\r\n elements.forEach(function (element) {\r\n element.css(\"color\", column.thresholdColor);\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (e.rowType === \"totalFooter\") {\r\n let text = e.cellElement.html();\r\n if (text && text.includes(tagLinkDrilldown)) {\r\n let lkDrillDown = linkDrilldown.toString();\r\n if (!result.designer.enableRowSelection()) {\r\n lkDrillDown = \"\";\r\n }\r\n\r\n text = (text as any).replaceAll(tagLinkDrilldown, lkDrillDown);\r\n e.cellElement.html(text);\r\n $(\"a.drilldowrow\", e.cellElement).off(\"click\").on(\"click\", function (ev) {\r\n reportRowClick({}, result, e.cellElement, e);\r\n });\r\n }\r\n }\r\n },\r\n onRowClick: function (e) {\r\n if (isPrinting) {\r\n return;\r\n }\r\n\r\n if (result.designer.enableRowSelection()) {\r\n e.event.stopPropagation();\r\n e.component.beginUpdate();\r\n e.component.option(\"focusedRowEnabled\", true);\r\n e.component.option(\"focusedRowKey\", e.key);\r\n e.component.endUpdate();\r\n }\r\n else {\r\n reportRowClick(e, result, e.element, e.event);\r\n }\r\n },\r\n onInitialized: function (e) {\r\n if (gridColumns.filter(x => x.isGrouping).length > 0 && result.designer.columnsWidthType() == ColumnsWidthTypeEnum.Pixel) {\r\n try {\r\n //Need to force width expand column\r\n //https://intrep.atlassian.net/browse/IRNG-2072\r\n //https://supportcenter.devexpress.com/ticket/details/t494138/dxdatagrid-it-is-impossible-to-set-width-for-the-expand-column-via-code\r\n e.component.columnOption(\"command:expand\", \"width\", 30);\r\n } catch (ex) {\r\n\r\n }\r\n }\r\n },\r\n onKeyDown: function (e) {\r\n showSearchBox(e.event);\r\n },\r\n onContentReady: function (e) {\r\n if (result.totalsPosition === TotalsPositionEnum.Top) {\r\n $(\".dx-datagrid-total-footer\", e.element).css(\"border-bottom\", \"none\").insertBefore($(\".dx-datagrid-rowsview\", e.element));\r\n }\r\n\r\n //Move the header grid row from the header table to the data table, so, the header is printed on each page\r\n if (isPrinting && !isExcelPrinting && !isWidget) {\r\n var headerTable = $(\".dx-datagrid-headers\", e.element);\r\n var headerRow = $(\"table tbody tr\", headerTable);\r\n headerRow.addClass(\"dx-header-row\");\r\n var tableBody = $(\".dx-datagrid-rowsview table tbody\", e.element);\r\n var thead = $(\"\");\r\n thead.prepend(headerRow.clone());\r\n thead.insertBefore(tableBody);\r\n headerTable.addClass(\"hidden\");\r\n }\r\n\r\n if (isGlReport) {\r\n e.component.beginUpdate();\r\n collapseRows.forEach(function (rowKey) {\r\n e.component.collapseRow(rowKey);\r\n });\r\n collapseRows = [];\r\n e.component.endUpdate();\r\n }\r\n\r\n addSeachBoxEvent();\r\n\r\n if (result.subtotalsPosition === TotalsPositionEnum.Bottom) {\r\n const groupCount = gridColumns.filter(x => x.isGrouping).length;\r\n const footerTDSelectors = [\".dx-row.dx-column-lines.dx-datagrid-group-footer > td\", \".dx-datagrid-total-footer .dx-row.dx-footer-row > td\"];\r\n const visColumns = e.component.getVisibleColumns().filter(c => c.groupIndex === undefined && !(c as any).isMetric && c.name !== fakeColumnName);\r\n const groupTotals = (e.component.option(\"summary.groupItems\") as any).filter(g => g.showInGroupFooter);\r\n\r\n if (visColumns.length > 0 && groupTotals.length > 0) {\r\n for (var c = 0; c < footerTDSelectors.length; c++) {\r\n const footerTDSelector = footerTDSelectors[c];\r\n e.element.find(`${footerTDSelector}[aria-colindex='${1 + groupCount}']`).attr(\"colspan\", visColumns.length);\r\n for (let i = 0; i < visColumns.length - 1; i++) {\r\n e.element.find(`${footerTDSelector}[aria-colindex='${2 + groupCount + i}']`).css(\"display\", \"none\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (irngCustom.enableCustomization && irngCustom.onContentReadyReport) {\r\n try {\r\n irngCustom.onContentReadyReport(e, isGlReport, result);\r\n }\r\n catch (err) {\r\n console.log(`Error on irngCustom.onContentReadyReport: ${err.message}`);\r\n }\r\n }\r\n },\r\n onRowPrepared: function (e) {\r\n if (isGlReport) {\r\n\r\n if (e.rowType === \"group\" || e.rowType === \"groupFooter\") {\r\n \r\n e.rowElement.addClass(\"border-top-glreport\");\r\n if (e.rowType === \"groupFooter\") {\r\n //e.rowElement.css(\"border-bottom\", \"2px solid black\")\r\n e.rowElement.addClass(\"border-bottom-glreport\");\r\n e.rowElement.prev().addClass(\"border-bottom-glreport\");\r\n }\r\n\r\n if (e.rowType === \"group\" && e.groupIndex !== undefined) {\r\n for (var i = 0; i < e.key.length; i++) {\r\n let text = e.key[i];\r\n if (e.key[i] && e.key[i].toString) {\r\n text = e.key[i].toString();\r\n }\r\n if ((typeof text === 'string' || text instanceof String) && text.includes(\"\")) {\r\n collapseRows.push(e.key);\r\n //e.rowElement.css(\"border-bottom\", \"2px solid black\")\r\n e.rowElement.addClass(\"border-bottom-glreport\");\r\n e.rowElement.addClass(\"gl-row-collapsed\");\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n },\r\n onOptionChanged(e) {\r\n //IRNG-925\r\n if (e.fullName.startsWith(\"columns[\") && e.fullName.includes(\"].width\")) {\r\n resizeColumnsCfg.inProgress = true;\r\n resizeColumnsCfg.column = result.grid.option(e.fullName.replace(\"].width\", \"]\"));\r\n resizeColumnsCfg.width = e.value;\r\n resizeColumnsCfg.optionName = e.fullName;\r\n }\r\n //---\r\n }\r\n }).dxDataGrid('instance');\r\n }\r\n else {\r\n pivotGrid.setup({ result, isGlReport, gridContainer, isPrinting, isExcelPrinting });\r\n }\r\n };\r\n\r\n return {\r\n setup: setup,\r\n resize: resize,\r\n addDrilldownClick: addDrilldownClick,\r\n getGridDiv: getGridDiv,\r\n getGridInstance: getGridInstance,\r\n getAutoGroupingText: getAutoGroupingText,\r\n getTagLinkDrilldown: function () { return tagLinkDrilldown; },\r\n getLinkDrilldown: function () { return linkDrilldown; },\r\n getFormattingScaleColor: getFormattingScaleColor,\r\n applyFormattingRuleCell: applyFormattingRuleCell,\r\n drawBarColumn: drawBarColumn,\r\n calculateCustomSummary: calculateCustomSummary\r\n };\r\n}()) as any;","class ReportField {\r\n isAutoGroupField: boolean;\r\n autoGrouping: string;\r\n groupingType: GroupingTypeEnum;\r\n isReportMetric: boolean;\r\n Index: number;\r\n displayName: string;\r\n queryName: string;\r\n color: KnockoutObservable
;\r\n visible: KnockoutObservable;\r\n label: string;\r\n serieName: string;\r\n\r\n //from Field class\r\n tableName: string;\r\n //property is renamed in JsonProperty attribute\r\n get table(): string {\r\n return this.tableName;\r\n }\r\n set table(value: string) {\r\n this.tableName = value;\r\n }\r\n fieldName: string;\r\n restrictBy: boolean;\r\n type: any;\r\n\r\n constructor() {\r\n this._isMetric = null;\r\n //Start with empty, but it will be updated later again\r\n this.serieName = \"\";\r\n }\r\n\r\n private _isMetric: boolean = null;\r\n get isMetric(): boolean {\r\n if (this._isMetric === null)\r\n this._isMetric = this.isReportMetric || this.table !== undefined && this.table === \"metrics\";\r\n return this._isMetric;\r\n }\r\n set isMetric(value: boolean) {\r\n this._isMetric = value;\r\n }\r\n}\r\n\r\nclass MetricField extends ReportField {\r\n metricContainer: MetricContainer;\r\n mappingMetricId: string;\r\n yAxisChartDefinition: YAxisChartDefinition;\r\n\r\n //Only in JS class to format tooltip(initial for bubble)\r\n format: MetricFormat;\r\n\r\n constructor() {\r\n super(); //call base class constructor\r\n this.yAxisChartDefinition = new YAxisChartDefinition();\r\n }\r\n}\r\n\r\nclass MetricContainer {\r\n metric: any;\r\n comparisonType: any;\r\n comparisonFilterId: string;\r\n groupingType: any;\r\n functionType: any;\r\n //queryName: string;\r\n}\r\n\r\nclass MetricFormat {\r\n decimalPlaces: number;\r\n currencySymbol: string;\r\n currencySymbolPosition: number;\r\n isPercent: boolean;\r\n}\r\n\r\nenum ColumnResizingModeEnum {\r\n NextColumn = 0,\r\n Widget = 1\r\n}\r\n\r\nenum GroupingTypeEnum {\r\n SUM = 0,\r\n MIN = 1,\r\n MAX = 2,\r\n WSUM = 3,\r\n GROUP_BY = 4,\r\n NONE = 5,\r\n COUNT = 6,\r\n DSUM = 7,\r\n WDSUM = 8,\r\n TSUM = 9\r\n}\r\n\r\nenum FunctionTypeEnum {\r\n Normal = 0,\r\n PercentOfTotal = 1,\r\n Accumulated = 2,\r\n AccumulatedAll = 3,\r\n PercentOfRowTotal = 4,\r\n PercentOfRowGrandTotal = 5,\r\n PercentOfColumnTotal = 6,\r\n PercentOfColumnGrandTotal = 7,\r\n AbsoluteVariation = 8,\r\n PercentVariation = 9,\r\n Rank = 10,\r\n}\r\n\r\nenum TotalsPositionEnum {\r\n None = 0,\r\n Bottom = 1,\r\n Top = 2\r\n}\r\n\r\nenum ComparisonTypeEnum {\r\n None = 0,\r\n Value = 1,\r\n Variation = 2,\r\n PercentageVariation = 3\r\n}\r\n\r\nenum ReportTypeEnum {\r\n Analysis = 0,\r\n Pivot = 1,\r\n Chart = 2,\r\n None = 3\r\n}\r\n\r\nenum AutoGroupingEnum {\r\n None = 0,\r\n ByDay = 2,\r\n ByWeek = 3,\r\n ByMonth = 4,\r\n ByQuarter = 5,\r\n ByYear = 6,\r\n ByMonthOnly = 7,\r\n ByQuarterOnly = 8\r\n}\r\nenum AutoGroupingStrEnum {\r\n None = \"None\",\r\n ByDay = \"ByDay\",\r\n ByWeek = \"ByWeek\",\r\n ByMonth = \"ByMonth\",\r\n ByQuarter = \"ByQuarter\",\r\n ByYear = \"ByYear\",\r\n ByMonthOnly = \"ByMonthOnly\",\r\n ByQuarterOnly = \"ByQuarterOnly\"\r\n}\r\n\r\nenum ColumnsWidthTypeEnum {\r\n Automatic = 0,\r\n Percentage = 1,\r\n Pixel = 2\r\n}\r\n\r\nenum CalculateTotalsEnum {\r\n UseFormula = 0,\r\n SumRows = 1\r\n}\r\n\r\nenum FieldFormatEnum {\r\n None = 0,\r\n Currency = 1,\r\n Numeric = 2,\r\n Percentage = 3,\r\n String = 4,\r\n Date = 5\r\n}\r\n\r\nenum TopBottomEnum {\r\n None = \"None\",\r\n All = \"All\",\r\n Top = \"Top\",\r\n Bottom = \"Bottom\"\r\n}\r\n\r\nenum FieldFormatStrEnum {\r\n None = \"None\",\r\n Currency = \"Currency\",\r\n Numeric = \"Numeric\",\r\n Percentage = \"Percentage\",\r\n String = \"String\",\r\n Date = \"Date\"\r\n}\r\n\r\nenum ComparisonDateOptionStrEnum {\r\n Manual = \"Manual\",\r\n Previous = \"Previous\",\r\n Predefined = \"Predefined\"\r\n}\r\n\r\nenum ComparisonDateUnitStrEnum {\r\n Year = \"Year\",\r\n Quarter = \"Quarter\",\r\n Month = \"Month\",\r\n //Week = \"Week\",\r\n Day = \"Day\"\r\n}","declare var _: any;\r\nvar reportView = (function () {\r\n var pivotSelected = function (parentContext = undefined) {\r\n if (!parentContext)\r\n parentContext = getParentContext();\r\n return parentContext.find(\"#ReportType\").val() === ReportTypeStrEnum.Pivot;\r\n };\r\n\r\n var getMode = function (parentContext: JQuery = null) : string {\r\n return irGlobal.getMode(parentContext);\r\n };\r\n\r\n var updateOutput = function (data) {\r\n irGlobal.updateOutput(data);\r\n\r\n if (data && tabView) {\r\n tabView.updatePropertiesTabs(data.tabs);\r\n }\r\n\r\n let selectGroupBy = $(\"select#GroupByReports\", getParentContext());\r\n let noReportSelectedOption = $(\"option[value='0']\", selectGroupBy);\r\n if (noReportSelectedOption) {\r\n noReportSelectedOption.attr(\"hidden\", pivotSelected() as any);\r\n }\r\n let selectAnalyzeBy = $(\"select#AnalyzeByReports\", getParentContext());\r\n noReportSelectedOption = $(\"option[value='0']\", selectAnalyzeBy);\r\n if (noReportSelectedOption) {\r\n noReportSelectedOption.attr(\"hidden\", true as any);\r\n }\r\n };\r\n var getTabBaseObject = function (objectToExtend) {\r\n return tabView.getBaseSubmitObject(objectToExtend);\r\n };\r\n\r\n var getPivotMetrics = function () {\r\n var context = getParentContext();\r\n var metrics = [];\r\n if (!pivotSelected()) return metrics;\r\n\r\n var metricsChecked = $(\".pivotMetrics input[type='checkbox']\", context);\r\n\r\n metricsChecked.each(function () {\r\n var metricName = $(this).val() as any;\r\n var colorContainer = $(this).closest(\"li.pivotMetricContainer\");\r\n\r\n var isChecked = $(this).prop(\"checked\");\r\n var foreColor = $(colorContainer).data(\"forecolor\");\r\n var backColor = $(colorContainer).data(\"backcolor\");\r\n var isReportMetric = $(colorContainer).data(\"isreportmetric\");\r\n\r\n //IRNG-1300: need to test this implementation, probably metric will be a problem\r\n var metricContainerValues = metricName.split(\"_\");\r\n\r\n metrics.push({\r\n metricName: metricName,\r\n metricContainer: {\r\n metric: parseInt(metricContainerValues[0].substring(1)),\r\n comparisonType: parseInt(metricContainerValues[2].substring(1)),\r\n comparisonFilterId: metricContainerValues[3].substring(1),\r\n functionType: parseInt(metricContainerValues[1].substring(1)),\r\n },\r\n isChecked: isChecked,\r\n foreColor: foreColor,\r\n backgroundColor: backColor,\r\n isReportMetric: isReportMetric,\r\n });\r\n\r\n });\r\n return metrics;\r\n };\r\n\r\n var getDrilldownId = function (parentContext = undefined, nextDrilldownId = undefined) {\r\n if (!parentContext) {\r\n parentContext = getParentContext();\r\n }\r\n\r\n let drilldownId = parentContext.data(\"drilldownid\");\r\n let reportId = parseInt($(\"select#AnalyzeByReports\").val() as any, 10);\r\n if (nextDrilldownId) {\r\n let widget = parentContext.closest(\"div.dashboardWidget\");\r\n if (widget && widget.length > 0) {\r\n let vm = ko.contextFor(widget.find(\".widget-config\")[0]).$data;\r\n parentContext = vm.popoverDiv;\r\n }\r\n\r\n let $currentDrilldownSelect = $(\"ul#CurrentDrillDowns select.nextDrilldownSelect\", parentContext);\r\n //So if we have no current drilldown then it's just the first one...\r\n drilldownId = $currentDrilldownSelect.data(\"drilldownid\");\r\n reportId = parseInt($currentDrilldownSelect.val() as any || 0, 10);\r\n return { newDrilldownId: drilldownId, newReportId: reportId };\r\n }\r\n\r\n return drilldownId;\r\n\r\n };\r\n\r\n var drilldownIsPossible = function (context = undefined) {\r\n if (!context)\r\n context = getParentContext();\r\n\r\n let nextDrilldown = getDrilldownId(context, true);\r\n let aggregateReport = context.find(\".resultsTableContainer\").data(\"aggregatereport\");\r\n return nextDrilldown.newReportId !== 0 && aggregateReport === \"True\";\r\n };\r\n\r\n var analyzeByChanged = function (evt) {\r\n if (pivotSelected()) {\r\n var pivotGroup = $(\"select#GroupByReports\", getParentContext()).val();\r\n if (pivotGroup === \"0\") {\r\n return;\r\n }\r\n } else {\r\n //Reset these values.\r\n //$(\"#TopBottomSelect\").val(\"-1\");\r\n //$(\"select#topOrderSelect\").val(\"-1\");\r\n //columnOpts.clone().prop(\"selected\", \"\")\r\n }\r\n\r\n let config = getReportConfig(true);\r\n let newReportId = 0;\r\n if (!vm.switching) {\r\n newReportId = $(evt.target).val() as any;\r\n config[\"newReportId\"] = newReportId;\r\n }\r\n\r\n let url = urlConfigs.workBook + (vm.switching ? \"SwitchAnalyzeByAndGroupBy\" : \"ChangeReport\");\r\n\r\n irGlobal.updateFromServer(evt,\r\n url,\r\n config,\r\n function (data) {\r\n if (vm.switching) {\r\n newReportId = data.analyzeById;\r\n groupBy(data.groupById.toString());\r\n analyzeBy(data.analyzeById.toString());\r\n vm.switching = false;\r\n }\r\n\r\n updateOutput(data.results || data);\r\n if (data.analyzeBy) {\r\n let context = getParentContext();\r\n $(\"#AnalyzeByReportList\", context).replaceWith(data.analyzeBy);\r\n addReportSelectorEvents(context);\r\n }\r\n\r\n let parentContext = getParentContext();\r\n var drillDownId = parentContext.data(\"drilldownid\");\r\n\r\n if (drillDownId >= 0) {\r\n parentContext.data(\"drilldownid\", parseInt(newReportId as any, 10));\r\n }\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true\r\n );\r\n\r\n };\r\n var setTotalsVisibility = function (show) {\r\n var context = getParentContext();\r\n var isPivotSelected = pivotSelected();\r\n var groupConfig = context.find(\"div.groupConfig\");\r\n if (!show) {\r\n if (!groupConfig.hasClass(\"hidden\")) groupConfig.addClass(\"hidden\");\r\n return;\r\n\r\n }\r\n if (groupConfig.hasClass(\"hidden\") && !isPivotSelected) groupConfig.removeClass(\"hidden\");\r\n };\r\n var groupByChanged = function (evt) {\r\n if (vm.switching)\r\n return;\r\n\r\n var select = $(evt.currentTarget);\r\n var selectedGroupId = select.val();\r\n if (vm.reportType() === ReportTypeStrEnum.Pivot && vm.groupBy() === \"0\" && selectedGroupId != \"0\") {\r\n changePivotVisibility(false);\r\n }\r\n\r\n vm.groupBy(selectedGroupId);\r\n\r\n if (selectedGroupId === \"0\") {\r\n removeGroupBy(evt);\r\n return;\r\n }\r\n var config = getReportConfig(true);\r\n\r\n if (config.reportId === selectedGroupId) {\r\n irGlobal.showError(true, \"Group and Analysis reports cannot match\");\r\n setTotalsVisibility(false);\r\n $(select).closest(\"div.form-group\").addClass(\"has-error\");\r\n return;\r\n }\r\n\r\n setTotalsVisibility(true);\r\n select.closest(\"div.form-group\").removeClass(\"has-error\");\r\n irGlobal.updateFromServer(evt, urlConfigs.workBook + \"ChangeGroupBy\", config, updateOutput, null, true);\r\n };\r\n\r\n var showDrilldownPopup = function () {\r\n var getDrilldownData = function () {\r\n let data = $(\"#DrilldownJson\", getParentContext()).text();\r\n return JSON.parse(data);\r\n };\r\n var drilldownListElementClass = \"drilldownListElement\";\r\n var drillDialog = bootbox.dialog({\r\n title: \"Drilldown Reports\",\r\n message: \"
\",\r\n show: false,\r\n buttons: {\r\n cancel: {\r\n label: \"Cancel\",\r\n className: \"btn-danger\",\r\n callback: function () {\r\n }\r\n },\r\n ok: {\r\n label: \"Save\",\r\n className: \"btn-success\",\r\n callback: function (evt) {\r\n var currDialog = $(this);\r\n\r\n var listElements = $(\"li.\" + drilldownListElementClass, \"ul.drilldownpopuplist\");\r\n var drilldownReports = [];\r\n var drilldownIndex = 1;\r\n\r\n $.each(listElements,\r\n function (index, element) {\r\n var currentSelect = $(\"select.drilldownReportsSelect\", element);\r\n var selectedReport = $(\"option:selected\", currentSelect);\r\n var reportId = parseInt(selectedReport.val() as any, 10);\r\n var drilldownId = currentSelect.data(\"drilldownid\");\r\n var isAggregative = $(selectedReport).attr('data-aggregative');\r\n\r\n var checkDuplicateInArray = function (element) { return element.reportId === reportId; }\r\n if (reportId !== 0 && !drilldownReports.some(checkDuplicateInArray)) {\r\n drilldownReports.push({\r\n reportId: reportId,\r\n drilldownId: drilldownId,\r\n order: drilldownIndex,\r\n isAggregative: isAggregative == 'true'\r\n });\r\n drilldownIndex = drilldownIndex + 1;\r\n }\r\n });\r\n\r\n var requestJson = { reports: drilldownReports } as any;\r\n let widget = getParentContext().closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (isWidget) {\r\n requestJson.widgetId = widget.data(\"widgetid\");\r\n }\r\n\r\n var hasChanged = false;\r\n var notAggregatives = _.filter(drilldownReports, function (x) { return !x.isAggregative; });\r\n\r\n if (notAggregatives.length > 0) {\r\n var minOrder = _.min(_.map(notAggregatives, 'order'));\r\n hasChanged = drilldownReports[drilldownReports.length - 1].order > minOrder;\r\n }\r\n\r\n var confirmDrillDialog = null;\r\n var completeFunction = function (data) {\r\n if (data.fullTabResult) {\r\n getParentContext().replaceWith(data.fullTabResult);\r\n reportView.setup();\r\n irGlobal.enableUpdateButton(false);\r\n addDrilldownActions();\r\n return;\r\n }\r\n\r\n let widget = getParentContext().closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n\r\n if (isWidget) {\r\n updateOutputAfterDrilldown(data, getParentContext());\r\n }\r\n else {\r\n $(\"#DrilldownReportsList\").replaceWith(data.drilldownList);\r\n addDrilldownActions();\r\n }\r\n\r\n if (confirmDrillDialog != null) {\r\n confirmDrillDialog.modal(\"hide\");\r\n drillDialog.modal(\"hide\");\r\n }\r\n };\r\n\r\n if (hasChanged) {\r\n confirmDrillDialog = bootbox.dialog({\r\n title: \"Attention\",\r\n message: \"The remaining reports cannot be drilled into. Proceed with this change?
\",\r\n show: false,\r\n buttons: {\r\n no: {\r\n label: \"No\",\r\n className: \"btn-danger\",\r\n callback: function () {\r\n }\r\n },\r\n yes: {\r\n label: \"Yes\",\r\n className: \"btn-success\",\r\n callback: function (evt) {\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"UpdateDrilldownReport\",\r\n requestJson,\r\n completeFunction, null, true);\r\n }\r\n }\r\n }\r\n });\r\n\r\n confirmDrillDialog.modal(\"show\");\r\n return false;\r\n }\r\n else {\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"UpdateDrilldownReport\",\r\n requestJson,\r\n completeFunction, null, true);\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n var addDrilldownElement = function (evt) {\r\n var currentElement = $(evt.currentTarget).closest(\"li\");\r\n\r\n var newElement = $(currentElement.clone());\r\n var newSelect = $(\"select\", newElement);\r\n newSelect.val(0);\r\n\r\n currentElement.after(newElement);\r\n changeOrderVisibility();\r\n };\r\n\r\n var checkDuplicate = function () {\r\n\r\n var items = $(\".drilldownpopuplist select.drilldownReportsSelect\");\r\n $.each(items,\r\n function (index, element) {\r\n var value = $(element).val();\r\n var sameValueElements = $(\".drilldownpopuplist select.drilldownReportsSelect\").filter(function () { return (this as any).value == value });\r\n if (sameValueElements.length > 1) {\r\n $(element).addClass(\"duplicated\");\r\n }\r\n else {\r\n $(element).removeClass(\"duplicated\");\r\n }\r\n });\r\n }\r\n\r\n var moveField = function (evt) {\r\n\r\n var field = $(evt.currentTarget);\r\n var orderDown = true;\r\n if (field.hasClass(\"changeOrderUp\")) {\r\n orderDown = false;\r\n }\r\n\r\n var listElement = field.closest(\"li.\" + drilldownListElementClass);\r\n\r\n if (!orderDown) {\r\n var previousElement = listElement.prev(\"li.\" + drilldownListElementClass);\r\n var prevOrderIndex = previousElement.data(\"orderindex\");\r\n var currOrderIndex = listElement.data(\"orderindex\");\r\n\r\n listElement.data(\"orderindex\", prevOrderIndex);\r\n previousElement.data(\"orderindex\", currOrderIndex);\r\n\r\n previousElement.before(listElement);\r\n } else {\r\n var nextElement = listElement.next(\"li.\" + drilldownListElementClass);\r\n nextElement.after(listElement);\r\n }\r\n changeOrderVisibility();\r\n };\r\n\r\n var changeOrderVisibility = function () {\r\n var listElements = $(\"li.\" + drilldownListElementClass, \"ul.drilldownpopuplist\");\r\n\r\n var changeField = $(\"span.changeOrder span.glyphicon\", listElements);\r\n if (listElements.length === 1) {\r\n changeField.addClass(\"hidden\");\r\n }\r\n var elementCount = listElements.length;\r\n $.each(listElements,\r\n function (index, element) {\r\n\r\n var addDrilldown = $(\"span.addDrilldown\", element);\r\n var removeDrilldown = $(\"button.removedrilldown\", element);\r\n var selectElement = $(\"select.drilldownReportsSelect\", element);\r\n var changeOrderUp = $(\"span.changeOrderUp\", element);\r\n var changeOrderDown = $(\"span.changeOrderDown \", element);\r\n var orderElement = $(\"span.changeOrder\", element);\r\n\r\n addDrilldown.off();\r\n removeDrilldown.off();\r\n selectElement.off();\r\n changeOrderUp.off();\r\n changeOrderDown.off();\r\n if (elementCount > 1) {\r\n orderElement.removeClass(\"hidden\");\r\n if (index === 0) {\r\n changeOrderDown.removeClass(\"hidden\");\r\n }\r\n }\r\n\r\n if (index === 0) {\r\n changeOrderUp.addClass(\"hidden\");\r\n } else if (index > 0 && index < elementCount - 1) {\r\n changeOrderUp.removeClass(\"hidden\");\r\n changeOrderDown.removeClass(\"hidden\");\r\n } else if (index === elementCount - 1) {\r\n changeOrderDown.addClass(\"hidden\");\r\n }\r\n\r\n if (index === 0 && selectElement.val() === \"0\" && elementCount === 1)\r\n removeDrilldown.addClass(\"hidden\");\r\n else\r\n removeDrilldown.removeClass(\"hidden\");\r\n\r\n selectElement.off(\"change\").on(\"change\", checkDuplicate);\r\n\r\n addDrilldown.on(\"click\", addDrilldownElement);\r\n changeOrderUp.on(\"click\", moveField);\r\n changeOrderDown.on(\"click\", moveField);\r\n removeDrilldown.on(\"click\", removeField);\r\n\r\n });\r\n };\r\n drillDialog.on(\"show.bs.modal\",\r\n function () {\r\n let widget = getParentContext().closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n\r\n let reportList = isWidget ? $(\"#DrilldownReportsList\", widget) : $(\"#DrilldownReportsList\");\r\n let drilldownElements = $(\"div.drilldownElements\", reportList).clone();\r\n drilldownElements = $(\"\" + drilldownElements.html() + \" )\");\r\n\r\n let dialog = $(this);\r\n $(\"span.addDrilldown\", drilldownElements).removeClass(\"hidden\");\r\n $(\"span.remove\", drilldownElements).removeClass(\"hidden\");\r\n let $popuplList = $(\"ul.drilldownpopuplist\", dialog);\r\n let drilldownData = getDrilldownData();\r\n\r\n let nextDrilldownSelect = $(\"ul#CurrentDrillDowns select.nextDrilldownSelect\", reportList);\r\n if (nextDrilldownSelect.data(\"drilldownid\")) {\r\n /*We have an existing entry for this drilldown in the JSON so we now \r\n replace the reportId to the currently selected one.*/\r\n\r\n let existingDrilldown = drilldownData.find(element => element.id === nextDrilldownSelect.data(\"drilldownid\"));\r\n if (existingDrilldown) {\r\n let existingIndex = drilldownData.indexOf(existingDrilldown);\r\n\r\n existingDrilldown.id = parseInt(nextDrilldownSelect.val() as any, 10);\r\n drilldownData[existingIndex] = existingDrilldown;\r\n }\r\n } else {\r\n //So if it's one of the 'new next drilldown' items selectors.\r\n let selectedNextReportId = parseInt(nextDrilldownSelect.val() as any, 10);\r\n if (selectedNextReportId !== 0) {\r\n let maxOrder = 0;\r\n if (drilldownData) maxOrder = Math.max(...drilldownData.map(d => d.order));\r\n let newOrder = maxOrder + 1;\r\n let newElement = { id: selectedNextReportId, order: newOrder };\r\n drilldownData.push(newElement);\r\n }\r\n }\r\n\r\n if (!drilldownData || drilldownData.length === 0)\r\n $popuplList.append(drilldownElements);\r\n\r\n $.each(drilldownData,\r\n function (index, element) {\r\n let $newElement = drilldownElements.clone();\r\n let reportId = element.id;\r\n\r\n let currentSelect = $(\"select\", $newElement);\r\n\r\n $(\"option[value='\" + reportId + \"']\", currentSelect).prop(\"selected\", true);\r\n\r\n $popuplList.append($newElement);\r\n\r\n });\r\n\r\n changeOrderVisibility();\r\n checkDuplicate();\r\n\r\n //Save the original position of data\r\n var liItems = $('li', $($popuplList));\r\n $.each(liItems,\r\n function (index, element) {\r\n $(element).attr('data-index', index);\r\n }\r\n );\r\n\r\n });\r\n drillDialog.modal(\"show\");\r\n\r\n var removeField = function (evt) {\r\n var $listElement = $(evt.currentTarget).parents(\"li.drilldownListElement\");\r\n var list = $(evt.currentTarget).closest(\"ul.drilldownpopuplist\").find(\"li.drilldownListElement\");\r\n if (list.length === 1)\r\n addDrilldownElement(evt);\r\n $listElement.remove();\r\n changeOrderVisibility();\r\n }\r\n\r\n $(\"button.removedrilldown\", drillDialog).off(\"click\").on(\"click\", removeField);\r\n };\r\n\r\n var enableDisabledDrilldown = function () {\r\n if (reportType() === ReportTypeStrEnum.Analysis || reportType() === ReportTypeStrEnum.Pivot) {\r\n let context = getParentContext();\r\n let widget = context.closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n let aggregateReport = context.find(\".resultsTableContainer\").data(\"aggregatereport\");\r\n let drilldownSelect = isWidget ? $(\"li#DrilldownReportsList select.nextDrilldownSelect\", widget) : $(\"li#DrilldownReportsList select.nextDrilldownSelect\");\r\n let nextDrilldown = parseInt(drilldownSelect.val() as any ?? 0, 10);\r\n let grid = reportType() === ReportTypeStrEnum.Analysis ? report.getGridDiv(context) : pivotGrid.getPivotDiv(context);\r\n if (aggregateReport === \"True\" && nextDrilldown !== undefined && nextDrilldown !== null && nextDrilldown != 0) {\r\n grid.addClass(\"drilldown-enable\");\r\n }\r\n else {\r\n grid.removeClass(\"drilldown-enable\");\r\n }\r\n }\r\n }\r\n\r\n var addDrilldownActions = function () {\r\n let successFunction = function (data) {\r\n updateOutputAfterDrilldown(data, getParentContext());\r\n };\r\n let onDrillBack = function (evt, isWidget, data) {\r\n updateOutputAfterDrilldown(data, getParentContext(), function () {\r\n if (isWidget) {\r\n //Fix the popup html. Always need to update the popup html after updating the widget\r\n let popup = $(evt.currentTarget).closest(\".dx-popup-normal\");\r\n $(\"#DrilldownReportsList\", popup).parent().remove();\r\n let html = $(\"#widget-drilldownlist\", getParentContext().closest(\"div.dashboardWidget\")).html();\r\n $(\".dx-popup-content\", popup).append(html);\r\n reportView.addDrilldownActions();\r\n }\r\n });\r\n }\r\n\r\n $(\"li#DrilldownReportsList button.adddrilldown\").off(\"click\").on(\"click\", showDrilldownPopup);\r\n\r\n $(\".nextDrilldownSelect\").off(\"change\").on(\"change\", function () {\r\n\r\n if ($(this).closest(\".widgetDrilldown\").length > 0) {\r\n const widgetId = $(this).closest(\".widgetDrilldown\").data(\"widgetid\");\r\n let hiddenDropDown = $(\".nextDrilldownSelect\", `.dashboardWidget[data-widgetid=${widgetId}]`);\r\n $(\"option\", hiddenDropDown).removeAttr(\"selected\");\r\n $(`option[value=${(this as any).value}]`, hiddenDropDown).attr(\"selected\", \"selected\");\r\n }\r\n\r\n let button = $(\"button.removedrilldown\", $(this).closest(\"#DrilldownReportsList\"));\r\n if ((this as any).value === \"0\")\r\n button.attr(\"disabled\", true as any);\r\n else\r\n button.removeAttr(\"disabled\");\r\n\r\n enableDisabledDrilldown();\r\n })\r\n\r\n let $drillbackButton = $(\"button.drillback\");\r\n\r\n let drillBack = function (evt) {\r\n let links = $(\"div#drilldownLinks a.drilldownLink\", $(evt.currentTarget).closest(\"#DrilldownReportsList\"));\r\n let previousLink = links[links.length - 2];\r\n let previousDrilldown = $(previousLink).data(\"drilldownid\");\r\n\r\n let reportObj = getTabBaseObject({ newDrilldownId: previousDrilldown });\r\n let widget = getParentContext().closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (isWidget) {\r\n reportObj.widgetId = widget.data(\"widgetid\");\r\n }\r\n\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"NavigateToDrilldownLink\",\r\n reportObj,\r\n function (data) { onDrillBack(evt, isWidget, data); },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n $drillbackButton.off(\"click\").on(\"click\", drillBack);\r\n $drillbackButton.each(function () {\r\n let context = $(this).closest(\"#DrilldownReportsList\");\r\n let links = $(\"div#drilldownLinks a.drilldownLink\", context);\r\n\r\n if (links.length > 0)\r\n $(this).removeClass(\"hidden\");\r\n else\r\n $(this).addClass(\"hidden\");\r\n });\r\n\r\n let $links = $(\"div#drilldownLinks a.drilldownLink\");\r\n $links.off(\"mouseover\").on(\"mouseover\",\r\n function () {\r\n $(this).css(\"cursor\", \"pointer\");\r\n }\r\n );\r\n $links.off(\"click\").on(\"click\",\r\n function (evt) {\r\n evt.preventDefault();\r\n var newDrilldownId = $(this).data(\"drilldownid\");\r\n var reportObj = getTabBaseObject({ newDrilldownId: newDrilldownId });\r\n\r\n let widget = getParentContext().closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (isWidget) {\r\n reportObj.widgetId = widget.data(\"widgetid\");\r\n }\r\n\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"NavigateToDrilldownLink\",\r\n reportObj,\r\n function (data) { onDrillBack(evt, isWidget, data); },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n });\r\n\r\n enableDisabledDrilldown();\r\n };\r\n\r\n var reportType = function (context = undefined) {\r\n return chartSelected(context) ? ReportTypeStrEnum.Chart : pivotSelected(context) ? ReportTypeStrEnum.Pivot : ReportTypeStrEnum.Analysis;\r\n };\r\n\r\n var groupBy = function (value = undefined) {\r\n var context = getParentContext();\r\n var select = context.find(\"select#GroupByReports\");\r\n if (value !== undefined) {\r\n select.find(\"option:selected\").removeAttr(\"selected\");\r\n select.find(`option[value='${value}']`).attr(\"selected\", \"selected\");\r\n select.val(value);\r\n\r\n if (!vm.switching) {\r\n select.trigger('change');\r\n }\r\n }\r\n else\r\n return $(\"option:selected\", select).val();\r\n };\r\n\r\n var analyzeBy = function (value = undefined) {\r\n var context = getParentContext();\r\n var select = context.find(\"select#AnalyzeByReports\");\r\n if (value !== undefined) {\r\n select.find(\"option:selected\").removeAttr(\"selected\");\r\n select.find(`option[value='${value}']`).attr(\"selected\", \"selected\");\r\n select.val(value);\r\n\r\n if (!vm.switching) {\r\n select.trigger('change');\r\n }\r\n }\r\n else\r\n return $(\"option:selected\", select).val();\r\n };\r\n\r\n var getReportConfig = function (updateResult = undefined) {\r\n var context = getParentContext();\r\n var selectedGroupBy = groupBy();\r\n var selectedAnalyzeBy = analyzeBy();\r\n\r\n var configObject = {\r\n updateResults: updateResult,\r\n reportType: reportType(),\r\n pivotMetrics: getPivotMetrics(),\r\n reportId: selectedAnalyzeBy,\r\n AnalysisGroupReportId: selectedGroupBy,\r\n pivotGroupId: selectedGroupBy,\r\n nextDrilldown: getDrilldownId(context, true)\r\n };\r\n $.extend(configObject,\r\n filtersManager.getFilterValues()\r\n );\r\n var reportObj = getTabBaseObject(configObject);\r\n\r\n return reportObj;\r\n };\r\n\r\n var updateConfig = function (updateResult, evt, orderConfig, useJson, postUpdateFunction = undefined) {\r\n\r\n if (reportType() === ReportTypeStrEnum.Pivot) {\r\n if (groupBy() === \"0\") {\r\n var context = getParentContext();\r\n var groupByElement = $(\"#GroupByReports\", context).siblings(\"span.select2\")\r\n groupByElement.addClass([\"animate__animated\", \"animate__headShake\"]);\r\n groupByElement.off().on('animationend', () => {\r\n groupByElement.removeClass([\"animate__animated\", \"animate__headShake\"]);\r\n });\r\n return false;\r\n }\r\n\r\n $(\"#TopBottomSelect\").val(\"-1\");\r\n $(\"select#topOrderSelect\").val(\"-1\");\r\n }\r\n\r\n if (updateResult === undefined || typeof updateResult !== \"boolean\") {\r\n updateResult = true;\r\n }\r\n var config = getReportConfig(updateResult);\r\n var successFunction = function (data) {\r\n if (updateResult) {\r\n updateOutput(data);\r\n }\r\n if (irGlobal.isFunction(postUpdateFunction)) {\r\n postUpdateFunction(data);\r\n }\r\n\r\n adjustReportTypeTitle();\r\n };\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"ChangeConfig\",\r\n config,\r\n successFunction,\r\n null,\r\n useJson,\r\n \"POST\",\r\n updateResult);\r\n\r\n return true;\r\n };\r\n\r\n //To be removed??\r\n var dobounceReflow =\r\n irGlobal.debounce(function () {\r\n let context = getParentContext();\r\n report.resize(context);\r\n resizeReportSettings();\r\n },\r\n 250,\r\n false);\r\n\r\n var updatePivotMetricColor = function (evt, colorModal, metricName) {\r\n var context = getParentContext();\r\n\r\n var popupControl =\r\n $(\".pivotMetricContainer[data-metricname='\" + metricName + \"']\", context);\r\n var $foreColorSelector = $(\"input#foreColorSelector\", colorModal);\r\n var $backColorSelector = $(\"input#backColorSelector\", colorModal);\r\n\r\n\r\n if ($backColorSelector.attr(\"set\") === \"true\") {\r\n var backColor = $backColorSelector.val() as any;\r\n popupControl.data(\"backcolor\", backColor);\r\n popupControl.css(\"background-color\", backColor);\r\n\r\n global.enableUpdateButton(enablePivotPost, function () { updateConfig(true, evt, null, true); }, evt);\r\n\r\n }\r\n if ($foreColorSelector.attr(\"set\") === \"true\") {\r\n var foreColor = $foreColorSelector.val() as any;\r\n popupControl.data(\"forecolor\", foreColor);\r\n popupControl.css(\"color\", foreColor);\r\n global.enableUpdateButton(enablePivotPost, function () { updateConfig(true, evt, null, true); }, evt);\r\n }\r\n\r\n //updateConfig(true, evt, null, true);\r\n };\r\n\r\n\r\n var pivotColorClick = function (e) {\r\n e.stopPropagation();\r\n $(\".pivotMetricContainer .popover\").remove();\r\n //We don't show the colour picker for all.\r\n var popLi = $(this).closest(\"li\");\r\n var foreColor = popLi.data(\"forecolor\") as any;\r\n var backColor = popLi.data(\"backcolor\") as any;\r\n var metricName = popLi.data(\"metricname\");\r\n var link = global.getJqueryElement(e.currentTarget);\r\n\r\n link.popover(\r\n {\r\n container: $(\".reportContent[data-mode=Pivot]\"),\r\n html: true,\r\n placement: \"auto bottom\",\r\n trigger: \"manual\",\r\n content:\r\n \"\"\r\n\r\n });\r\n link.off(\"shown.bs.popover\").on(\"shown.bs.popover\",\r\n function () {\r\n var po = $(this).data(\"bs.popover\");\r\n var content = po.$tip;\r\n var $foreColorSelector = $(\"input#foreColorSelector\", content);\r\n $foreColorSelector.attr(\"set\", (foreColor !== \"#000000\") as any);\r\n $foreColorSelector.val(foreColor);\r\n var $backColorSelector = $(\"input#backColorSelector\", content);\r\n $backColorSelector.attr(\"set\", (backColor !== \"#FFFFFF\") as any);\r\n $backColorSelector.val(backColor);\r\n $backColorSelector.on(\"change\",\r\n function () {\r\n $(this).attr(\"set\", \"true\");\r\n });\r\n $foreColorSelector.on(\"change\",\r\n function () {\r\n $(this).attr(\"set\", \"true\");\r\n });\r\n $(\"button.colorEditButton\", content).off(\"click\").on(\"click\",\r\n function (e) {\r\n\r\n var content = po.$tip;\r\n updatePivotMetricColor(e, content, metricName);\r\n po.hide();\r\n }\r\n );\r\n $(\"button.colorCancelButton\", content).off(\"click\").on(\"click\",\r\n function (e) {\r\n po.hide();\r\n });\r\n });\r\n\r\n link.popover(\"show\");\r\n };\r\n\r\n var enablePivotPost = function () {\r\n var context = getParentContext();\r\n var analyzeByReport = $(\"select#AnalyzeByReports\").val();\r\n var groupByReport = context.find(\"select#GroupByReports option:selected\").val();\r\n return groupByReport !== \"0\" && analyzeByReport !== \"0\" && pivotSelected();\r\n };\r\n\r\n var reportTypeChanged = function (evt = undefined) {\r\n var context = getParentContext();\r\n populateTopBottomSelect();\r\n var analyzeByReport = $(\"select#AnalyzeByReports\", context).val();\r\n\r\n var groupBy = context.find(\"select#GroupByReports option:selected\").val();\r\n var groupByDiv = context.find(\"div#GroupContainer\");\r\n\r\n controlElementVisibility(context);\r\n if (!pivotSelected()) {\r\n groupByDiv.removeClass(\"has-error\");\r\n updateConfig(true, evt, null, true);\r\n } else\r\n //So it's a pivot report....\r\n {\r\n //So if either group report or analyzeByReport isn't selected don't update the config server side...\r\n if (groupBy === \"0\" || analyzeByReport === \"0\") {\r\n groupByDiv.addClass(\"has-error\");\r\n changePivotVisibility(true);\r\n } else {\r\n changePivotVisibility(false);\r\n groupByDiv.removeClass(\"has-error\");\r\n updateConfig(true, evt, null, true);\r\n }\r\n }\r\n };\r\n\r\n var setupPivotMetrics = function () {\r\n var context = getParentContext();\r\n $(\".checkbox label \", context).off(\"dblclick\").on(\"dblclick\", pivotColorClick);\r\n };\r\n\r\n var addChartFilterDrilldown = function (evt, chartPoint, xAxisFields) {\r\n let context = evt && evt.currentTarget ? $(evt.currentTarget).closest(\"div.reportContent\") : null;\r\n\r\n if (!drilldownIsPossible(context)) return;\r\n\r\n let widget = context.closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (evt) {\r\n if (isWidget) {\r\n if (widget.hasClass(\"selected\")) {\r\n if (evt.stopPropagation)\r\n evt.stopPropagation();\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n }\r\n\r\n var inputValues = reportView.getTabBaseObject({\r\n tabValues: [],\r\n widgetId: isWidget ? widget.data(\"widgetid\") : undefined\r\n });\r\n\r\n for (var i = 0; i < xAxisFields.length; i++) {\r\n var name = xAxisFields[i].name;\r\n var value = chartPoint[i];\r\n if (value === null || value === undefined) continue;\r\n if (xAxisFields[i].isGroupBy)\r\n inputValues.tabValues.push({ name: name, startCondition: value, isGroupField: xAxisFields[i].isGroupField });\r\n }\r\n\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"NavigateToDrillDown\",\r\n inputValues,\r\n function (data) {\r\n updateOutputAfterDrilldown(data, context);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n };\r\n\r\n var updateOutputAfterDrilldown = function (data, context, callback: Function = undefined) {\r\n let widget = context.closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n\r\n if (isWidget) {\r\n if (data.drilldownReportConfig) {\r\n let widgetVM = dashboard.getWidgetSettings(widget.closest(\".widgetContainer\"));\r\n if (widgetVM) {\r\n widgetVM.updatingDrilldown(true);\r\n let config = JSON.parse(data.drilldownReportConfig);\r\n widgetVM.topBottom(config.topBottom === \"None\" || config.topBottom === \"All\" || !config.topBottom ? \"-1\" : config.topBottom === \"Top\" ? `T${config.resultCount}` : `B${config.resultCount}`);\r\n widgetVM.topBottomQueryName(config.topBottomFieldName?.queryName);\r\n widgetVM.updatingDrilldown(false);\r\n }\r\n }\r\n\r\n $(\"li#DrilldownReportsList\", widget).replaceWith(data.drilldownList);\r\n $(\".filterContextContainer\", \"#selected-widget-filters\").replaceWith(data.filterAddList);\r\n \r\n dashboard.refreshWidgetData(null, widget, true, callback);\r\n }\r\n else {\r\n irGlobal.updateOutput(data);\r\n }\r\n };\r\n\r\n var renderChart = function () {\r\n var context = getParentContext();\r\n controlElementVisibility(context);\r\n var canvas = context.find(\".chartdiv\");\r\n if (canvas.length === 0) return;\r\n var visibleHeight = $(window).height() - canvas.offset().top;\r\n canvas.height(visibleHeight + \"px\");\r\n chart.addChartPlot(context, null, addChartFilterDrilldown, false, updateChartType);\r\n };\r\n\r\n var updateChartType = function (evt, chartType) {\r\n var valueChanged = function (data) {\r\n updateOutput(data);\r\n };\r\n let jsonObject = getTabBaseObject({ chartType: chartType });\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"ChangeChartType\",\r\n jsonObject,\r\n valueChanged,\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n };\r\n\r\n var chartSelected = function (parentContext) {\r\n return getMode(parentContext) === ReportTypeStrEnum.Chart;\r\n };\r\n\r\n var setupDisplayTypeChanged = function () {\r\n var parentContext = getParentContext();\r\n var selectReportType = parentContext.find(\"#ReportType\") as any;\r\n var selectedChanged = function (evt) {\r\n adjustReportTypeTitle();\r\n\r\n var mode = getMode(parentContext);\r\n parentContext.data(\"mode\", mode);\r\n\r\n let searchBoxButton = $(\"button#SearchBoxButton\", parentContext);\r\n if (mode === ReportTypeStrEnum.Analysis || mode === \"Report\" ||\r\n mode === ReportTypeStrEnum.Pivot) {\r\n searchBoxButton.removeClass(\"hidden\");\r\n }\r\n else {\r\n if (!searchBoxButton.hasClass(\"hidden\")) {\r\n searchBoxButton.addClass(\"hidden\");\r\n }\r\n }\r\n\r\n let filterPivotButton = $(\"button#FilterPivotButton\", parentContext);\r\n if (mode === ReportTypeStrEnum.Pivot) {\r\n filterPivotButton.removeClass(\"hidden\");\r\n }\r\n else {\r\n if (!filterPivotButton.hasClass(\"hidden\")) {\r\n filterPivotButton.addClass(\"hidden\");\r\n }\r\n }\r\n\r\n if (mode === ReportTypeStrEnum.Pivot) {\r\n vm.reportType(ReportTypeStrEnum.Pivot);\r\n reportTypeChanged();\r\n }\r\n else {\r\n controlElementVisibility(parentContext);\r\n //Remove error warning in group by because it is not necessary for charts\r\n var groupByDiv = parentContext.find(\"div#GroupContainer\");\r\n groupByDiv.removeClass(\"has-error\");\r\n if (vm.reportType() === ReportTypeStrEnum.Pivot) {\r\n changePivotVisibility(false);\r\n }\r\n\r\n if (chartSelected(parentContext)) {\r\n var settingsToggleButton = $(\"#showChartOptions\", parentContext) as any;\r\n settingsToggleButton.bootstrapToggle('off');\r\n vm.reportType(ReportTypeStrEnum.Chart);\r\n }\r\n else {\r\n vm.reportType(ReportTypeStrEnum.Analysis);\r\n }\r\n\r\n updateConfig(true,\r\n evt,\r\n null,\r\n true);\r\n }\r\n\r\n const tabPanel = parentContext.closest(\".tab-pane\");\r\n if (tabPanel && tabPanel.data(\"tabtype\")) {\r\n tabPanel.data(\"tabtype\", vm.reportType() === ReportTypeStrEnum.Analysis || vm.reportType() === ReportTypeStrEnum.Pivot ? \"Report\" : vm.reportType())\r\n }\r\n\r\n selectReportType.selectpicker('render');\r\n };\r\n selectReportType.off(\"change\").on(\"change\", function (evt) { selectedChanged(evt); });\r\n selectReportType.selectpicker('render');\r\n\r\n if (vm.reportType() === ReportTypeStrEnum.Analysis) {\r\n let fields = $(\"option\", $(\"div#FieldSelect select\", parentContext));\r\n selectReportType.prop('disabled', fields.length <= 1);\r\n selectReportType.selectpicker('refresh');\r\n $(\"#GroupByReports\", parentContext).prop('disabled', fields.length <= 1);\r\n }\r\n else {\r\n selectReportType.prop('disabled', false);\r\n selectReportType.selectpicker('refresh');\r\n $(\"#GroupByReports\", parentContext).prop('disabled', false);\r\n }\r\n };\r\n var removeGroupBy = function (evt) {\r\n var jsonString = getReportConfig();\r\n var completeFunction = function (data, evt) {\r\n setTotalsVisibility(false);\r\n var groupBySelect = $(\"select#GroupByReports\", getParentContext());\r\n var currentVal = groupBySelect.val();\r\n if (currentVal !== \"0\") {\r\n groupBySelect.off(\"change\", groupByChanged);\r\n groupBySelect.val(0);\r\n groupBySelect.on(\"change\",\r\n groupByChanged);\r\n }\r\n updateOutput(data);\r\n };\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"RemoveGroupBy\",\r\n jsonString,\r\n completeFunction,\r\n null,\r\n true,\r\n \"POST\");\r\n }\r\n\r\n var changeTopBottom = function (evt) {\r\n let context = getParentContext();\r\n let select = context.find(\"#TopBottomSelect\");\r\n let liTopOrderList = $(\"li.topOrderList\", context);\r\n\r\n let selected = $(\"option:selected\", select);\r\n\r\n let count = selected.data(\"count\");\r\n let topBottom = selected.data(\"topbottom\");\r\n let selectedValue = selected.val();\r\n\r\n let orderField = context.find(\"select#topOrderSelect\");\r\n let orderFieldGroup = orderField.closest(\"div.form-group\");\r\n\r\n let selectedField = orderField.val();\r\n\r\n if (selectedValue === \"-1\") {\r\n if (!liTopOrderList.hasClass(\"hidden\")) {\r\n liTopOrderList.addClass(\"hidden\");\r\n }\r\n select.removeClass(\"noBorderRight\");\r\n orderField.attr(\"disabled\", true as any);\r\n orderFieldGroup.removeClass(\"has-error\");\r\n orderField.val(\"-1\");\r\n selectedField = \"-1\";\r\n }\r\n else {\r\n liTopOrderList.removeClass(\"hidden\");\r\n if (!select.hasClass(\"noBorderRight\")) {\r\n select.addClass(\"noBorderRight\");\r\n }\r\n orderField.attr(\"disabled\", false as any);\r\n if (orderField.val() === \"-1\") {\r\n orderFieldGroup.addClass(\"has-error\");\r\n return;\r\n }\r\n else {\r\n orderFieldGroup.removeClass(\"has-error\");\r\n }\r\n }\r\n\r\n var submitObject =\r\n tabView.getBaseSubmitObject({ orderField: selectedField, resultCount: count, topBottom: topBottom });\r\n\r\n var complete = function (data) {\r\n updateOutput(data);\r\n };\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"ChangeTopBottom\",\r\n submitObject,\r\n complete,\r\n null,\r\n true);\r\n };\r\n\r\n var populateTopBottomSelect = function () {\r\n var context = getParentContext();\r\n if (pivotSelected()) return;\r\n\r\n var columnFields = $(\"div#FieldSelect select\", context);\r\n var selectList = context.find(\"li.topOrderList\");\r\n\r\n var colSelect = $(\"select#topOrderSelect\", selectList);\r\n\r\n var topBottomSelect = $(\"select#TopBottomSelect\", context);\r\n\r\n colSelect.off(\"change\", changeTopBottom);\r\n topBottomSelect.off(\"change\", changeTopBottom);\r\n\r\n colSelect.empty();\r\n\r\n var columnOpts = $(\"option[data-ismetric='True'], option[value='-1']\", columnFields);\r\n colSelect.append(columnOpts.clone());\r\n var orderFieldGroup = colSelect.closest(\"div.form-group\");\r\n\r\n if (topBottomSelect.val() === \"-1\") {\r\n colSelect.attr(\"disabled\", true as any);\r\n }\r\n else {\r\n colSelect.attr(\"disabled\", false as any);\r\n if (columnFields.val() === \"-1\") {\r\n orderFieldGroup.addClass(\"has-error\");\r\n }\r\n else {\r\n orderFieldGroup.removeClass(\"has-error\");\r\n }\r\n }\r\n\r\n colSelect.on(\"change\", changeTopBottom);\r\n topBottomSelect.on(\"change\", changeTopBottom);\r\n\r\n };\r\n\r\n var getOrderFieldData = function () {\r\n var orderFieldData = $(\"p#OrderFieldData\", getParentContext()).text();\r\n if (!orderFieldData) return null;\r\n var returnOject = JSON.parse(orderFieldData);\r\n if (returnOject)\r\n for (var index = 0; index < returnOject.length; ++index) {\r\n returnOject[index].isMetric = returnOject[index].tableName === \"metrics\";\r\n }\r\n return returnOject;\r\n };\r\n\r\n var popupAdditionalOrderSelect = function () {\r\n var dialog = bootbox.dialog({\r\n title: \"Order Fields\",\r\n message: \"
\",\r\n show: false,\r\n\r\n buttons: {\r\n cancel: {\r\n label: \"Cancel\",\r\n className: \"btn-danger\",\r\n callback: function () {\r\n\r\n }\r\n },\r\n ok: {\r\n label: \"Save\",\r\n className: \"btn-success\",\r\n callback: function (evt) {\r\n let currDialog = $(this);\r\n let listElementClass = \"li.orderListElement\";\r\n let orderElements = $(listElementClass, currDialog);\r\n let orderData = [];\r\n let currIndex = 0;\r\n let duplicateFields = false;\r\n $.each(orderElements,\r\n function (index, element: any) {\r\n element = $(element);\r\n let currSelect = $(\"select\", element);\r\n let order = element.data(\"order\");\r\n let selected = $(\"option:selected\", currSelect);\r\n let currField = selected.val();\r\n if (currField !== \"0\") {\r\n if (orderData.filter(function (x) { return x.fieldName === currField; }).length > 0) {\r\n duplicateFields = true;\r\n }\r\n\r\n orderData.push({ fieldName: currField, order: order, orderIndex: currIndex });\r\n currIndex = currIndex + 1;\r\n }\r\n });\r\n\r\n if (duplicateFields) {\r\n bootbox.alert(\"Duplicate fields are not allowed.\");\r\n return false;\r\n }\r\n\r\n if (orderData.filter(function (x) { return x.fieldName === \"-1\"; }).length > 0) {\r\n bootbox.alert(\"Blank order field is not allowed.\");\r\n return false;\r\n }\r\n\r\n if (reportType() === ReportTypeStrEnum.Pivot && orderData.length > 1) {\r\n bootbox.alert(\"Two or more fields are not allowed on Pivot report.\");\r\n return false;\r\n }\r\n\r\n let updateModel = tabView.getBaseSubmitObject({ orderFields: orderData });\r\n let context = getParentContext();\r\n let isDashboard = false;\r\n if (context.hasClass(\"dashboardWidget\")) {\r\n isDashboard = true;\r\n updateModel.widgetId = context.data(\"widgetid\");\r\n }\r\n\r\n irGlobal.updateFromServer(evt,\r\n urlConfigs.workBook + \"ChangeOrder\",\r\n updateModel,\r\n function (data) {\r\n if (isDashboard) {\r\n dashboard.afterUpdatedWidgetData(data, context);\r\n }\r\n else {\r\n updateOutput(data);\r\n }\r\n },\r\n null,\r\n true,\r\n \"POST\");\r\n }\r\n }\r\n }\r\n });\r\n\r\n dialog.on(\"show.bs.modal\",\r\n function () {\r\n let parentContext = getParentContext();\r\n let listElementClass = \"li.orderListElement\";\r\n let removeOrderField = function (evt) {\r\n let removeIcon = $(evt.currentTarget);\r\n let selectItem = removeIcon.closest(listElementClass);\r\n let listElements = selectItem.siblings(listElementClass);\r\n let listElement = undefined;\r\n if (listElements.length > 1) {\r\n listElement = $(listElements[0]);\r\n }\r\n selectItem.remove();\r\n if (listElement) {\r\n changeOrderVisibility(listElement);\r\n }\r\n };\r\n let changeDirection = function (evt) {\r\n let $field = $($(evt.currentTarget).closest(\"li\"));\r\n let order = $field.data(\"order\");\r\n if (!order) return;\r\n\r\n let directionIndicator = $(\"span.directionIndicator\", $field);\r\n directionIndicator.removeClass(directionIndicator.data(\"none\"));\r\n if (order === \"ASC\") {\r\n $field.data(\"order\", \"DESC\");\r\n directionIndicator.removeClass(directionIndicator.data(\"asc\"));\r\n directionIndicator.addClass(directionIndicator.data(\"desc\"));\r\n } else if (order === \"DESC\") {\r\n $field.data(\"order\", \"ASC\");\r\n directionIndicator.removeClass(directionIndicator.data(\"desc\"));\r\n directionIndicator.addClass(directionIndicator.data(\"asc\"));\r\n }\r\n directionIndicator.off(\"click\", changeDirection).on(\"click\", changeDirection);\r\n };\r\n let moveField = function (evt) {\r\n let field = $(evt.currentTarget);\r\n let orderDown = true;\r\n if (field.hasClass(\"changeOrderUp\")) {\r\n orderDown = false;\r\n }\r\n\r\n let listElement = field.closest(listElementClass);\r\n if (!orderDown) {\r\n let previousElement = listElement.prev(listElementClass);\r\n let prevOrder = previousElement.data(\"order\");\r\n let currOrder = listElement.data(\"order\");\r\n\r\n listElement.data(\"order\", prevOrder);\r\n previousElement.data(\"order\", currOrder);\r\n\r\n previousElement.before(listElement);\r\n } else {\r\n let nextElement = listElement.next(listElementClass);\r\n nextElement.after(listElement);\r\n }\r\n changeOrderVisibility(listElement);\r\n };\r\n let addNewSelect = function (evt) {\r\n let plusIcon = $(evt.currentTarget);\r\n let selectItem = plusIcon.closest(listElementClass);\r\n\r\n let directionIndicator = $(\"span.directionIndicator\", selectItem);\r\n directionIndicator.addClass(directionIndicator.data(\"none\"));\r\n\r\n let ul = plusIcon.closest(\"ul\");\r\n let changeField = $(\"span.changeOrder span.glyphicon\", ul);\r\n changeField.removeClass(\"hidden\");\r\n\r\n let newSelect = selectItem.clone().attr(\"id\", \"\");\r\n let selectedOption = $(\"option[value='\" + 0 + \"']\", newSelect);\r\n selectedOption.prop(\"selected\", \"selected\");\r\n\r\n selectItem.after(newSelect);\r\n changeOrderVisibility(newSelect);\r\n };\r\n let changeSelected = function (evt) {\r\n let $selectElement = $(evt.currentTarget);\r\n let $element = $selectElement.closest(\"li.orderListElement\");\r\n let order = $element.data(\"order\");\r\n if (!order) {\r\n let $directionIndicator = $(\"span.directionIndicator\", $element);\r\n let $selectedOption = $(\"option:selected\", $selectElement);\r\n let isMetric = $selectedOption.data(\"ismetric\") === \"True\";\r\n\r\n order = isMetric ? \"DESC\" : \"ASC\";\r\n $element.data(\"order\", order);\r\n\r\n let ascClass = $directionIndicator.data(\"asc\");\r\n let descClass = $directionIndicator.data(\"desc\");\r\n let noneClass = $directionIndicator.data(\"none\");\r\n\r\n $directionIndicator.removeClass(ascClass);\r\n $directionIndicator.removeClass(descClass);\r\n $directionIndicator.removeClass(noneClass);\r\n\r\n if (order === \"ASC\") {\r\n $directionIndicator.addClass(ascClass);\r\n } else if (order === \"DESC\") {\r\n $directionIndicator.addClass(descClass);\r\n }\r\n }\r\n };\r\n let changeOrderVisibility = function (listElement) {\r\n let listElements = $(listElementClass, listElement.closest(\"ul\"));\r\n let changeField = $(\"span.changeOrder span.glyphicon\", listElements);\r\n if (listElements.length === 1) {\r\n changeField.addClass(\"hidden\");\r\n }\r\n\r\n $.each(listElements,\r\n function (index, element) {\r\n let $element = $(element);\r\n let upField = $(\"span.glyphicon.changeOrderUp\", $element);\r\n let downField = $(\"span.glyphicon.changeOrderDown\", $element);\r\n let removeField = $(\"span.remove\", $element);\r\n let order = $element.data(\"order\");\r\n let directionIndicator = $(\"span.directionIndicator\", $element);\r\n let selectElement = $(\"select\", $element);\r\n let plusIcon = $(\"span.glyphicon-plus \", $element);\r\n\r\n plusIcon.attr(\"id\", \"\");\r\n plusIcon.off();\r\n directionIndicator.off();\r\n upField.off();\r\n downField.off();\r\n removeField.off();\r\n selectElement.off();\r\n\r\n let ascClass = directionIndicator.data(\"asc\");\r\n let descClass = directionIndicator.data(\"desc\");\r\n let noneClass = directionIndicator.data(\"none\");\r\n\r\n directionIndicator.removeClass(ascClass);\r\n directionIndicator.removeClass(descClass);\r\n directionIndicator.removeClass(noneClass);\r\n\r\n if (order === \"ASC\") {\r\n directionIndicator.addClass(directionIndicator.data(\"asc\"));\r\n } else if (order === \"DESC\") {\r\n directionIndicator.addClass(directionIndicator.data(\"desc\"));\r\n } else {\r\n directionIndicator.addClass(noneClass);\r\n }\r\n\r\n //Remove ALL events from direction indicator;\r\n\r\n let label = $(\"label span.labelText\", element);\r\n let lastIndex = listElements.length - 1;\r\n\r\n if (index === 0) {\r\n label.text(\"Order By \");\r\n\r\n downField.css(\"visibility\", \"\");\r\n downField.on(\"click\", moveField);\r\n\r\n upField.css(\"visibility\", \"hidden\");\r\n } else if (index === lastIndex) {\r\n label.text(\"Then By \");\r\n upField.css(\"visibility\", \"\");\r\n upField.on(\"click\", moveField);\r\n downField.css(\"visibility\", \"hidden\");\r\n } else {\r\n label.text(\"Then By \");\r\n upField.css(\"visibility\", \"\");\r\n downField.css(\"visibility\", \"\");\r\n upField.on(\"click\", moveField);\r\n downField.on(\"click\", moveField);\r\n }\r\n\r\n downField.removeClass(\"hidden\");\r\n upField.removeClass(\"hidden\");\r\n directionIndicator.on(\"click\", changeDirection);\r\n removeField.on(\"click\", removeOrderField);\r\n plusIcon.on(\"click\", addNewSelect);\r\n selectElement.on(\"change\", changeSelected);\r\n });\r\n };\r\n\r\n let modal = $(this);\r\n let modalBody = modal.find(\"div.modal-body\");\r\n\r\n let newSortFieldBtn = $(` Add order field = undefined) {\r\n if (!context)\r\n context = getParentContext();\r\n filtersManager.setup(context,\r\n \"ul.tabFilterNav li.filterList\",\r\n \"ul.tabFilterNav li.filterContextContainer\",\r\n null, undefined\r\n );\r\n\r\n };\r\n\r\n var getParentContext = function () {\r\n return irGlobal.getParentContext();\r\n };\r\n\r\n var addReportSelectorEvents = function (context = undefined) {\r\n let formatState = function (state) {\r\n var $currentElement = $(state.element);\r\n if ($currentElement.attr(\"hidden\")) return null;\r\n var content = $currentElement.data(\"content\");\r\n if (!content) {\r\n return state.text;\r\n }\r\n\r\n return $(content);\r\n }\r\n\r\n if (!context) context = getParentContext();\r\n $(\"select#AnalyzeByReports\", context)\r\n .off(\"change\", analyzeByChanged).on(\"change\", analyzeByChanged);\r\n $(\"select#GroupByReports\", context)\r\n .off(\"change\", groupByChanged).on(\"change\",\r\n groupByChanged);\r\n ($(\"select.select2\") as any).select2({\r\n theme: \"bootstrap\",\r\n templateResult: formatState,\r\n templateSelection: formatState,\r\n width: '200px',\r\n dropdownCssClass: \"reportSelectorDrop\"\r\n }).maximizeSelect2Height();\r\n $(\"select.select2\").on('keydown', function (evt) {\r\n evt.preventDefault();\r\n });\r\n };\r\n\r\n var changeToDesigner = function (evt) {\r\n const url = urlConfigs.tabs + \"ShowDesignForResults\";\r\n let hideSettingsReportDesigner = false;\r\n if ($(window).width() < 1600) {\r\n if ($(\"#drawer\").dxDrawer(\"instance\").option(\"opened\")) {\r\n $(\"#drawer\").dxDrawer(\"instance\").option(\"opened\", false);\r\n $(\"#drawer\").attr(\"needToOpen\", true as any);\r\n }\r\n hideSettingsReportDesigner = true;\r\n }\r\n irGlobal.updateFromServer(evt,\r\n url,\r\n null,\r\n function (data) {\r\n tabView.updateTabView(data);\r\n if (hideSettingsReportDesigner) {\r\n reportDesigner.settingsReportButtonClick();\r\n }\r\n },\r\n null,\r\n true);\r\n };\r\n\r\n var openReportSettings = function (evt) {\r\n let settingsDiv = $(\"div.tab-report-settings\");\r\n let resultsDiv = $(\"div#Results div.resultsTableContainer\");\r\n if (settingsDiv.hasClass(\"hidden\")) {\r\n settingsDiv.height(resultsDiv.height() - 2);\r\n settingsDiv.removeClass(\"hidden\");\r\n resultsDiv.addClass(\"tab-report-settings-opened\");\r\n }\r\n else {\r\n settingsDiv.addClass(\"hidden\");\r\n resultsDiv.removeClass(\"tab-report-settings-opened\");\r\n }\r\n\r\n if (reportType() === ReportTypeStrEnum.Pivot) {\r\n pivotGrid.getPivotGridInstance().repaint()\r\n }\r\n };\r\n var resizeReportSettings = function () {\r\n let settingsDiv = $(\"div.tab-report-settings\");\r\n let resultsDiv = $(\"div#Results div.resultsTableContainer\");\r\n if (!settingsDiv.hasClass(\"hidden\")) {\r\n settingsDiv.height(resultsDiv.height() - 2);\r\n }\r\n }\r\n\r\n var changePivotVisibility = function (disable) {\r\n if (disable) {\r\n $(\"select#TopBottomSelect, select#AnalyzeByReports\").attr(\"disabled\", \"disabled\");\r\n }\r\n else {\r\n $(\"select#TopBottomSelect, select#AnalyzeByReports\").removeAttr(\"disabled\");\r\n }\r\n }\r\n\r\n var adjustReportTypeTitle = function () {\r\n let title = $(\"select#ReportType\").val() as any;\r\n $(\"select#ReportType\").siblings(\"button\").attr(\"title\", title);\r\n }\r\n\r\n function ViewModel() {\r\n var self = this;\r\n self.switching = false;\r\n self.reportType = ko.observable(reportType());\r\n self.groupBy = ko.observable(groupBy());\r\n self.workbookEditingMode = ko.computed(function () { return workbookViewModel.editing(); });\r\n self.updateValues = function () {\r\n self.reportType(reportType());\r\n self.groupBy(groupBy());\r\n };\r\n self.switchAnalyzeByAndGroupBy = function () {\r\n self.switching = true;\r\n analyzeByChanged({});\r\n };\r\n self.switchAnalyzeByAndGroupByToolTip = ko.computed(function () {\r\n return this.reportType() === ReportTypeStrEnum.Pivot ? \"Switch Analyze By and Columns\" : \"Switch Analyze By and Group By\";\r\n }, self);\r\n self.switchAnalyzeByAndGroupByEnable = ko.computed(function () {\r\n return this.groupBy() !== \"0\";\r\n }, self);\r\n\r\n self.groupByText = ko.computed(function () {\r\n return this.reportType() === ReportTypeStrEnum.Pivot ? \"Vs\" : \"Group By\";\r\n }, self);\r\n };\r\n\r\n var vm;\r\n\r\n var setup = function () {\r\n var context = getParentContext();\r\n if (context.attr(\"data-mode\") !== undefined) {\r\n context.attr(\"data-mode\", reportType());\r\n }\r\n\r\n irGlobal.showEmailPopup(\"a.emailButton\");\r\n var mainOptions = $(\"div.reportContent div.main-options #ReportOptions\")[0];\r\n var koData = ko.dataFor(mainOptions);\r\n if (!!koData)\r\n koData.updateValues();\r\n else {\r\n vm = new ViewModel();\r\n ko.applyBindings(vm, mainOptions);\r\n }\r\n\r\n let toolButtons = $(\"div.reportContent div.main-options #ToolButtons\")[0];\r\n let toolButtonsData = ko.dataFor(toolButtons);\r\n if (!toolButtonsData) {\r\n tabView.applyWorkbookBinding(toolButtons);\r\n }\r\n\r\n let advancedOptions = $(\"div.reportContent #AdvancedOptions #DrilldownReportsList\")[0];\r\n let advancedOptionsData = ko.dataFor(advancedOptions);\r\n if (!advancedOptionsData) {\r\n tabView.applyWorkbookBinding(advancedOptions);\r\n }\r\n\r\n var notToggleToggles = $(\"[data-toggle='toggle']\", context).parent().not(\"div.toggle-group\")\r\n .find(\"input[data-toggle='toggle']\") as any;\r\n //so if we have and toggles in this tab NOT setup.\r\n if (notToggleToggles.length > 0) {\r\n notToggleToggles.bootstrapToggle();\r\n }\r\n irGlobal.setup();\r\n\r\n $(\"button#DesignButton\", context).off(\"click\", changeToDesigner).on(\"click\", changeToDesigner);\r\n $(\"button#EditReportButton\", context).off(\"click\", openReportSettings).on(\"click\", openReportSettings);\r\n\r\n populateOrderSelect();\r\n\r\n var mediaQueryList = window.matchMedia(\"print\");\r\n mediaQueryList.addListener(function (mql) {\r\n if (mql.matches) {\r\n $(\"#Results > div > table\").width(0);\r\n } else {\r\n //report.addDrilldownClick(context);\r\n setupOrderHeaders();\r\n setupPivotMetrics();\r\n populateOrderSelect();\r\n }\r\n });\r\n setupDisplayTypeChanged();\r\n\r\n addDrilldownActions();\r\n\r\n setupPivotMetrics();\r\n\r\n setupDefaultFilterBehaviours(context);\r\n filtersManager.checkFiltersErrors(context);\r\n $(\"div#GroupContainer span.remove\", context).off(\"click\", removeGroupBy).on(\"click\", removeGroupBy);\r\n\r\n renderChart();\r\n setupOrderHeaders();\r\n populateTopBottomSelect();\r\n\r\n addReportSelectorEvents(context);\r\n $(\"button#HideTools\").off(\"click\").on(\"click\", function () {\r\n var $toolButtons = $(\"li#ToolButtons\") as any;\r\n var right = -260;\r\n var isSlid = false;\r\n if ($toolButtons.hasClass(\"slid\")) {\r\n isSlid = true;\r\n right = 0;\r\n }\r\n $toolButtons.animate({\r\n\r\n right: right //some unimportant CSS to animate so we get some values\r\n },\r\n {\r\n step: function (now, fx) {\r\n var clip = 300 + now;\r\n //now is the animated value from initial css value\r\n $(\"li#ToolButtons\").css('clip', 'rect(0px,' + clip + 'px,50px,0px)');\r\n },\r\n complete: function () {\r\n irGlobal.toggleSimpleChevron($(\"button#HideTools\"));\r\n $toolButtons.toggleClass(\"slid\");\r\n }\r\n }, 200\r\n );\r\n });\r\n\r\n report.setup(context);\r\n adjustReportTypeTitle();\r\n };\r\n\r\n // Used for printing to HTML / PDF\r\n var htmlOutputSetup = function (context, isExcelPrinting) {\r\n if (!context) {\r\n context = $(\"body\");\r\n }\r\n $(\"div.reportContent\", context).each(function () {\r\n report.setup($(this), true, isExcelPrinting);\r\n });\r\n };\r\n\r\n return {\r\n updateOutput: updateOutput,\r\n updateConfig: updateConfig,\r\n addReportSelectorEvents: addReportSelectorEvents,\r\n getReportConfig: getReportConfig,\r\n setup: setup,\r\n getDrilldownId: getDrilldownId,\r\n updateChartType: updateChartType,\r\n setupDefaultFilterBehaviours: setupDefaultFilterBehaviours,\r\n renderChart: renderChart,\r\n htmlOutputSetup: htmlOutputSetup,\r\n\r\n persistOrderChange: persistOrderChange,\r\n popupAdditionalOrderSelect: popupAdditionalOrderSelect,\r\n dobounceReflow: dobounceReflow,\r\n drilldownIsPossible: drilldownIsPossible,\r\n getTabBaseObject: getTabBaseObject,\r\n reportType: reportType,\r\n\r\n\r\n openReportSettings: openReportSettings,\r\n addDrilldownActions: addDrilldownActions,\r\n enableDisabledDrilldown: enableDisabledDrilldown,\r\n addChartFilterDrilldown: addChartFilterDrilldown,\r\n updateOutputAfterDrilldown: updateOutputAfterDrilldown,\r\n\r\n populateOrderSelect: populateOrderSelect,\r\n populateTopBottomSelect: populateTopBottomSelect\r\n };\r\n}\r\n)();\r\n","declare var widgetReport: any;\r\ndeclare var widgetPivot: any;\r\n\r\nvar widgetDesigner = (function () {\r\n\r\n var onTabSelection = null;\r\n var setTabSelection = function (callback) {\r\n onTabSelection = callback;\r\n }\r\n\r\n var updateNames = function (widgetType, vm) {\r\n\r\n if (vm.isNamesUpdated)\r\n return;\r\n\r\n switch (widgetType) {\r\n case WidgetTypeEnum.KPI:\r\n widgetKPI.updateNames(vm);\r\n break;\r\n case WidgetTypeEnum.Chart:\r\n widgetChart.updateNames(vm);\r\n break;\r\n case WidgetTypeEnum.Filter:\r\n widgetFilter.updateNames(vm);\r\n break;\r\n case WidgetTypeEnum.TreeMap:\r\n widgetTreeMap.updateNames(vm);\r\n break;\r\n case WidgetTypeEnum.Map:\r\n widgetMap.updateNames(vm);\r\n break;\r\n case WidgetTypeEnum.Gauge:\r\n widgetGauge.updateNames(vm);\r\n break;\r\n default:\r\n }\r\n\r\n vm.isNamesUpdated = true;\r\n };\r\n\r\n var setupWidget = function (dashboardWidget, vm, htmlOutput: boolean = false) {\r\n let widgetContainer = $(dashboardWidget).closest(\".widgetContainer\");\r\n let widgetType = widgetContainer.data(\"widgettype\");\r\n\r\n let tabs = $(\".widget-designer-tabs\", \"#DashboardSettingsPanel\").dxTabs(\"instance\");\r\n if (tabs)\r\n tabs.repaint();\r\n\r\n\r\n if (widgetType === WidgetTypeEnum.KPI) {\r\n let select = $(\"select.predefiniedDateRange.ir-selectpicker\", \"#DashboardSettingsPanel\")\r\n select.off(\"shown.bs.select\").on(\"shown.bs.select\", function (evt) {\r\n let divPopover = $(\".dropdown-menu.open\", select.parent());\r\n let parent = select.parent().get(0).getBoundingClientRect();\r\n divPopover.css({ \"position\": \"fixed\", \"left\": `${parent.left}px`, \"top\": `${parent.bottom}px` });\r\n if (divPopover.position().left + divPopover.outerWidth() > $(window).width()) {\r\n divPopover.css(\"right\", \"0px\").css(\"left\", \"unset\");\r\n }\r\n });\r\n }\r\n\r\n updateNames(widgetType, vm);\r\n };\r\n\r\n var setupViewModel = function (widgetContainer, vm, htmlOutput) {\r\n if (!htmlOutput) {\r\n htmlOutput = false;\r\n }\r\n\r\n vm.isSetupWidget = true;\r\n\r\n let widgetType = vm.widgetType();\r\n\r\n if (!vm.config.appearance.backgroundColor)\r\n vm.config.appearance.backgroundColor = ko.observable(\"\");\r\n\r\n if (vm.config.allowDetailTab && vm.config.allowDetailTab())\r\n vm.tabName = ko.observable(tabView.getTabName(vm.config.tabDetailId()));\r\n else\r\n vm.tabName = ko.observable(\"\");\r\n\r\n vm.tabNameTextBoxOptions = {\r\n value: vm.tabName,\r\n width: 150,\r\n readOnly: true,\r\n };\r\n\r\n vm.tabNamePopoverButtonOptions = {\r\n icon: \"bi bi-chat-left-dots\",\r\n hint: \"Choose a Tab for details\",\r\n onClick: function (e) {\r\n widgetDesigner.setTabSelection(function (selectedTab) {\r\n vm.config.tabDetailId(selectedTab.id);\r\n vm.tabName(selectedTab.name);\r\n let tabDetailButton = $(`.dashboardWidget[data-widgetid=\"${e.model.widgetId()}\"]`).closest(\".widgetContainer\").find(\".tab-detail-button\");\r\n tabDetailButton.removeClass(\"hidden\");\r\n $(\"#popover-tabs\").dxPopover(\"instance\").hide();\r\n });\r\n widgetDesigner.showTabsPopover($(e.element).siblings(\".dx-textbox\"));\r\n }\r\n };\r\n\r\n vm.tabNameRemoveButtonOptions = {\r\n icon: \"bi bi-x-circle\",\r\n hint: \"Remove the Tab\",\r\n onClick: function (e) {\r\n vm.config.tabDetailId(0);\r\n vm.tabName(null);\r\n let tabDetailButton = $(`.dashboardWidget[data-widgetid=\"${e.model.widgetId()}\"]`).closest(\".widgetContainer\").find(\".tab-detail-button\");\r\n tabDetailButton.addClass(\"hidden\");\r\n }\r\n };\r\n\r\n vm.config.onWidgetChangedWidth = function (e) {\r\n const dashboardWidth = $(\"div#DashboardDesignerResizer\").width();\r\n if (e.value + e.model.layout.left() > dashboardWidth) {\r\n e.component.option(\"value\", e.value - (e.value + e.model.layout.left() - dashboardWidth));\r\n }\r\n };\r\n vm.config.onWidgetChangedLeft = function (e) {\r\n const dashboardWidth = $(\"div#DashboardDesignerResizer\").width();\r\n if (e.value + e.model.layout.width() > dashboardWidth) {\r\n e.component.option(\"value\", e.value - (e.value + e.model.layout.width() - dashboardWidth));\r\n }\r\n };\r\n\r\n vm.config.onWidgetChangedHeight = function (e) {\r\n const dashboardHeight = $(\"div#DashboardDesignerResizer\").height();\r\n if (e.value + e.model.layout.top() > dashboardHeight) {\r\n e.component.option(\"value\", e.value - (e.value + e.model.layout.top() - dashboardHeight));\r\n }\r\n };\r\n vm.config.onWidgetChangedTop = function (e) {\r\n const dashboardHeight = $(\"div#DashboardDesignerResizer\").height();\r\n if (e.value + e.model.layout.height() > dashboardHeight) {\r\n e.component.option(\"value\", e.value - (e.value + e.model.layout.height() - dashboardHeight));\r\n }\r\n };\r\n\r\n vm.tab = ko.observable(0);\r\n vm.tabsOptions = {\r\n selectedIndex: vm.tab,\r\n showNavButtons: false,\r\n dataSource: [\r\n {\r\n id: 99,\r\n text: \"General\",\r\n icon: \"bi bi-sliders\",\r\n content: \"General Widget Settings\"\r\n },\r\n ],\r\n }\r\n\r\n switch (widgetType) {\r\n case WidgetTypeEnum.KPI:\r\n widgetKPI.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Chart:\r\n widgetChart.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Filter:\r\n widgetFilter.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Report:\r\n widgetReport.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Pivot:\r\n widgetPivot.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.TreeMap:\r\n widgetTreeMap.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Map:\r\n widgetMap.setupViewModel(vm, widgetContainer);\r\n break;\r\n case WidgetTypeEnum.Gauge:\r\n widgetGauge.setupViewModel(vm, widgetContainer);\r\n break;\r\n default:\r\n }\r\n\r\n vm.isSetupWidget = false;\r\n };\r\n\r\n var showTabsPopover = function (target) {\r\n $(\"#popover-tabs\").dxPopover(\"instance\").show(target);\r\n };\r\n\r\n var prepareTabPopover = function () {\r\n let tabsListOptions = {\r\n dataSource: [],\r\n height: \"100%\",\r\n itemTemplate: function (data, index) {\r\n let result = $(`\r\n\r\n ${data.icon} \r\n ${data.name} \r\n
\r\n`);\r\n\r\n return result;\r\n },\r\n onItemClick: function (e) {\r\n if (onTabSelection)\r\n onTabSelection(e.itemData);\r\n },\r\n };\r\n\r\n let tabPopoverOptions = {\r\n title: \"Tab selection\",\r\n showTitle: true,\r\n target: \"#tabsPopoverTarget\",\r\n position: \"left\",\r\n height: 500,\r\n width: 300,\r\n onShown: function (e) {\r\n const tabs = tabView.getTabList().filter(function (x) { return x.tabType !== \"Dashboard\"; });\r\n tabsListOptions.dataSource = tabs;\r\n $(\"#tabListSelection\").dxList(tabsListOptions);\r\n },\r\n };\r\n\r\n $(\"#popover-tabs\").dxPopover(tabPopoverOptions as any);\r\n };\r\n\r\n var setup = function (callback) {\r\n let countCallback = 0;\r\n let whenFinished = function () {\r\n countCallback++;\r\n if (countCallback === 2) {\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n };\r\n mappingDataSource.prepareDataSourcePopover(whenFinished);\r\n prepareTabPopover();\r\n formattingRule.setup(whenFinished);\r\n };\r\n\r\n return {\r\n setup: setup,\r\n setupWidget: setupWidget,\r\n setupViewModel: setupViewModel,\r\n updateNames: updateNames,\r\n showTabsPopover: showTabsPopover,\r\n setTabSelection: setTabSelection,\r\n };\r\n}());","declare var urlConfigs: any;\r\n\r\nclass FormattingRule {\r\n id: number;\r\n name: string;\r\n scales: Array;\r\n startValue: number; //just to show the gauge properly\r\n endValue: number; //just to show the gauge properly\r\n config: FormattingRuleConfig;\r\n externalId: number;\r\n dxLinearGaugeOptions: any;\r\n organisationId: number;\r\n companyId: number;\r\n\r\n constructor(createDefault: boolean, name: string = \"New Formatting Rule\", object: any = null, createNewIdForObject: boolean = false) {\r\n this.id = 0;\r\n this.name = name;\r\n this.startValue = 0;\r\n this.endValue = 100;\r\n this.externalId = 0;\r\n this.config = new FormattingRuleConfig();\r\n this.scales = [];\r\n this.organisationId = null;\r\n this.companyId = null;\r\n\r\n if (createDefault) {\r\n this.scales.push(new FormattingRuleScales(this, \"Bad\", \"#D64554\", 0));\r\n this.scales.push(new FormattingRuleScales(this, \"Neutral\", \"#D9B300\", 50));\r\n this.scales.push(new FormattingRuleScales(this, \"Good\", \"#1AAB40\", 100));\r\n }\r\n\r\n if (object) {\r\n this.copyProperties(object, this);\r\n if (createNewIdForObject)\r\n this.id = 0;\r\n }\r\n else\r\n this.id = 0;\r\n\r\n this.calculateMaxMinValues();\r\n }\r\n\r\n copyProperties(fromObject, toObject) {\r\n formattingRule.copyProperties(fromObject, toObject);\r\n }\r\n\r\n save(newFormattingRule: boolean = false, sucessCallback: Function = null, failureCallback: Function = null) {\r\n var model = {\r\n newFormattingRule: newFormattingRule,\r\n formattingRule: this,\r\n };\r\n this.scales = this.scales.sort(this.sortScalesByMinValue);\r\n var url = urlConfigs.formattingRules + \"Save\";\r\n irGlobal.updateFromServer({}, url, model, function (data) {\r\n if (model.newFormattingRule) {\r\n model.formattingRule.id = data.id;\r\n }\r\n\r\n if (sucessCallback) {\r\n sucessCallback(data);\r\n }\r\n }.bind(this), failureCallback, true, \"POST\", true, undefined, undefined, false);\r\n this.calculateMaxMinValues();\r\n }\r\n\r\n delete(sucessCallback: Function = null, failureCallback: Function = null) {\r\n var model = { id: this.id };\r\n var url = urlConfigs.formattingRules + \"Delete\";\r\n irGlobal.updateFromServer({}, url, model, sucessCallback, failureCallback, true, \"POST\", true, undefined, undefined, false);\r\n }\r\n\r\n sortScalesByMinValue(firstEl, secondEl) {\r\n if (firstEl.minValue > secondEl.minValue)\r\n return 1;\r\n else\r\n return firstEl.minValue < secondEl.minValue ? - 1 : 0;\r\n };\r\n\r\n calculateMaxMinValues() {\r\n let self = this;\r\n self.scales.forEach(function (scale: FormattingRuleScales, index: number) {\r\n if (index === 0)\r\n self.startValue = scale.minValue;\r\n scale.startValue = scale.minValue;\r\n scale.endValue = index === self.scales.length - 1\r\n ? scale.minValue + (scale.minValue - self.startValue) / index\r\n : self.scales[index + 1].minValue;\r\n self.endValue = scale.endValue;\r\n });\r\n\r\n self.dxLinearGaugeOptions = {\r\n size: {\r\n width: 249,\r\n },\r\n title: {\r\n font: {\r\n size: 14,\r\n },\r\n text: self.name,\r\n },\r\n scale: {\r\n startValue: self.startValue,\r\n endValue: self.endValue,\r\n tickInterval: 10,\r\n tick: {\r\n color: \"#536878\"\r\n },\r\n label: {\r\n indentFromTick: -3\r\n }\r\n },\r\n rangeContainer: {\r\n offset: 10,\r\n ranges: self.scales,\r\n },\r\n };\r\n }\r\n}\r\n\r\nclass FormattingRuleScales {\r\n id: number;\r\n name: string;\r\n color: string;\r\n minValue: number;\r\n startValue: number;\r\n endValue: number;\r\n icon: string;\r\n backgroundColor: string;\r\n fontColor: string;\r\n\r\n constructor(formattingRule: FormattingRule = null, name: string = \"\", color: string = \"\", minValue: number = 0, icon: string = \"square-fill\", backgroundColor: string = \"\", fontColor: string = \"\") {\r\n let self = this;\r\n\r\n this.id = 0;\r\n this.name = name;\r\n this.color = color;\r\n this.minValue = minValue;\r\n this.startValue = 0;\r\n this.endValue = 0;\r\n this.icon = icon;\r\n this.backgroundColor = backgroundColor;\r\n this.fontColor = fontColor;\r\n if (formattingRule) {\r\n formattingRule.scales.forEach(function (scale) {\r\n if (self.id < scale.id)\r\n self.id = scale.id;\r\n });\r\n self.id = self.id + 1;\r\n }\r\n }\r\n}\r\n\r\nclass FormattingRuleConfig {\r\n applyRow: boolean;\r\n\r\n constructor(applyRow: boolean = false) {\r\n this.applyRow = applyRow;\r\n }\r\n}\r\n\r\nclass FormattingRuleViewModel {\r\n dataGridOptions: any;\r\n scalesDataGridOptions: any;\r\n view: string;\r\n formattingRules: Array;\r\n buttonOptions: any;\r\n organisations: Array;\r\n companies: Array;\r\n multiTenant: boolean;\r\n organisationId: number;\r\n}\r\n\r\nvar formattingRule = (function () {\r\n\r\n var getFormattingRules = function (allFormattingRules: boolean, callback: Function) {\r\n let createFormattingRules = function (formattingRules, data) {\r\n let newRules: Array = [];\r\n formattingRules.forEach(function (rule) {\r\n let newRule = new FormattingRule(false, null, rule);\r\n newRules.push(newRule);\r\n });\r\n\r\n formattingRuleViewModel.formattingRules = newRules;\r\n if (data) {\r\n formattingRuleViewModel.view = data.view;\r\n\r\n data.organisations.splice(0, 0, { id: 0, name: \" \" });\r\n data.companies.splice(0, 0, { id: 0, name: \" \", organisationId: 0 });\r\n\r\n formattingRuleViewModel.organisations = data.organisations;\r\n formattingRuleViewModel.companies = data.companies;\r\n formattingRuleViewModel.multiTenant = data.multiTenant;\r\n formattingRuleViewModel.organisationId = data.organisationId;\r\n }\r\n\r\n callback();\r\n }\r\n\r\n let formattingRulesConfig = $(\"body\").data(\"formattingrulesconfightml\");\r\n if (formattingRulesConfig) {\r\n createFormattingRules(formattingRulesConfig, null);\r\n }\r\n else {\r\n let url = urlConfigs.formattingRules + \"GetList\";\r\n let sucessCallback = function (data) {\r\n createFormattingRules(data.formattingRules, data)\r\n };\r\n irGlobal.updateFromServer({}, url, { allFormattingRules: allFormattingRules }, sucessCallback, null, true, \"POST\", true);\r\n }\r\n }\r\n\r\n var copyProperties = function (fromObject, toObject) {\r\n for (let property in fromObject) {\r\n if (toObject.hasOwnProperty(property) && fromObject[property] !== undefined) {\r\n let fromValue = typeof fromObject[property] === \"function\" ? fromObject[property]() : fromObject[property];\r\n if (Array.isArray(fromValue))\r\n fromValue = [];\r\n else if (typeof fromValue === \"object\")\r\n fromValue = {};\r\n\r\n if (typeof toObject[property] === \"function\")\r\n toObject[property](fromValue);\r\n else\r\n toObject[property] = fromValue;\r\n }\r\n }\r\n if (fromObject.scales) {\r\n fromObject.scales.sort(toObject.sortScalesByMinValue).forEach(function (fromScale) {\r\n let toScale = new FormattingRuleScales();\r\n copyProperties(fromScale, toScale);\r\n toObject.scales.push(toScale);\r\n });\r\n }\r\n if (fromObject.config) {\r\n let config = new FormattingRuleConfig();\r\n copyProperties(fromObject.config, config);\r\n toObject.config = config;\r\n }\r\n }\r\n\r\n var colorEditorTemplate = function (cellElement, cellInfo) {\r\n let div = $(\"\") as any;\r\n return div.dxColorBox({\r\n value: cellInfo.value,\r\n editAlphaChannel: true,\r\n onValueChanged: function (e) {\r\n if (e.previousValue !== e.value)\r\n cellInfo.setValue(e.value);\r\n }\r\n });\r\n };\r\n\r\n var colorCellTemplate = function (container, options) {\r\n let div = $(`
`);\r\n div.appendTo(container);\r\n };\r\n\r\n var getColor = function (color: string, defaultColor: string = \"unset\") {\r\n if (!color || color.toLowerCase() === \"transparent\") {\r\n return defaultColor;\r\n }\r\n\r\n return color;\r\n }\r\n\r\n var formattingRuleViewModel: FormattingRuleViewModel = null;\r\n\r\n var getFormattingRuleViewModel = function () {\r\n return formattingRuleViewModel;\r\n }\r\n\r\n var onFormattingRuleSelected = null;\r\n var onFormattingRulePopoverHidding = null;\r\n\r\n var loadFormattingRuleViewModel = function (allFormattingRules: boolean, callback: Function) {\r\n let data = ko.observableArray([]);\r\n let scalesData = ko.observableArray([]);\r\n let currentFormattingRule: KnockoutObservable
= ko.observable({});\r\n let allowEditingScale = ko.observable(true);\r\n formattingRuleViewModel = new FormattingRuleViewModel();\r\n \r\n getFormattingRules(allFormattingRules, function () {\r\n data(formattingRuleViewModel.formattingRules);\r\n if (formattingRuleViewModel.formattingRules.length > 0)\r\n scalesData(formattingRuleViewModel.formattingRules[0].scales);\r\n\r\n formattingRuleViewModel.dataGridOptions = {\r\n height: 300,\r\n dataSource: data,\r\n columns: [/*\"id\",*/\r\n {\r\n dataField: \"name\",\r\n caption: \"Name\",\r\n allowSorting: false,\r\n sortOrder: \"asc\",\r\n validationRules: [{\r\n message: \"Name is not unique\",\r\n type: 'custom',\r\n validationCallback: function (e) {\r\n let valid = formattingRuleViewModel.formattingRules.filter(function (x) { return x.name == e.value && x.id !== e.data.id; }).length == 0;\r\n return valid;\r\n }\r\n }, {\r\n type: \"custom\",\r\n validationCallback: function (v) {\r\n if (v.value === undefined || v.value === null) {\r\n return false;\r\n }\r\n\r\n if (v.value.trim() === \"\") {\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n message: \"Name is required\"\r\n }]\r\n },\r\n {\r\n dataField: \"organisationId\",\r\n caption: \"Organisation\",\r\n visible: formattingRuleViewModel.multiTenant,\r\n setCellValue(rowData, value) {\r\n this.defaultSetCellValue(rowData, value);\r\n rowData.companyId = null;\r\n },\r\n lookup: {\r\n dataSource: formattingRuleViewModel.organisations || [],\r\n displayExpr: 'name',\r\n valueExpr: 'id',\r\n }\r\n },\r\n {\r\n dataField: \"companyId\",\r\n caption: \"Company\",\r\n visible: formattingRuleViewModel.multiTenant,\r\n lookup: {\r\n dataSource(options) {\r\n return {\r\n store: formattingRuleViewModel.companies || [],\r\n filter: options.data ? [['organisationId', '=', options.data.organisationId], 'or', ['organisationId', '=', 0]] : null,\r\n };\r\n },\r\n displayExpr: 'name',\r\n valueExpr: 'id',\r\n }\r\n },\r\n {\r\n dataField: \"config.applyRow\",\r\n caption: \"Apply on Row\",\r\n width: 100,\r\n dataType: \"boolean\"\r\n },\r\n {\r\n dataField: \"externalId\",\r\n visible: false,\r\n },\r\n {\r\n type: \"buttons\",\r\n buttons: [{\r\n name: \"edit\",\r\n visible: function (e) {\r\n if (formattingRuleViewModel.multiTenant && (!e.row.data.organisationId || e.row.data.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n }, {\r\n name: \"delete\",\r\n visible: function (e) {\r\n if (formattingRuleViewModel.multiTenant && (!e.row.data.organisationId || e.row.data.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n }, {\r\n hint: \"Clone\",\r\n icon: \"copy\",\r\n visible: function (e) {\r\n return !e.row.isEditing;\r\n },\r\n onClick: function (e) {\r\n let clonedItem = new FormattingRule(false, \"\", e.row.data, true);\r\n clonedItem.name += \"- Copy\";\r\n clonedItem.externalId = 0;\r\n\r\n let newName = clonedItem.name;\r\n let countName = 1;\r\n while (formattingRuleViewModel.formattingRules.filter(function (x) { return x.name == newName; }).length > 0) {\r\n newName = `${clonedItem.name} ${countName}`;\r\n countName++;\r\n }\r\n clonedItem.name = newName;\r\n\r\n if (formattingRuleViewModel.multiTenant && (!clonedItem.organisationId || clonedItem.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n clonedItem.organisationId = formattingRuleViewModel.organisationId;\r\n }\r\n\r\n data.push(clonedItem);\r\n clonedItem.save(true, function () {\r\n e.component.option(\"focusedRowKey\", clonedItem.id);\r\n });\r\n }\r\n }\r\n ]\r\n }\r\n ],\r\n showBorders: true,\r\n editing: {\r\n mode: \"row\",\r\n allowUpdating: true,\r\n allowDeleting: true,\r\n allowAdding: true,\r\n useIcons: true,\r\n },\r\n focusedRowEnabled: true,\r\n keyExpr: \"id\",\r\n focusedRowIndex: 0,\r\n onFocusedRowChanged: function (e) {\r\n currentFormattingRule(e.row.data);\r\n scalesData(e.row.data.scales);\r\n\r\n if (formattingRuleViewModel.multiTenant) {\r\n if ((!e.row.data.organisationId || e.row.data.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n allowEditingScale(false);\r\n }\r\n else {\r\n allowEditingScale(true);\r\n }\r\n }\r\n else {\r\n allowEditingScale(true);\r\n }\r\n },\r\n onInitNewRow: function (e) {\r\n e.data = new FormattingRule(true);\r\n let newName = e.data.name;\r\n let countName = 1;\r\n while (formattingRuleViewModel.formattingRules.filter(function (x) { return x.name == newName; }).length > 0) {\r\n newName = `${e.data.name} ${countName}`;\r\n countName++;\r\n }\r\n\r\n if (formattingRuleViewModel.multiTenant && !loggedUser.permissions.pdfTemplates()) {\r\n e.data.organisationId = formattingRuleViewModel.organisationId;\r\n }\r\n\r\n e.data.name = newName;\r\n },\r\n onRowInserted: function (e) {\r\n e.data.save(true, function () {\r\n e.component.option(\"focusedRowKey\", e.data.id);\r\n });\r\n },\r\n onRowUpdated: function (e) {\r\n e.data.save();\r\n },\r\n onRowRemoving: function (e) {\r\n var deferred = $.Deferred();\r\n e.data.delete(function () {\r\n deferred.resolve();\r\n }, function (textStatus, failureText) {\r\n deferred.reject(failureText);\r\n });\r\n e.cancel = deferred.promise();\r\n },\r\n onRowRemoved: function (e) {\r\n data.remove(e.data);\r\n },\r\n onEditorPrepared: function (options) {\r\n if (formattingRuleViewModel.multiTenant && options.dataField == 'organisationId') {\r\n if (!loggedUser.permissions.pdfTemplates()) {\r\n options.editorElement.dxSelectBox('instance').option(\"disabled\", true);\r\n }\r\n else {\r\n options.editorElement.dxSelectBox('instance').option(\"disabled\", false);\r\n }\r\n }\r\n }\r\n };\r\n formattingRuleViewModel.scalesDataGridOptions = {\r\n height: 230,\r\n dataSource: scalesData,\r\n columns: [\r\n {\r\n dataField: \"name\",\r\n caption: \"Name\",\r\n allowSorting: false,\r\n },\r\n {\r\n dataField: \"fontColor\",\r\n caption: \"Font Color\",\r\n allowSorting: false,\r\n //validationRules: [{ type: \"required\" }],\r\n spectrum: true,\r\n //editCellTemplate: colorEditorTemplate,\r\n cellTemplate: colorCellTemplate,\r\n },\r\n {\r\n dataField: \"backgroundColor\",\r\n caption: \"Background\",\r\n allowSorting: false,\r\n spectrum: true,\r\n //editCellTemplate: colorPickerTemplate,\r\n cellTemplate: colorCellTemplate,\r\n },\r\n {\r\n dataField: \"icon\",\r\n caption: \"Icon\",\r\n allowSorting: false,\r\n validationRules: [{ type: \"required\" }],\r\n editCellTemplate: function (cellElement, cellInfo) {\r\n let div = $(\"\") as any;\r\n return div.dxLookup({\r\n dataSource: iconOptions,\r\n displayExpr: \"text\",\r\n valueExpr: \"value\",\r\n value: cellInfo.value,\r\n searchEnabled: false,\r\n dropDownOptions: {\r\n height: 200,\r\n closeOnOutsideClick: true,\r\n showCloseButton: false,\r\n showTitle: false\r\n },\r\n itemTemplate: function (data) {\r\n if (data.value === \"none\") {\r\n return `
No icon
`\r\n }\r\n\r\n return `
`;\r\n },\r\n fieldTemplate: function (data) {\r\n if (data.value === \"none\") {\r\n return `
No icon
`\r\n }\r\n\r\n return `
`;\r\n },\r\n onValueChanged: function (e) {\r\n if (e.previousValue !== e.value)\r\n cellInfo.setValue(e.value);\r\n }\r\n });\r\n },\r\n cellTemplate: function (container, options) {\r\n let div = $(`
`);\r\n div.appendTo(container);\r\n }\r\n },\r\n {\r\n dataField: \"color\",\r\n caption: \"Icon Color\",\r\n allowSorting: false,\r\n //validationRules: [{ type: \"required\" }],\r\n spectrum: true,\r\n //editCellTemplate: colorEditorTemplate,\r\n cellTemplate: colorCellTemplate,\r\n setCellValue: function (rowData, value, currentRowData) {\r\n rowData.color = value;\r\n rowData.icon = rowData.icon || currentRowData.icon;\r\n },\r\n },\r\n {\r\n dataField: \"minValue\",\r\n caption: \"Min. Value\",\r\n allowSorting: false,\r\n sortOrder: \"asc\",\r\n validationRules: [{ type: \"required\" }],\r\n }\r\n ],\r\n showBorders: true,\r\n editing: {\r\n mode: \"row\",\r\n allowUpdating: allowEditingScale,\r\n allowDeleting: allowEditingScale,\r\n allowAdding: allowEditingScale,\r\n useIcons: true,\r\n },\r\n focusedRowEnabled: true,\r\n keyExpr: \"id\",\r\n onInitNewRow: function (e) {\r\n e.data = new FormattingRuleScales(currentFormattingRule());\r\n },\r\n onRowInserting: function (e) {\r\n if (currentFormattingRule() && currentFormattingRule().id <= 0) {\r\n e.cancel = true;\r\n DevExpress.ui.dialog.alert(\"Save the formatting rule first\", \"Formatting Rules\");\r\n }\r\n },\r\n onRowRemoving: function (e) {\r\n if (currentFormattingRule() && currentFormattingRule().id <= 0) {\r\n e.cancel = true;\r\n DevExpress.ui.dialog.alert(\"Save the formatting rule first\", \"Formatting Rules\");\r\n }\r\n },\r\n onRowUpdating: function (e) {\r\n if (currentFormattingRule() && currentFormattingRule().id <= 0) {\r\n e.cancel = true;\r\n DevExpress.ui.dialog.alert(\"Save the formatting rule first\", \"Formatting Rules\");\r\n }\r\n },\r\n onRowInserted: function (e) {\r\n currentFormattingRule().save();\r\n e.component.option(\"focusedRowKey\", e.data.id);\r\n },\r\n onRowUpdated: function (e) {\r\n currentFormattingRule().save();\r\n },\r\n onRowRemoved: function (e) {\r\n currentFormattingRule().save();\r\n },\r\n onEditorPreparing: function (e) {\r\n if (e.parentType === 'dataRow' && e.spectrum) {\r\n let input = $(`
`) as any;\r\n input.appendTo(e.editorElement);\r\n input.spectrum({\r\n type: \"color\",\r\n color: e.value,\r\n hideAfterPaletteSelect: \"true\",\r\n showInitial: true,\r\n showAlpha: false,\r\n allowEmpty: true,\r\n showInput: true,\r\n appendTo: \"body\",\r\n change: function (color) {\r\n if (color)\r\n e.setValue(color.toHexString());\r\n else\r\n e.setValue(\"\");\r\n }\r\n });\r\n e.editorElement.css(\"text-align\", \"center\");\r\n $(\".sp-replacer.sp-light\", e.editorElement).css(\"width\", \"40px\").css(\"height\", \"25px\");\r\n $(\".sp-dd\", e.editorElement).css(\"line-height\", \"25px\");\r\n\r\n e.cancel = true;\r\n }\r\n }\r\n };\r\n formattingRuleViewModel.buttonOptions = {\r\n onClick: function (model) {\r\n if (onFormattingRuleSelected)\r\n onFormattingRuleSelected({ model: model });\r\n },\r\n };\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n };\r\n\r\n var prepareList = function () {\r\n let listVM = {\r\n formattingRules: ko.observableArray(),\r\n gaugeClick: formattingRuleViewModel.buttonOptions.onClick\r\n };\r\n\r\n let viewModel = {\r\n popoverOptions: {\r\n target: \"#popoverListTarget\",\r\n position: \"left\",\r\n height: 500,\r\n width: 300,\r\n title: \"Formatting Rules List\",\r\n onShowing: function (e) {\r\n listVM.formattingRules([]);\r\n listVM.formattingRules(formattingRuleViewModel.formattingRules.sort(function (a, b) {\r\n return a.name.localeCompare(b.name);\r\n }));\r\n },\r\n onShown: function (e) {\r\n let element = $(\"#formattingRule-list-bind-element\");\r\n if (!ko.contextFor(element[0]))\r\n ko.applyBindings(listVM, element[0]);\r\n },\r\n onHiding: function (e) {\r\n if (onFormattingRulePopoverHidding)\r\n onFormattingRulePopoverHidding(e);\r\n },\r\n contentTemplate: `\r\n
`,\r\n },\r\n };\r\n ($(\"#popover-formattingRule\") as any).dxPopover(viewModel.popoverOptions);\r\n };\r\n\r\n var openList = function (target, onFormattingRuleSelectedCallback, onFormattingRulePopoverHiddingCallback, container, position) {\r\n onFormattingRuleSelected = onFormattingRuleSelectedCallback;\r\n onFormattingRulePopoverHidding = onFormattingRulePopoverHiddingCallback;\r\n let popup = ($(\"#popover-formattingRule\") as any).dxPopover(\"instance\");\r\n if (container) {\r\n popup.option(\"container\", container);\r\n }\r\n if (position) {\r\n popup.option(\"position\", position);\r\n }\r\n popup.show(target);\r\n };\r\n\r\n var prepareEditor = function () {\r\n let popup = ($(\"#FRPopup\") as any).dxPopup({\r\n contentTemplate: ``,\r\n width: 620,\r\n height: 590,\r\n showTitle: true,\r\n title: \"Formatting Rules\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n },\r\n container: undefined,\r\n onShown: function (e) {\r\n $(\"#FRPopupContent\").html(formattingRuleViewModel.view);\r\n ko.applyBindings(formattingRuleViewModel, document.getElementById(\"formattingRulesContext\"));\r\n },\r\n onHiding: function (e) {\r\n if (tabView.getActiveTab()) {\r\n const tabId = parseInt(tabView.getActiveTab().attr(\"id\"), 10);\r\n tabView.openTab(tabId);\r\n }\r\n }\r\n }).dxPopup(\"instance\");\r\n };\r\n\r\n var hide = function () {\r\n let popup = ($(\"#popover-formattingRule\") as any).dxPopover(\"instance\");\r\n if (popup)\r\n popup.hide();\r\n }\r\n\r\n var openEditor = function (allFormattingRules: boolean = false) {\r\n if (!formattingRuleViewModel) {\r\n loadFormattingRuleViewModel(allFormattingRules, function () {\r\n prepareEditor();\r\n openEditor();\r\n });\r\n }\r\n else {\r\n let popup = ($(\"#FRPopup\") as any).dxPopup(\"instance\");\r\n popup.show();\r\n }\r\n };\r\n\r\n var getNewFormattingRule = function () {\r\n return new FormattingRule(false, \"\");\r\n };\r\n\r\n var getFormattingRuleById = function (id: number) {\r\n let fr = formattingRuleViewModel.formattingRules.find(x => x.id === id);\r\n if (fr) {\r\n let copy = getNewFormattingRule();\r\n copyProperties(fr, copy);\r\n return copy;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n var isBlankFormattingRule = function (formattingRule) {\r\n return !formattingRule || (formattingRule.id === \"\" || formattingRule.id === 0 || formattingRule.id === null || formattingRule.id === undefined);\r\n }\r\n\r\n var getFormattingRuleScale = function (formattingRule, value: number, isPercent: boolean = false) {\r\n if (value === null || value === undefined || formattingRule.scales.length === 0) {\r\n return null;\r\n }\r\n\r\n let outputScale = formattingRule.scales[0];\r\n for (var i = 0; i < formattingRule.scales.length; i++) {\r\n let scale = formattingRule.scales[i];\r\n if (scale.minValue > value * (isPercent ? 100 : 1)) {\r\n break;\r\n }\r\n\r\n outputScale = scale;\r\n }\r\n\r\n return outputScale;\r\n }\r\n\r\n var iconOptions = [\r\n { value: \"none\", text: \"none\" },\r\n { value: \"square-fill\", text: \"square-fill\" },\r\n { value: \"arrow-down\", text: \"arrow-down\" },\r\n { value: \"arrow-down-right\", text: \"arrow-down-right\" },\r\n { value: \"arrow-right\", text: \"arrow-right\" },\r\n { value: \"arrow-up-right\", text: \"arrow-up-right\" },\r\n { value: \"arrow-up\", text: \"arrow-up\" },\r\n { value: \"arrow-down-circle-fill\", text: \"arrow-down-circle-fill\" },\r\n { value: \"arrow-down-right-circle-fill\", text: \"arrow-down-right-circle-fill\" },\r\n { value: \"arrow-right-circle-fill\", text: \"arrow-right-circle-fill\" },\r\n { value: \"arrow-up-right-circle-fill\", text: \"arrow-up-right-circle-fill\" },\r\n { value: \"arrow-up-circle-fill\", text: \"arrow-up-circle-fill\" },\r\n { value: \"arrow-down-square-fill\", text: \"arrow-down-square-fill\" },\r\n { value: \"arrow-down-right-square-fill\", text: \"arrow-down-right-square-fill\" },\r\n { value: \"arrow-right-square-fill\", text: \"arrow-right-square-fill\" },\r\n { value: \"arrow-up-right-square-fill\", text: \"arrow-up-right-square-fill\" },\r\n { value: \"arrow-up-square-fill\", text: \"arrow-up-square-fill\" },\r\n { value: \"caret-down-fill\", text: \"caret-down-fill\" },\r\n { value: \"caret-right-fill\", text: \"caret-right-fill\" },\r\n { value: \"caret-up-fill\", text: \"caret-up-fill\" },\r\n { value: \"circle\", text: \"circle\" },\r\n { value: \"circle-half\", text: \"circle-half\" },\r\n { value: \"circle-fill\", text: \"circle-fill\" },\r\n ];\r\n\r\n var bindSelectButton = function (element, onClick) {\r\n element.dxButton({\r\n icon: \"bi bi-chat-left-dots\",\r\n hint: \"Choose a Formatting Rule\",\r\n onClick: onClick\r\n });\r\n }\r\n var bindRemoveButton = function (element, onClick) {\r\n element.dxButton({\r\n icon: \"bi bi-x-circle\",\r\n hint: \"Remove the Formatting Rule\",\r\n onClick: onClick\r\n });\r\n }\r\n\r\n var setup = function (callback: Function, allFormattingRules: boolean = false) {\r\n loadFormattingRuleViewModel(allFormattingRules, function () {\r\n prepareEditor();\r\n prepareList();\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n };\r\n\r\n return {\r\n setup: setup,\r\n openEditor: openEditor,\r\n getFormattingRuleViewModel: getFormattingRuleViewModel,\r\n openList: openList,\r\n getNewFormattingRule: getNewFormattingRule,\r\n copyProperties: copyProperties,\r\n getFormattingRuleById: getFormattingRuleById,\r\n getColor: getColor,\r\n isBlankFormattingRule: isBlankFormattingRule,\r\n bindSelectButton: bindSelectButton,\r\n bindRemoveButton: bindRemoveButton,\r\n getFormattingRuleScale: getFormattingRuleScale,\r\n hide: hide\r\n };\r\n\r\n}());\r\nvar formattingRuleService = formattingRule;","var pivotGrid = (function () {\r\n const functionTypeOptions = [\"none\", \"none\", \"none\", \"none\", \"percentOfRowTotal\", \"percentOfRowGrandTotal\", \"percentOfColumnTotal\", \"percentOfColumnGrandTotal\", \"absoluteVariation\", \"percentVariation\", \"none\"];\r\n const searchBoxHeight = 31;\r\n function getParentContext() {\r\n return irGlobal.getParentContext();\r\n };\r\n\r\n function getPivotDiv(context: JQuery
= null) {\r\n if (!context)\r\n context = getParentContext();\r\n\r\n return $('.gridContainer', context);\r\n }\r\n function getPivotGridInstance (context: JQuery = null) {\r\n if (!context)\r\n context = getParentContext();\r\n\r\n return getPivotDiv(context)?.data(\"dxPivotGrid\");\r\n }\r\n\r\n function isDataCell(cell) {\r\n return (cell.area === 'data' && cell.rowType === 'D' && cell.columnType === 'D');\r\n }\r\n\r\n function isTotalCell(cell) {\r\n return (cell.type === 'T' || cell.type === 'GT' || cell.rowType === 'T' || cell.rowType === 'GT' || cell.columnType === 'T' || cell.columnType === 'GT');\r\n }\r\n\r\n function getField(component, cell) {\r\n let field = component.getDataSource().getAreaFields(\"data\")[cell.dataIndex];\r\n return field;\r\n }\r\n\r\n function clickDrillDown(e, result, element, event) {\r\n if (e.area === 'data') {//Drilldown\r\n let context = element ? element.closest(\"div.reportContent\") : null;\r\n\r\n //e.handled indicates that it treated by another function, ex. to expand a group\r\n if (e.handled)\r\n return;\r\n\r\n let widget = element.closest(\"div.dashboardWidget\");\r\n let isWidget = widget && widget.length > 0;\r\n if (event) {\r\n if (isWidget) {\r\n if (widget.hasClass(\"selected\"))\r\n event.stopPropagation();\r\n else\r\n return;\r\n }\r\n }\r\n\r\n if (!reportView.drilldownIsPossible(context))\r\n return;\r\n\r\n const pivotGridDataSource = e.component.getDataSource();\r\n const drillDownDataSource = pivotGridDataSource.createDrillDownDataSource(e.cell);\r\n drillDownDataSource.load()\r\n .done(function (data) {\r\n let model = reportView.getTabBaseObject({\r\n tabValues: [],\r\n widgetId: isWidget ? widget.data(\"widgetid\") : undefined\r\n });\r\n\r\n if (data.length === 0) {\r\n return;\r\n }\r\n\r\n for (let i = 0; i < result.columns.length; i++) {\r\n let column = result.columns[i];\r\n if (e.cell.rowType === \"GT\" && column.area === \"row\") {\r\n continue;\r\n }\r\n else if (e.cell.columnType === \"GT\" && column.area === \"column\") {\r\n continue;\r\n }\r\n\r\n if (!column.isMetric && column.isGrouping) {\r\n for (let gc = 0; gc < column.groupColumns.length; gc++) {\r\n let columnGroup = column.groupColumns[gc];\r\n if (!columnGroup.isMetric && columnGroup.groupingType === 4) {\r\n let addFilter = true;\r\n let startCondition = undefined;\r\n for (let di = 0; di < data.length; di++) {\r\n if (startCondition === undefined) {\r\n startCondition = data[di][column.dataField].values[gc]\r\n }\r\n else if (startCondition !== data[di][column.dataField].values[gc]) {\r\n addFilter = false;\r\n break;\r\n }\r\n }\r\n\r\n if (addFilter) {\r\n model.tabValues.push({\r\n name: columnGroup.queryName,\r\n startCondition: startCondition,\r\n isGroupField: columnGroup.isGrouping,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n irGlobal.updateFromServer({},\r\n urlConfigs.workBook + \"NavigateToDrillDown\",\r\n model,\r\n function (data) {\r\n reportView.updateOutputAfterDrilldown(data, element);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n })\r\n .fail(function (error) {\r\n \r\n });\r\n }\r\n }\r\n\r\n function setup(params) {\r\n const { gridContainer, result, isGlReport, isPrinting, isExcelPrinting } = params\r\n let context = gridContainer.closest(\"div.reportContent\");\r\n if (!context || context.length === 0) {\r\n context = getParentContext();\r\n }\r\n \r\n let sortMetric = result.columns.find((x) => { return x.isMetric && x.sortOrder; });\r\n let sortMetricIdx = undefined;\r\n if (sortMetric) {\r\n sortMetricIdx = result.columns.indexOf(sortMetric);\r\n }\r\n\r\n let dependentColumns = [];\r\n\r\n for (const field of result.columns) {\r\n field.sortBy = undefined;\r\n if (field.isGrouping) {\r\n field.visible = true;\r\n field.groupColumns.forEach(function (groupColumn) {\r\n if (groupColumn.sortOrder) {\r\n field.sortBy = \"value\";\r\n field.sortOrder = groupColumn.sortOrder;\r\n }\r\n });\r\n\r\n if (sortMetric && field.area === \"row\") {\r\n field.sortBySummaryField = sortMetricIdx;\r\n field.sortBySummaryPath = [];\r\n field.sortOrder = sortMetric.sortOrder;\r\n }\r\n }\r\n else if (field.isMetric) {\r\n \r\n if (field.groupingType === GroupingTypeEnum.WSUM ||\r\n ((field.groupingType === GroupingTypeEnum.DSUM || field.groupingType === GroupingTypeEnum.WDSUM) && field.calculateTotals === CalculateTotalsEnum.UseFormula) ||\r\n field.comparisonType >= ComparisonTypeEnum.Variation || field.functionType === FunctionTypeEnum.AccumulatedAll) {\r\n field.summaryType = \"custom\";\r\n delete field.dataField;\r\n if (field.functionType === FunctionTypeEnum.AccumulatedAll || field.comparisonType >= ComparisonTypeEnum.Variation) {\r\n field.calculateCustomSummary = function (options) {\r\n options.column = this;\r\n report.calculateCustomSummary.call(this, options, result);\r\n }\r\n }\r\n }\r\n\r\n if (field.functionType === FunctionTypeEnum.Rank) {\r\n field.showGrandTotals = false;\r\n field.calculateSummaryValue = function (cell) {\r\n if (cell.parent(\"row\") == null)\r\n return;\r\n\r\n let topValue = cell.value(`${field.indexBase}`, true);\r\n if (topValue == 25 || true) {\r\n let children = cell.children(\"row\");\r\n if (children.length != 0)\r\n return;\r\n }\r\n return topValue;\r\n };\r\n }\r\n\r\n if (field.groupingType === GroupingTypeEnum.TSUM) {\r\n let groupColumnCount = result.columns.filter(x => x.isGrouping && x.area === \"column\").length;\r\n field.calculateSummaryValue = function (cell) {\r\n let isTotal = false;\r\n let parent = cell.parent(\"column\");\r\n for (var i = 0; i < groupColumnCount - 1; i++) {\r\n if (parent) {\r\n parent = parent.parent(\"column\");\r\n }\r\n }\r\n isTotal = !parent;\r\n\r\n if (isTotal) { // grand total | total\r\n return cell.children().map(c => c.value(true)).reduce(\r\n (acc, curr) => acc + (curr || 0) , 0\r\n );\r\n } else\r\n return cell.value();\r\n }\r\n }\r\n\r\n if (field.groupingType === GroupingTypeEnum.WSUM && field.functionType !== FunctionTypeEnum.AccumulatedAll) {\r\n\r\n let colTop = {\r\n caption: `${field.indexBase} TOP`,\r\n dataField: `${field.indexBase}`,\r\n dataType: 'number',\r\n summaryType: 'sum',\r\n area: 'data',\r\n visible: false,\r\n runningTotal: field.functionType === FunctionTypeEnum.Accumulated ? 'column' : '',\r\n };\r\n dependentColumns.push(colTop);\r\n\r\n let colBottom = {\r\n caption: `${field.indexBottom} BOTTOM`,\r\n dataField: `${field.indexBottom}`,\r\n dataType: 'number',\r\n summaryType: 'sum',\r\n area: 'data',\r\n visible: false,\r\n runningTotal: field.functionType === FunctionTypeEnum.Accumulated ? 'column' : '',\r\n };\r\n dependentColumns.push(colBottom);\r\n\r\n field.calculateSummaryValue = function (cell) {\r\n let topValue = cell.value(`${field.indexBase}`, true);\r\n let bottomValue = cell.value(`${field.indexBottom}`, true);\r\n\r\n if (field.functionType === FunctionTypeEnum.Accumulated) {\r\n let stackTopValue = topValue || 0;\r\n let stackBottomValue = bottomValue || 0;\r\n let prevCell = cell.prev(\"row\");\r\n while (prevCell) {\r\n stackTopValue += prevCell.value(`${field.indexBase}`, true) || 0;\r\n stackBottomValue += prevCell.value(`${field.indexBottom}`, true) || 0;\r\n prevCell = prevCell.prev(\"row\");\r\n }\r\n \r\n return stackBottomValue === 0 ? 0 : stackTopValue / stackBottomValue;\r\n }\r\n\r\n let wsumValue = bottomValue === 0 ? 0 : topValue / bottomValue;\r\n return wsumValue;\r\n };\r\n }\r\n\r\n if ((field.groupingType === GroupingTypeEnum.DSUM || field.groupingType == GroupingTypeEnum.WDSUM) && field.calculateTotals === CalculateTotalsEnum.UseFormula) {\r\n field.calculateSummaryValue = function (cell) {\r\n let formula = field.formulaTop;\r\n for (const dColumn of field.dependentColumns) {\r\n let dColumnValue = 0;\r\n\r\n if (dColumn.dataField === undefined && field.summaryType === \"custom\") {\r\n if (dColumn.calculateSummaryValue) {\r\n dColumnValue = dColumn.calculateSummaryValue(cell)\r\n }\r\n else {\r\n dColumnValue = cell.value(`${dColumn.caption}`, true);\r\n }\r\n }\r\n else {\r\n if (dColumn.groupingType === GroupingTypeEnum.WSUM) {\r\n let topValue = cell.value(`${dColumn.indexBase}`, true);\r\n let bottomValue = cell.value(`${dColumn.indexBottom}`, true);\r\n dColumnValue = bottomValue === 0 ? 0 : topValue / bottomValue;\r\n }\r\n else {\r\n dColumnValue = cell.value(`${dColumn.indexBase}`, true);\r\n }\r\n }\r\n\r\n if (dColumnValue === undefined)\r\n dColumnValue = 0;\r\n\r\n formula = formula.replaceAll(`[${dColumn.indexBase}]`, dColumnValue);\r\n }\r\n\r\n //Precisa verificar \r\n //if (options.column.functionType === FunctionTypeEnum.PercentOfTotal) {\r\n // formula = `IIF(${options.valueGrandTotal} == 0, 0, (${formula}) / ${options.valueGrandTotal})`;\r\n //}\r\n\r\n let totalValue = eval(formula);\r\n return totalValue;\r\n };\r\n }\r\n\r\n if (field.functionType > FunctionTypeEnum.AccumulatedAll) {\r\n field.summaryDisplayMode = functionTypeOptions[field.functionType];\r\n }\r\n }\r\n\r\n if (field.area === \"row\") {\r\n field.expanded = result.isPrinting ? true : result.expandAllRows;\r\n field.wordWrapEnabled = false;\r\n }\r\n else if (field.area === \"column\") {\r\n field.expanded = result.isPrinting ? true : result.expandAllColumns;\r\n }\r\n }\r\n\r\n for (const depColumn of dependentColumns) {\r\n result.columns.push(depColumn);\r\n }\r\n\r\n $(\".pivotGridSearchBox\", context).css({\r\n \"margin-left\": \"auto\",\r\n \"margin-right\": 0,\r\n \"margin-bottom\": \"5px\"\r\n }).dxTextBox({\r\n valueChangeEvent: \"keyup\",\r\n mode: 'search',\r\n width: 160,\r\n placeholder: \"Search...\",\r\n visible: !isPrinting && result.enableSearchBox,\r\n onValueChanged: function (e) {\r\n let pivotSource = gridContainer.dxPivotGrid(\"instance\").getDataSource();\r\n let filters = [];\r\n result.columns.forEach(function (c) {\r\n if (c.dataField && !c.isMetric) {\r\n if (filters.length > 0) {\r\n filters.push(\"or\");\r\n }\r\n filters.push([c.dataField, \"contains\", e.value]);\r\n }\r\n });\r\n\r\n pivotSource.filter(filters);\r\n pivotSource.reload();\r\n }\r\n });\r\n\r\n let collapseRows = [];\r\n gridContainer.dxPivotGrid({\r\n allowExpandAll: true,\r\n allowSortingBySummary: true,\r\n\r\n allowFiltering: true,\r\n headerFilter: {\r\n search: {\r\n enabled: true,\r\n },\r\n },\r\n fieldPanel: {\r\n allowFieldDragging: false,\r\n showFilterFields: false,\r\n showDataFields: false,\r\n visible: !isPrinting && result.enableFilterPanel,\r\n },\r\n\r\n wordWrapEnabled: false,\r\n showBorders: result.isPrinting || isGlReport ? false : true,\r\n\r\n showColumnGrandTotals: result.showColumnGrandTotals,\r\n showColumnTotals: result.showColumnTotals,\r\n showRowGrandTotals: result.showRowGrandTotals,\r\n showRowTotals: result.showRowTotals,\r\n\r\n allowSorting: true,\r\n dataFieldArea: result.pivotLayout === 0 ? \"column\" : \"row\",\r\n fieldChooser: {\r\n enabled: false,\r\n height: 400,\r\n },\r\n texts: {\r\n grandTotal: result.grandTotalText,\r\n total: `${result.subTotalText} {0}`\r\n },\r\n encodeHtml: false,\r\n rowHeaderLayout: isGlReport ? 'standard' : result.rowHeaderLayoutPivot === 0 ? 'tree' : 'standard',\r\n dataSource: {\r\n fields: result.columns,\r\n store: result.result,\r\n },\r\n height: isExcelPrinting ? 200 : undefined, //When sending the report as excel by email, we need to set the height for the scrolling.mode works\r\n width: isExcelPrinting ? 200 : undefined, //When sending the report as excel by email, we need to set the width for the scrolling.mode works\r\n scrolling: {\r\n mode: result.isPrinting && !isExcelPrinting ? 'standard' : 'virtual',\r\n },\r\n onCellPrepared: function (e) {\r\n const enableDrawIconSelectRow = result.designer.enableRowSelection();\r\n const { cell } = e;\r\n cell.area = e.area;\r\n e.cellElement.css(\"font-size\", result.fontSize);\r\n\r\n if (isGlReport) {\r\n e.cellElement.css(\"background-color\", \"#FFFFFF !important\").css(\"color\", \"#000000\");\r\n //e.cellElement.children().each(function () {\r\n // $(this).css(\"background-color\", \"#FFFFFF !important\").css(\"color\", \"#000000\");\r\n //});\r\n }\r\n\r\n if (isDataCell(cell) || isTotalCell(cell)) {\r\n let field = getField(e.component, cell);\r\n if (field && field.isMetric && e.area !== \"column\") {\r\n e.cellElement.css(\"text-align\", field.alignment).css(\"vertical-align\", \"middle\");\r\n if (field.hasFormattingRule) {\r\n if (cell.value !== undefined) {\r\n e.cellElement.empty();\r\n report.applyFormattingRuleCell(result, e.cellElement, { column: field, value: cell.value, text: cell.text }, \"data\");\r\n if (enableDrawIconSelectRow) {\r\n $(\"div\", e.cellElement).prepend(report.getLinkDrilldown());\r\n }\r\n }\r\n }\r\n else {\r\n if (enableDrawIconSelectRow) {\r\n e.cellElement.prepend(report.getLinkDrilldown());\r\n }\r\n\r\n let color = field.foreColor;\r\n let backgroundColor = field.backgroundColor;\r\n\r\n if (!e.cellElement.hasClass(\"fr-row-fontColor-applied\")) {\r\n e.cellElement.css(\"color\", color);\r\n }\r\n if (!e.cellElement.hasClass(\"fr-row-backgroundColor-applied\") && backgroundColor && backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n e.cellElement.css(\"backgroundColor\", backgroundColor);\r\n }\r\n }\r\n\r\n //if (field.hasBarChart) {\r\n // report.drawBarColumn(container, options, formattingRule);\r\n //}\r\n\r\n if (field.thresholdColor && field.thresholdValue !== undefined && field.thresholdValue !== null && cell.value !== undefined && cell.value < field.thresholdValue) {\r\n let color = field.thresholdColor;\r\n if (!e.cellElement.hasClass(\"fr-row-fontColor-applied\") && !e.cellElement.hasClass(\"fr-fontColor-applied\")) {\r\n e.cellElement.css(\"color\", color);\r\n }\r\n }\r\n\r\n if (enableDrawIconSelectRow) {\r\n $(\"a.drilldowrow\", e.cellElement).click(function (ev) {\r\n if (isPrinting) {\r\n return;\r\n }\r\n clickDrillDown(e, result, e.cellElement, ev);\r\n });\r\n }\r\n\r\n let collapseText = cell.rowPath && cell.rowPath.length > 0 ? cell.rowPath[0].toString() : \"\";\r\n if (collapseText && (typeof collapseText === 'string' || collapseText instanceof String) && collapseText.includes(\"\")) {\r\n e.cellElement.addClass(\"hideExpandIcon\");\r\n }\r\n }\r\n }\r\n else {\r\n if (cell.text && (typeof cell.text === 'string' || cell.text instanceof String) && cell.text.includes(\"\")){\r\n if (cell.expanded) {\r\n collapseRows.push(cell.path);\r\n }\r\n e.cellElement.addClass(\"hideExpandIcon\");\r\n }\r\n }\r\n\r\n //Metric header\r\n if (e.area === \"column\" && cell.dataIndex !== undefined) {\r\n let field = getField(e.component, cell)\r\n if (field && field.isMetric) {\r\n e.cellElement.css(\"text-align\", field.alignment);\r\n }\r\n }\r\n\r\n //Rows and Columns, without the Metrics\r\n if (e.area === \"row\" || (e.area === \"column\" && cell.dataIndex === undefined)) {\r\n let fields = e.component.getDataSource().getAreaFields(e.area);\r\n if (cell.path && fields.length >= cell.path.length) {\r\n let field = fields[cell.path.length - 1];\r\n if (field) {\r\n e.cellElement.css(\"text-align\", field.groupColumns[0].alignment);\r\n }\r\n }\r\n }\r\n },\r\n onCellClick(e) {\r\n if (isPrinting) {\r\n return;\r\n }\r\n\r\n if (!result.designer.enableRowSelection()) {\r\n clickDrillDown(e, result, e.element, e.event);\r\n }\r\n else if (e.area === 'data') {\r\n e.event.stopPropagation();\r\n const table = e.cellElement.closest(\"table\");\r\n $(\"tr\", table).removeClass(\"highlight\");\r\n e.cellElement.closest(\"tr\").addClass(\"highlight\");\r\n }\r\n },\r\n onInitialized: function (e) {\r\n },\r\n onContentReady: function (e) {\r\n //Create a thead and move the header row, so, the header is printed on each page\r\n if (result.isPrinting) {\r\n var mainTable = $(\".dx-pivotgrid-container > table\", e.element);\r\n var headerRow = $(\"> tr:has(.dx-pivotgrid-horizontal-headers)\", mainTable);\r\n var thead = $(\"\");\r\n thead.prepend(headerRow);\r\n mainTable.prepend(thead);\r\n }\r\n\r\n if (isGlReport) {\r\n if (collapseRows.length > 0) {\r\n e.component.collapsedRows = collapseRows.length;\r\n e.component.beginUpdate();\r\n let dataSource = e.component.getDataSource();\r\n collapseRows.forEach(function (rowKey) {\r\n dataSource.collapseHeaderItem(\"row\", rowKey);\r\n });\r\n collapseRows = [];\r\n e.component.endUpdate();\r\n }\r\n else {\r\n if (result.isPrinting) {\r\n //The number of rows we collapse is the number of times onContentReady executes\r\n if (e.component.collapsedRows !== undefined && e.component.collapsedRows !== null) {\r\n e.component.collapsedRows--;\r\n\r\n if (e.component.collapsedRows <= 0) {\r\n e.component.isReadyIR = true;\r\n }\r\n }\r\n else {\r\n e.component.isReadyIR = true;\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n if (result.isPrinting) {\r\n e.component.isReadyIR = true;\r\n }\r\n }\r\n\r\n if (e.component.isReadyIR || !result.isPrinting) {\r\n if (irngCustom.enableCustomization && irngCustom.onContentReadyPivot) {\r\n try {\r\n irngCustom.onContentReadyPivot(e, isGlReport, result);\r\n }\r\n catch (err) {\r\n console.log(`Error on irngCustom.onContentReadyPivot: ${err.message}`);\r\n }\r\n }\r\n }\r\n },\r\n onContextMenuPreparing: function (e) {\r\n for (var i = 0; i < e.items.length; i++) {\r\n if (e.items[i].text && e.items[i].text.startsWith(\"Sort\")) {\r\n e.items[i].visible = false;\r\n }\r\n }\r\n\r\n if (e.items.filter(function (x) { return !x.visible; }).length === e.items.length) {\r\n e.items = [];\r\n }\r\n }\r\n });\r\n }\r\n\r\n return {\r\n isDataCell: isDataCell,\r\n isTotalCell: isTotalCell,\r\n getField: getField,\r\n getPivotDiv: getPivotDiv,\r\n getPivotGridInstance: getPivotGridInstance,\r\n setup: setup,\r\n\r\n searchBoxHeight: searchBoxHeight\r\n };\r\n}());\r\n","function maxWidth() {\r\n var width = 0;\r\n $('.gridContainer') !== null && $('.gridContainer').each(function () {\r\n if (this.scrollWidth > width) {\r\n width = this.scrollWidth;\r\n }\r\n\r\n $('.dx-datagrid-headers .dx-datagrid-scroll-container', this).each(function () {\r\n if (this.scrollWidth > width) {\r\n width = this.scrollWidth;\r\n }\r\n });\r\n\r\n $('.dx-pivotgrid-container tr.dx-bottom-row', this).each(function () {\r\n let rowCell = $(\".dx-area-row-cell\", this).get(0).scrollWidth;\r\n let areaCell = $(\".dx-area-data-cell .dx-scrollable-content\", this).get(0).scrollWidth;\r\n let pivotWidth = rowCell + areaCell + 20;//20 padding + margin\r\n if (pivotWidth > width) {\r\n width = pivotWidth;\r\n }\r\n });\r\n });\r\n\r\n $('.chartMainContainer') !== null && $('.chartMainContainer').each(function () {\r\n if (this.scrollWidth > width) {\r\n width = this.scrollWidth;\r\n }\r\n });\r\n\r\n $('.page') != null && $('.page').each(function () {\r\n if (this.scrollWidth > width) {\r\n width = this.scrollWidth;\r\n }\r\n });\r\n\r\n if (width === 0 && $(\"#warningEditMode\").length > 0) {\r\n width = $(\"#warningEditMode\").width();\r\n }\r\n\r\n return width;\r\n}\r\n\r\nfunction setWorkbookWidth() {\r\n let width = maxWidth();\r\n if (width === 0) {\r\n width = \"100%\";\r\n }\r\n else {\r\n width += \"px\";\r\n }\r\n $(\"html\").css(\"width\", width);\r\n}\r\n\r\nfunction widgetWidth() {\r\n var width = 0;\r\n $(\".widgetContainer\").each(function () {\r\n if (this.scrollWidth > width) {\r\n width = this.scrollWidth;\r\n }\r\n });\r\n\r\n return width;\r\n}\r\n\r\nfunction widgetHeight() {\r\n var height = 0;\r\n $(\".widgetContainer\").each(function () {\r\n if (this.scrollHeight > height) {\r\n height = this.scrollHeight;\r\n }\r\n });\r\n\r\n return height;\r\n}\r\n\r\n//drawnGrids\r\nfunction reportsReady() {\r\n let grids = $(\".gridContainer\");\r\n let charts = $(\".canvasChart\");\r\n let items = grids.length + charts.length;\r\n let readyItems = 0;\r\n\r\n grids.each(function () {\r\n let ready = true;\r\n let grid = $(this).data(\"dxDataGrid\");\r\n if (grid) {\r\n ready = grid.isReady();\r\n }\r\n\r\n let pivot = $(this).data(\"dxPivotGrid\");\r\n if (pivot && ready) {\r\n ready = pivot.isReadyIR;\r\n }\r\n\r\n if (ready) {\r\n readyItems++;\r\n }\r\n });\r\n\r\n charts.each(function () {\r\n let ready = true;\r\n let pie = $(this).data(\"dxPieChart\");\r\n if (pie) {\r\n ready = pie.isReady();\r\n }\r\n\r\n let polar = $(this).data(\"dxPolarChart\");\r\n if (polar && ready) {\r\n ready = polar.isReady();\r\n }\r\n\r\n let chart = $(this).data(\"dxChart\");\r\n if (chart && ready) {\r\n ready = chart.isReady();\r\n }\r\n\r\n if (ready) {\r\n readyItems++;\r\n }\r\n });\r\n\r\n return readyItems === items;\r\n}\r\n\r\nfunction repaintGrids() {\r\n let grids = $('.gridContainer');\r\n grids.each(function () {\r\n let grid = $(this).data(\"dxDataGrid\");\r\n if (grid) {\r\n grid.refresh();\r\n }\r\n\r\n let pivot = $(this).data(\"dxPivotGrid\");\r\n if (pivot) {\r\n pivot.repaint();\r\n }\r\n });\r\n}\r\n\r\nfunction setExcelColumnFormat(columns, currencyCode) {\r\n if (columns) {\r\n var currencySymbol = DevExpress.formatHelper.format(0, {\r\n style: \"currency\",\r\n currency: currencyCode,\r\n currencyDisplay: \"narrowSymbol\",\r\n precision: 0\r\n }).replace(\"0\", \"\");\r\n\r\n columns.forEach(function (column) {\r\n if (column.isMetric) {\r\n let format = \"#,##0\";\r\n if (column.format.precision > 0) {\r\n format += \".\";\r\n for (var i = 0; i < column.format.precision; i++) {\r\n format += \"0\";\r\n }\r\n }\r\n\r\n switch (column.format.style) {\r\n case \"currency\":\r\n format = `${currencySymbol}${format}`;\r\n break\r\n case \"percent\":\r\n format = `${format}%`;\r\n break\r\n default:\r\n break\r\n }\r\n\r\n if (column.format.currencySign === \"accounting\") {\r\n format = `${format};(${format})`;\r\n }\r\n\r\n column.excelNumberFormat = format;\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction exportToExcel(e) {\r\n let settings = {\r\n isCSV: false,\r\n printMessage: \"\",\r\n mappingName: \"\",\r\n reportName: \"\",\r\n groupBy: \"\",\r\n orderBy: \"\",\r\n filters: \"\",\r\n companyName: \"\",\r\n fontSize: 0,\r\n glReport: false,\r\n subtotalsPosition: 0,\r\n save: false,\r\n fileName: \"\",\r\n currencyCode: \"\",\r\n subTotalText: \"\"\r\n };\r\n $.extend(settings, e);\r\n\r\n //file name has a limit of 31 characteres\r\n const fileName = settings.reportName?.length > 30 ? settings.reportName.substring(0, 29) : settings.reportName;\r\n\r\n const workbook = new ExcelJS.Workbook();\r\n const worksheet = workbook.addWorksheet(fileName);\r\n const component = $('.gridContainer').data(\"dxDataGrid\");\r\n if (component === null || component === undefined) {\r\n return;\r\n }\r\n\r\n let def = $.Deferred();\r\n let skip = 4;\r\n if (settings.groupBy) {\r\n skip++;\r\n }\r\n if (settings.orderBy) {\r\n skip++;\r\n }\r\n if (settings.companyName && settings.companyName !== \"\") {\r\n skip++;\r\n }\r\n\r\n if (typeof settings.filters === \"string\" && settings.filters !== \"\") {\r\n settings.filters = JSON.parse(settings.filters);\r\n skip += settings.filters.length;\r\n }\r\n else {\r\n if (settings.filters === \"\" || settings.filters === undefined || settings.filters === null)\r\n settings.filters = [];\r\n\r\n skip += settings.filters.length;\r\n }\r\n\r\n let result = $('.gridContainer').data(\"result\") || {};\r\n let formattingRules = result.formattingRules || settings.formattingRules;\r\n let subtotalsPosition = result.subtotalsPosition || settings.subtotalsPosition;\r\n let isGlReport = result.glReport || settings.glReport;\r\n let currencyCode = result.currencyCode || settings.currencyCode;\r\n let subTotalText = result.subTotalText || settings.subTotalText;\r\n\r\n let rowIndex = 0;\r\n let rowNumber = -1;\r\n\r\n let default_report_colour = $(\"html\").css(\"--default_report_colour\").replace(\"#\", \"\").trimStart();\r\n let default_report_odd_colour = $(\"html\").css(\"--default_report_odd_colour\").replace(\"#\", \"\").trimStart();\r\n let default_headfoot_font_colour = $(\"html\").css(\"--default_headfoot_font_colour\").replace(\"#\", \"\").trimStart();\r\n let default_headfoot_colour = $(\"html\").css(\"--default_headfoot_colour\").replace(\"#\", \"\").trimStart();\r\n\r\n let totalItems = component.option(\"summary.totalItems\");\r\n let totalItemsUpdated = false;\r\n let rowsToRemove = [];\r\n let rowsCollapsed = [];\r\n let rowsToReplaceSubtotalText = [];\r\n\r\n let columns = component.option(\"columns\");\r\n setExcelColumnFormat(columns, currencyCode);\r\n\r\n const borderStyle = { style: 'thin', color: { argb: 'black' } };\r\n\r\n let groupIndex = 0;\r\n const addIdentation = function (val, spaces) {\r\n for (var i = 0; i < spaces; i++) {\r\n val = ` ${val}`;\r\n }\r\n\r\n return val;\r\n }\r\n\r\n let applyFormattingRule = function (formattingScale, excelCell) {\r\n if (formattingScale) {\r\n let colors = report.getFormattingScaleColor(formattingScale);\r\n if (colors.backgroundColor && colors.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n excelCell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: colors.backgroundColor.replace(\"#\", \"\") } };\r\n }\r\n if (colors.color) {\r\n excelCell.font.color = { argb: colors.color.replace(\"#\", \"\") };\r\n }\r\n }\r\n }\r\n let cellsToApplyFormattingRule = {};\r\n let customExport = function () {\r\n DevExpress.excelExporter.exportDataGrid({\r\n component: component,\r\n worksheet,\r\n topLeftCell: { row: skip, column: 1 },\r\n customizeCell(options) {\r\n const { gridCell } = options;\r\n const { excelCell } = options;\r\n excelCell.font = excelCell.font || {};\r\n excelCell.font.size = settings.fontSize;\r\n\r\n if (!settings.isCSV && (/*gridCell.rowType === \"totalFooter\" || */gridCell.rowType === \"groupFooter\" || gridCell.rowType === \"group\" || gridCell.rowType === 'data')) {\r\n if (!cellsToApplyFormattingRule[excelCell.row]) {\r\n cellsToApplyFormattingRule[excelCell.row] = {\r\n formattingRuleScale: null,\r\n cells: []\r\n };\r\n }\r\n\r\n cellsToApplyFormattingRule[excelCell.row].cells.push({ gridCell, excelCell });\r\n }\r\n\r\n if (gridCell.column.name === \"fake\") {\r\n excelCell.value = \"\";\r\n }\r\n\r\n //Hack to remove currency format\r\n if (settings.isCSV && gridCell.column.isMetric &&\r\n (gridCell.rowType === \"totalFooter\" || gridCell.rowType === \"groupFooter\" || gridCell.rowType === \"group\")) {\r\n if (gridCell.value !== undefined) {\r\n excelCell.value = gridCell.value.toString();\r\n }\r\n else if (gridCell.groupSummaryItems !== undefined && gridCell.groupSummaryItems.length > 0) {\r\n excelCell.value = gridCell.groupSummaryItems[0].value?.toString();\r\n }\r\n }\r\n\r\n if (gridCell.rowType === 'header' || gridCell.rowType === 'group' || gridCell.rowType === 'groupFooter' || gridCell.rowType === 'totalFooter') {\r\n excelCell.font.bold = true;\r\n excelCell.font.color = { argb: default_headfoot_font_colour };\r\n\r\n if (isGlReport) {\r\n if (gridCell.rowType === 'header') {\r\n excelCell.border = { bottom: { style: 'medium', color: { argb: 'black' } } };\r\n }\r\n }\r\n else {\r\n excelCell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: default_headfoot_colour } };\r\n }\r\n }\r\n\r\n if (gridCell.rowType === 'header') {\r\n excelCell.alignment = { horizontal: gridCell.column.titleAlignment };\r\n }\r\n\r\n if (gridCell.rowType === 'data') {\r\n if (rowNumber === -1 || rowNumber !== excelCell.row) {\r\n rowIndex++;\r\n rowNumber = excelCell.row;\r\n }\r\n\r\n if (!isGlReport) {\r\n if (rowIndex % 2 == 0) {\r\n excelCell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: default_report_colour } };\r\n }\r\n else {\r\n excelCell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: default_report_odd_colour } };\r\n }\r\n }\r\n\r\n if (isGlReport) {\r\n if (gridCell.data && gridCell.data.length > 0) {\r\n let collapsed = false;\r\n for (var i = 0; i < gridCell.data.length; i++) {\r\n let val = gridCell.data[i];\r\n if (val && val.text !== undefined) {\r\n val = `${val.toString()}`;\r\n }\r\n\r\n if (val && typeof val === \"string\") {\r\n if (val.includes(\"\")) {\r\n collapsed = true;\r\n if (typeof excelCell.row === \"number\") {\r\n //Remove group header when subtotal is bottom\r\n //if (subtotalsPosition === 1) {\r\n\r\n if (rowsToReplaceSubtotalText.indexOf(`${subTotalText} ${val}`) === -1) {\r\n rowsToReplaceSubtotalText.push(`${subTotalText} ${val}`);\r\n }\r\n\r\n \r\n if (rowsToRemove.indexOf(excelCell.row - 1) === -1) {\r\n rowsToRemove.push(excelCell.row - 1);\r\n }\r\n //}\r\n\r\n if (rowsToRemove.indexOf(excelCell.row) === -1) {\r\n rowsToRemove.push(excelCell.row);\r\n }\r\n }\r\n }\r\n else if (collapsed) {\r\n\r\n if (rowsCollapsed.indexOf(val) === -1) {\r\n //Need to remove subgroups\r\n rowsCollapsed.push(val);\r\n rowsCollapsed.push(`${subTotalText} ${val}`);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n else if (gridCell.rowType === 'group') {\r\n groupIndex = gridCell.groupIndex;\r\n\r\n if (gridCell.value) {\r\n let groupValue = \"\";\r\n\r\n groupValue = gridCell.value[0];\r\n if (gridCell.value.text !== undefined) {\r\n groupValue = `${gridCell.value.toString()}`;\r\n }\r\n\r\n excelCell.value = groupValue;\r\n }\r\n else if (gridCell.column.isMetric && subtotalsPosition !== 2) {\r\n excelCell.value = \"\";\r\n }\r\n }\r\n else if (gridCell.rowType === 'totalFooter' && excelCell.value) {\r\n excelCell.value = excelCell.value.replace(report.getTagLinkDrilldown(), \"\");\r\n }\r\n\r\n if (gridCell.rowType === 'data' || gridCell.rowType === 'group' || gridCell.rowType === 'groupFooter' || gridCell.rowType === 'totalFooter') {\r\n if (gridCell.column.backgroundColor && gridCell.column.backgroundColor !== \"\" && gridCell.column.backgroundColor.toLowerCase() !== \"#ffffff\") {\r\n excelCell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: gridCell.column.backgroundColor.replace(\"#\", \"\") } };\r\n }\r\n\r\n if (gridCell.column.foreColor && gridCell.column.foreColor !== \"\") {\r\n excelCell.font.color = { argb: gridCell.column.foreColor.replace(\"#\", \"\") };\r\n }\r\n\r\n if (gridCell.column.isMetric) {\r\n let value = gridCell.value;\r\n if (!value && gridCell.groupSummaryItems && gridCell.groupSummaryItems.length > 0) {\r\n value = gridCell.groupSummaryItems[0].value;\r\n }\r\n\r\n if (gridCell.rowType !== 'data' && excelCell.value !== \"\" && excelCell.value !== undefined) {\r\n excelCell.value = value;\r\n }\r\n\r\n if (gridCell.column.thresholdColor && gridCell.column.thresholdValue !== undefined &&\r\n gridCell.column.thresholdValue !== null && value < gridCell.column.thresholdValue) {\r\n excelCell.font.color = { argb: gridCell.column.thresholdColor.replace(\"#\", \"\") };\r\n }\r\n\r\n let formattingRule = formattingRules.find(function (x) { return x.id === gridCell.column.formattingRuleId; });\r\n if (formattingRule) {\r\n let isPercent = gridCell.column.format && gridCell.column.format.style === \"percent\";\r\n let formattingScale = formattingRuleService.getFormattingRuleScale(formattingRule, value, isPercent);\r\n if (cellsToApplyFormattingRule[excelCell.row]) {\r\n if (formattingRule.config.applyRow) {\r\n cellsToApplyFormattingRule[excelCell.row].formattingRuleScale = formattingScale;\r\n }\r\n else {\r\n cellsToApplyFormattingRule[excelCell.row].cells[cellsToApplyFormattingRule[excelCell.row].cells.length - 1].formattingRuleScale = formattingScale;\r\n }\r\n }\r\n\r\n applyFormattingRule(formattingScale, excelCell);\r\n }\r\n\r\n let column = gridCell.column;\r\n if (columns) {\r\n column = columns.find(x => x.queryName === gridCell.column.queryName) || gridCell.column;\r\n }\r\n excelCell.style.numFmt = column.excelNumberFormat;\r\n }\r\n }\r\n\r\n if (isGlReport) {\r\n if (gridCell.rowType === 'group' || gridCell.rowType === 'groupFooter') {\r\n if (typeof excelCell.row === \"number\" && rowsCollapsed.indexOf(gridCell.value) !== -1 && rowsToRemove.indexOf(excelCell.row) === -1) {\r\n rowsToRemove.push(excelCell.row);\r\n }\r\n\r\n if (subtotalsPosition === 1 && gridCell.rowType === 'group' && excelCell.value && excelCell.value != \"\" && typeof excelCell.value === \"string\" &&\r\n excelCell.value.includes(\"\") && rowsToRemove.indexOf(excelCell.row) === -1) {\r\n rowsToRemove.push(excelCell.row);\r\n }\r\n\r\n if (gridCell.rowType === 'groupFooter') {\r\n excelCell.border = { top: borderStyle, bottom: borderStyle };\r\n\r\n if (gridCell.totalSummaryItemName === \"ForSubTotal\" && rowsToReplaceSubtotalText.indexOf(gridCell.value) !== -1 &&\r\n excelCell.value && excelCell.value != \"\" && typeof excelCell.value === \"string\") {\r\n excelCell.value = excelCell.value.replace(`${subTotalText} `, \"\");\r\n\r\n groupIndex--;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (excelCell.value && excelCell.value != \"\" && typeof excelCell.value === \"string\") {\r\n excelCell.value = excelCell.value.replaceAll(\" \", \" \").replace(//g, \"\").replaceAll(\";\r\n variables: Array;\r\n organisations: Array;\r\n companies: Array;\r\n multiTenant: boolean;\r\n organisationId: number;\r\n}\r\n\r\nvar pdfTemplatesService = (function () {\r\n var copyProperties = function (fromObject, toObject) {\r\n for (let property in fromObject) {\r\n if (toObject.hasOwnProperty(property) && fromObject[property] !== undefined) {\r\n let fromValue = typeof fromObject[property] === \"function\" ? fromObject[property]() : fromObject[property];\r\n if (fromValue === null)\r\n fromValue = null;\r\n else if (fromValue === undefined)\r\n fromValue = undefined;\r\n else if (Array.isArray(fromValue))\r\n fromValue = [];\r\n else if (typeof fromValue === \"object\")\r\n fromValue = {};\r\n\r\n if (typeof toObject[property] === \"function\")\r\n toObject[property](fromValue);\r\n else\r\n toObject[property] = fromValue;\r\n }\r\n }\r\n\r\n if (fromObject.config) {\r\n let config = new PdfTemplateConfig();\r\n copyProperties(fromObject.config, config);\r\n toObject.config = config;\r\n }\r\n }\r\n\r\n var openHtmlEditor = function (html: string, saveFunction: Function) {\r\n let $mceModal = $(\"div#pdfTemplateHFModal\");\r\n let save = false;\r\n let heightContent = 0;\r\n $mceModal.find(\".modal-footer button.btn-primary\").off(\"click\").on(\"click\", function (e) {\r\n save = true;\r\n heightContent = $(($(\"iframe\", $mceModal).get(0) as any).contentDocument.body).height() * 0.264583;\r\n ($mceModal as any).modal(\"hide\");\r\n });\r\n $mceModal.off(\"hidden.bs.modal\").on(\"hidden.bs.modal\",\r\n function (modalEvt) {\r\n if (save) {\r\n const content = tinymce.activeEditor.getContent();\r\n saveFunction(content, parseInt(heightContent as any, 10));\r\n }\r\n tinymce.activeEditor.setContent(\"\");\r\n tinymce.activeEditor.destroy();\r\n //If the \"More...\" button was clicked, force a click to close it because it stay opened \r\n const moreToolbarButton = $(\"div.tox-toolbar__group button.tox-tbtn[title='More...']\");\r\n if (moreToolbarButton.length > 0 && moreToolbarButton.hasClass(\"tox-tbtn--enabled\")) {\r\n moreToolbarButton.trigger(\"click\");\r\n }\r\n });\r\n tinymce.baseURL = urlConfigs.tinyMceBase;\r\n\r\n tinymce.init({\r\n selector: \"div#pdfTemplateHFModal textarea\",\r\n width: \"100%\",\r\n height: 270,\r\n content_style: `.mce-content-body {background-color: white;}`,\r\n setup: function (editor) {\r\n const getMenu = function () {\r\n let menuItems = [];\r\n $.each(pdfTemplatesViewModel.variables,\r\n function (index, variableName) {\r\n menuItems.push({\r\n type: 'menuitem',\r\n text: (variableName.replace(\"[\",\"\").replace(\"]\",\"\") as any).replaceAll(\"_\", \" \"),\r\n onAction: function () {\r\n editor.insertContent(variableName);\r\n }\r\n });\r\n }\r\n );\r\n return menuItems;\r\n };\r\n editor.ui.registry.addMenuButton('Variables', {\r\n text: 'Variables',\r\n fetch: function (callback) {\r\n callback(getMenu());\r\n }\r\n });\r\n editor.on('init', function (e) {\r\n editor.setContent(html);\r\n });\r\n },\r\n content_css: urlConfigs.tinyMceTheme,\r\n skin_url: urlConfigs.tinyMceSkin,\r\n plugins: [\r\n \"advlist autolink lists link image charmap anchor\",\r\n \"insertdatetime media table code emoticons insertdatetime hr code quickbars\"\r\n ],\r\n statusbar: false,\r\n menubar: false,\r\n toolbar:\r\n `Variables | undo redo copy cut paste|\r\n quickimage quicktable |\r\n fontselect fontsizeselect forecolor backcolor styleselect |\r\n bold italic underline |\r\n alignleft aligncenter alignright alignjustify | \r\n indent outdent |\r\n charmap | checklist | hr |\r\n image editimage fliph flipv imageoptions rotateleft rotateright |\r\n link openlink unlink |\r\n bullist numlist | \r\n media | \r\n table`,\r\n rel_list: [{ title: \"Lightbox\", value: \"lightbox\" }],\r\n insertdatetime_formats: [\"%H:%M:%S\", tinyMceDateFmt1, \"%I:%M:%S %p\", tinyMceDateFmt2],\r\n fontsize_formats: \"8px 9px 10px 11px 12px 14px 16px 18px 20px 22px 24px 26px 28px 30px 32px 34px 36px\"\r\n });\r\n tinymce.activeEditor.setContent(html);\r\n\r\n // Prevent Bootstrap dialog from blocking focusin\r\n $(document).on('focusin', function (e) {\r\n if ($(e.target).closest(\".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root\").length) {\r\n e.stopImmediatePropagation();\r\n }\r\n });\r\n ($mceModal as any).modal({ backdrop: 'static' });\r\n };\r\n\r\n var pdfTemplatesViewModel: PdfTemplateViewModel = null;\r\n\r\n var loadPdfTemplateViewModel = function (callback: Function) {\r\n getPdfTemplates(function (data) {\r\n data.organisations.splice(0, 0, { id: 0, name: \" \" });\r\n data.companies.splice(0, 0, { id: 0, name: \" \", organisationId: 0 });\r\n\r\n pdfTemplatesViewModel = {\r\n dataGridOptions: {\r\n height: 330,\r\n width: \"100%\",\r\n paging: {\r\n enabled: false\r\n },\r\n dataSource: data.templates,\r\n columns: [\r\n {\r\n dataField: \"name\",\r\n caption: \"Name\",\r\n allowSorting: false,\r\n sortOrder: \"asc\",\r\n validationRules: [{\r\n message: \"Name is not unique\",\r\n type: 'custom',\r\n validationCallback: function (e) {\r\n let valid = pdfTemplatesViewModel.templates.filter(function (x) { return x.name == e.value && x.id !== e.data.id; }).length == 0;\r\n return valid;\r\n }\r\n }, {\r\n type: \"custom\",\r\n validationCallback: function (v) {\r\n if (v.value === undefined || v.value === null) {\r\n return false;\r\n }\r\n\r\n if (v.value.trim() === \"\") {\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n message: \"Name is required\"\r\n }]\r\n },\r\n {\r\n dataField: \"organisationId\",\r\n caption: \"Organisation\",\r\n visible: data.multiTenant,\r\n setCellValue(rowData, value) {\r\n this.defaultSetCellValue(rowData, value);\r\n rowData.companyId = null;\r\n },\r\n lookup: {\r\n dataSource: data.organisations || [],\r\n displayExpr: 'name',\r\n valueExpr: 'id',\r\n }\r\n },\r\n {\r\n dataField: \"companyId\",\r\n caption: \"Company\",\r\n visible: data.multiTenant,\r\n lookup: {\r\n dataSource(options) {\r\n return {\r\n store: data.companies || [],\r\n filter: options.data ? [['organisationId', '=', options.data.organisationId], 'or', ['organisationId', '=', 0] ] : null,\r\n };\r\n },\r\n displayExpr: 'name',\r\n valueExpr: 'id',\r\n }\r\n },\r\n {\r\n dataField: \"config.header\",\r\n visible: false\r\n },\r\n {\r\n dataField: \"config.footer\",\r\n visible: false\r\n },\r\n {\r\n type: \"buttons\",\r\n caption: \"Header\",\r\n width: 80,\r\n buttons: [{\r\n hint: \"Edit Header\",\r\n icon: \"edittableheader\",\r\n disabled: function (e) {\r\n return !e.row.isEditing;\r\n },\r\n onClick: function (e) {\r\n openHtmlEditor(e.row.data.config.header, function (html, height) {\r\n let rowIndex = e.component.getRowIndexByKey(e.row.data.id);\r\n if (rowIndex === -1) {\r\n rowIndex = 0;\r\n }\r\n\r\n if (height > 0 && e.component.cellValue(rowIndex, \"config.headerHeight\") < height) {\r\n e.component.cellValue(rowIndex, \"config.headerHeight\", height);\r\n }\r\n\r\n e.component.cellValue(rowIndex, \"config.header\", html);\r\n });\r\n }\r\n }]\r\n },\r\n {\r\n type: \"buttons\",\r\n caption: \"Footer\",\r\n width: 80,\r\n buttons: [{\r\n hint: \"Edit Footer\",\r\n icon: \"rowproperties\",\r\n disabled: function (e) {\r\n return !e.row.isEditing;\r\n },\r\n onClick: function (e) {\r\n openHtmlEditor(e.row.data.config.footer, function (html, height) {\r\n let rowIndex = e.component.getRowIndexByKey(e.row.data.id);\r\n if (rowIndex === -1) {\r\n rowIndex = 0;\r\n }\r\n\r\n if (height > 0 && e.component.cellValue(rowIndex, \"config.footerHeight\") < height) {\r\n e.component.cellValue(rowIndex, \"config.footerHeight\", height);\r\n }\r\n\r\n e.component.cellValue(rowIndex, \"config.footer\", html);\r\n });\r\n }\r\n }]\r\n },\r\n {\r\n dataField: \"config.headerHeight\",\r\n caption: \"Header Height\",\r\n format: function (value) { return `${value}mm`; },\r\n width: 95,\r\n editorOptions: {\r\n min: 0,\r\n showSpinButtons: true,\r\n format: '0#mm'\r\n }\r\n },\r\n {\r\n dataField: \"config.footerHeight\",\r\n caption: \"Footer Height\",\r\n width: 95,\r\n format: function (value) { return `${value}mm`; },\r\n editorOptions: {\r\n min: 0,\r\n showSpinButtons: true,\r\n format: '0#mm'\r\n }\r\n },\r\n {\r\n type: \"buttons\",\r\n buttons: [{\r\n name: \"edit\",\r\n visible: function (e) {\r\n if (pdfTemplatesViewModel.multiTenant && (!e.row.data.organisationId || e.row.data.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n }, {\r\n name: \"delete\",\r\n visible: function (e) {\r\n if (pdfTemplatesViewModel.multiTenant && (!e.row.data.organisationId || e.row.data.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n } , {\r\n hint: \"Clone\",\r\n icon: \"copy\",\r\n visible: function (e) {\r\n return !e.row.isEditing;\r\n },\r\n onClick: function (e) {\r\n let clonedItem = new PdfTemplate(\"\", e.row.data, true);\r\n clonedItem.name += \"- Copy\";\r\n\r\n let newName = clonedItem.name;\r\n let countName = 1;\r\n while (pdfTemplatesViewModel.templates.filter(function (x) { return x.name == newName; }).length > 0) {\r\n newName = `${clonedItem.name} ${countName}`;\r\n countName++;\r\n }\r\n clonedItem.name = newName;\r\n\r\n if (pdfTemplatesViewModel.multiTenant && (!clonedItem.organisationId || clonedItem.organisationId === 0) && !loggedUser.permissions.pdfTemplates()) {\r\n clonedItem.organisationId = pdfTemplatesViewModel.organisationId;\r\n }\r\n\r\n e.component.getDataSource().store().push([{ type: \"insert\", data: clonedItem }]);\r\n clonedItem.save(true, function () {\r\n e.component.option(\"focusedRowKey\", clonedItem.id);\r\n });\r\n }\r\n }]\r\n }\r\n ],\r\n showBorders: true,\r\n editing: {\r\n mode: \"row\",\r\n allowUpdating: true,\r\n allowDeleting: true,\r\n allowAdding: true,\r\n useIcons: true,\r\n },\r\n focusedRowEnabled: true,\r\n keyExpr: \"id\",\r\n focusedRowIndex: 0,\r\n onInitNewRow: function (e) {\r\n e.data = new PdfTemplate();\r\n let newName = e.data.name;\r\n let countName = 1;\r\n while (pdfTemplatesViewModel.templates.filter(function (x) { return x.name == newName; }).length > 0) {\r\n newName = `${e.data.name} ${countName}`;\r\n countName++;\r\n }\r\n if (pdfTemplatesViewModel.multiTenant && !loggedUser.permissions.pdfTemplates()) {\r\n e.data.organisationId = pdfTemplatesViewModel.organisationId;\r\n }\r\n\r\n e.data.name = newName;\r\n },\r\n onRowInserted: function (e) {\r\n e.data.save(true, function () {\r\n e.component.option(\"focusedRowKey\", e.data.id);\r\n });\r\n },\r\n onRowUpdated: function (e) {\r\n e.data.save();\r\n },\r\n onRowRemoving: function (e) {\r\n let deferred = $.Deferred();\r\n e.data.delete(function () {\r\n deferred.resolve();\r\n }, function (textStatus, failureText) {\r\n deferred.reject(failureText);\r\n });\r\n e.cancel = deferred.promise();\r\n },\r\n onEditorPrepared: function (options) {\r\n if (pdfTemplatesViewModel.multiTenant && options.dataField == 'organisationId') {\r\n if (!loggedUser.permissions.pdfTemplates()) {\r\n options.editorElement.dxSelectBox('instance').option(\"disabled\", true);\r\n }\r\n else {\r\n options.editorElement.dxSelectBox('instance').option(\"disabled\", false);\r\n }\r\n }\r\n },\r\n },\r\n templates: data.templates,\r\n variables: data.variables,\r\n organisations: data.organisations,\r\n companies: data.companies,\r\n multiTenant: data.multiTenant,\r\n organisationId: data.organisationId\r\n }\r\n\r\n callback();\r\n });\r\n };\r\n\r\n var getPdfTemplates = function (callback: Function = null, allPdfs: boolean = true) {\r\n let sucessCallback = function (data) {\r\n let newTemplates: Array = [];\r\n data.templates.forEach(function (tmp) {\r\n let newTemplate = new PdfTemplate(null, tmp);\r\n newTemplates.push(newTemplate);\r\n });\r\n\r\n data.templates = newTemplates;\r\n callback(data);\r\n };\r\n\r\n irGlobal.updateFromServer({}, urlConfigs.pdfTemplate + \"GetPdfTemplates\", { allPdfs: allPdfs }, sucessCallback, null, true, \"POST\", true);\r\n }\r\n\r\n var prepareEditor = function () {\r\n let popup = ($(\"#pdfTemplatePopup\") as any).dxPopup({\r\n contentTemplate: ``,\r\n width: pdfTemplatesViewModel.multiTenant ? 1000 : 800,\r\n height: 390,\r\n showTitle: true,\r\n title: \"PDF Templates\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n },\r\n onShown: function (e) {\r\n $(\"#pdfTemplatePopupContent\").html(``);\r\n ko.applyBindings(pdfTemplatesViewModel, document.getElementById(\"pdfTemplateContext\"));\r\n }\r\n }).dxPopup(\"instance\");\r\n };\r\n\r\n var openEditor = function () {\r\n if (!pdfTemplatesViewModel) {\r\n loadPdfTemplateViewModel(function () {\r\n prepareEditor();\r\n openEditor();\r\n });\r\n }\r\n else {\r\n let popup = ($(\"#pdfTemplatePopup\") as any).dxPopup(\"instance\");\r\n popup.show();\r\n }\r\n };\r\n\r\n return {\r\n openEditor: openEditor,\r\n copyProperties: copyProperties,\r\n getPdfTemplates: getPdfTemplates\r\n };\r\n\r\n}());","var reportSettings = (function () {\r\n\r\n function setup(context, result, componentType = undefined, isPrinting: boolean = false) {\r\n let div = $(\".tab-report-settings\", context);\r\n if (result.designer) {\r\n return;\r\n }\r\n\r\n result.designer = ko.mapping.fromJS(componentType === \"Chart\" ? result.chartVM.jsonData.config : result.itemConfig);\r\n result.designer.isWidget = ko.observable(context.hasClass(\"dashboardWidget\"));\r\n result.designer.widgetId = context.closest(\".dashboardWidget\").data(\"widgetid\");\r\n\r\n //disable some properties when printing\r\n if (isPrinting) {\r\n if (result.designer.enableRowSelection()) {\r\n result.designer.enableRowSelection(false);\r\n }\r\n }\r\n\r\n defaultSettings(result);\r\n analysisSettings(result, context);\r\n pivotSettings(result, context);\r\n\r\n result.designer.redrawComponent = function () {\r\n if (result.designer.reportTypeStr() === ReportTypeStrEnum.Analysis) {\r\n report.getGridInstance(context).repaint();\r\n }\r\n else if (result.designer.reportTypeStr() === ReportTypeStrEnum.Pivot) {\r\n pivotGrid.getPivotGridInstance(context).repaint();\r\n }\r\n\r\n saveSettings(result.designer);\r\n };\r\n result.designer.runSetup = function () {\r\n if (result.designer.reportTypeStr() === ReportTypeStrEnum.Analysis || result.designer.reportTypeStr() === ReportTypeStrEnum.Pivot) {\r\n report.setup(context, false, false, result);\r\n }\r\n\r\n saveSettings(result.designer);\r\n };\r\n result.designer.reload = function () {\r\n saveSettings(result.designer, function () {\r\n if (result.designer.isWidget()) {\r\n const top = $(\".widget-general-options\", \"#DashboardSettingsPanel\").children(\".dx-scrollable\").dxScrollView(\"instance\").scrollTop();\r\n dashboard.refreshWidgetData(\" \", dashboard.getWidget(result.designer.widgetId), true, function () {\r\n if (top > 0) {\r\n $(\".widget-general-options\", \"#DashboardSettingsPanel\").children(\".dx-scrollable\").dxScrollView(\"instance\").scrollTo({ top: top });\r\n }\r\n });\r\n }\r\n else {\r\n let jsonInput = tabView.getBaseSubmitObject(null);\r\n irGlobal.updateFromServer({},\r\n urlConfigs.workBook + \"GetContentTabView\",\r\n jsonInput,\r\n function (data) {\r\n const top = $(\".tab-report-settings\").children(\".dx-scrollable\").dxScrollView(\"instance\").scrollTop();\r\n\r\n irGlobal.updateOutput(data);\r\n\r\n reportView.openReportSettings({});\r\n if (top > 0) {\r\n $(\".tab-report-settings\").children(\".dx-scrollable\").dxScrollView(\"instance\").scrollTo({ top: top });\r\n }\r\n },\r\n null,\r\n true, \"POST\", undefined, undefined, undefined, false);\r\n }\r\n });\r\n };\r\n\r\n if (div.length > 0) {\r\n ko.applyBindings(result, div.get(0));\r\n }\r\n }\r\n\r\n function getSettings(context) {\r\n let div = $(\".tab-report-settings\", context);\r\n if (div.length > 0) {\r\n return ko.dataFor(div[0]).designer;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n function defaultSettings(result) {\r\n result.designer.reportTypeStr = ko.computed(function () {\r\n if (this.reportType() === ReportTypeEnum.Pivot) {\r\n return ReportTypeStrEnum.Pivot;\r\n }\r\n else if (this.reportType() === ReportTypeEnum.Chart) {\r\n return ReportTypeStrEnum.Chart;\r\n }\r\n\r\n return ReportTypeStrEnum.Analysis;\r\n }, result.designer);\r\n result.designer.aggregateReport = ko.observable(result.designer.isAggregative ? result.designer.isAggregative() : false);\r\n\r\n result.designer.aggregateReport?.subscribe(function (newValue) {\r\n if (result.designer.isAggregative) {\r\n result.designer.isAggregative(newValue);\r\n }\r\n result.designer.reload();\r\n });\r\n result.designer.filterZeros?.subscribe(function (newValue) {\r\n result.designer.reload();\r\n });\r\n result.designer.keepMetricsDrillDown?.subscribe(function (newValue) {\r\n result.designer.reload();\r\n });\r\n result.designer.grandTotalText?.subscribe(function (newValue) {\r\n result.grandTotalText = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.subTotalText?.subscribe(function (newValue) {\r\n result.subTotalText = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.fontSize?.subscribe(function (newValue) {\r\n result.fontSize = newValue;\r\n result.designer.redrawComponent();\r\n });\r\n result.designer.glReport?.subscribe(function (newValue) {\r\n result.glReport = newValue;\r\n result.designer.reload();\r\n });\r\n result.designer.enableRowSelection?.subscribe(function (newValue) {\r\n result.enableRowSelection = newValue;\r\n result.designer.runSetup();\r\n });\r\n }\r\n\r\n function analysisSettings(result, context) {\r\n if (result.designer.reportTypeStr() !== ReportTypeStrEnum.Analysis) {\r\n return;\r\n }\r\n\r\n result.designer.numberFixedColumns?.subscribe(function (newValue) {\r\n result.designer.reload();\r\n });\r\n result.designer.totalsPosition?.subscribe(function (newValue) {\r\n result.totalsPosition = newValue;\r\n result.designer.reload();\r\n });\r\n result.designer.subtotalsPosition?.subscribe(function (newValue) {\r\n result.subtotalsPosition = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.showReportRowCount?.subscribe(function (newValue) {\r\n result.showReportRowCount = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.enableSearchBox?.subscribe(function (newValue) {\r\n result.enableSearchBox = newValue;\r\n report.getGridInstance(context).option(\"searchPanel.visible\", newValue);\r\n let searchBox = $('.dx-datagrid-search-panel.dx-textbox.dx-texteditor.dx-searchbox', $(\".gridContainer\", context)).data('dxTextBox');\r\n if (searchBox) {\r\n searchBox.focus();\r\n }\r\n saveSettings(result.designer);\r\n });\r\n result.designer.expandAllRows?.subscribe(function (newValue) {\r\n result.expandAllRows = newValue;\r\n result.designer.runSetup();\r\n });\r\n }\r\n\r\n function pivotSettings(result, context) {\r\n if (result.designer.reportTypeStr() !== ReportTypeStrEnum.Pivot) {\r\n return;\r\n }\r\n result.designer.pivotConfig?.rowHeaderLayoutPivot?.subscribe(function (newValue) {\r\n result.rowHeaderLayoutPivot = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"rowHeaderLayout\", result.glReport ? 'standard' : newValue === 0 ? 'tree' : 'standard');\r\n saveSettings(result.designer);\r\n });\r\n result.designer.pivotConfig?.showColumnGrandTotals?.subscribe(function (newValue) {\r\n result.showColumnGrandTotals = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"showColumnGrandTotals\", newValue);\r\n saveSettings(result.designer);\r\n });\r\n result.designer.pivotConfig?.showColumnTotals?.subscribe(function (newValue) {\r\n result.showColumnTotals = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"showColumnTotals\", newValue);\r\n saveSettings(result.designer);\r\n });\r\n result.designer.pivotConfig?.showRowGrandTotals?.subscribe(function (newValue) {\r\n result.showRowGrandTotals = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"showRowGrandTotals\", newValue);\r\n saveSettings(result.designer);\r\n });\r\n result.designer.pivotConfig?.showRowTotals?.subscribe(function (newValue) {\r\n result.showRowTotals = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"showRowTotals\", newValue);\r\n saveSettings(result.designer);\r\n });\r\n result.designer.expandAllRows?.subscribe(function (newValue) {\r\n result.expandAllRows = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.pivotConfig?.expandAllColumns?.subscribe(function (newValue) {\r\n result.expandAllColumns = newValue;\r\n result.designer.runSetup();\r\n });\r\n result.designer.pivotLayout.subscribe(function () {\r\n result.designer.reload();\r\n });\r\n\r\n result.designer.enableSearchBox?.subscribe(function (newValue) {\r\n result.enableSearchBox = newValue;\r\n $(\".pivotGridSearchBox\", context).dxTextBox(\"instance\").option(\"visible\", newValue);\r\n\r\n let widget = context.closest(\".widgetContainer\");\r\n if (widget.length > 0) {\r\n $(\".gridContainer\", context).css(\"height\", newValue ? `calc(100% - ${pivotGrid.searchBoxHeight}px)` : \"100%\");\r\n }\r\n\r\n saveSettings(result.designer);\r\n report.resize(context);\r\n });\r\n result.designer.enableFilterPanel?.subscribe(function (newValue) {\r\n result.enableFilterPanel = newValue;\r\n pivotGrid.getPivotGridInstance(context).option(\"fieldPanel.visible\", newValue);\r\n saveSettings(result.designer);\r\n });\r\n }\r\n\r\n function saveSettings(designer, successFunction: Function = null) {\r\n var obj = irGlobal.jsonStringfy(ko.toJS(designer));\r\n let jsonInput = tabView.getBaseSubmitObject({ reportConfig: obj, widgetId: designer.widgetId });\r\n irGlobal.updateFromServer({},\r\n urlConfigs.workBook + \"SaveReportSettings\",\r\n jsonInput,\r\n successFunction ? successFunction : function () { },\r\n null,\r\n true, \"POST\", undefined, undefined, undefined, false);\r\n }\r\n\r\n return {\r\n setup: setup,\r\n saveSettings: saveSettings,\r\n getSettings: getSettings\r\n };\r\n}());\r\n","/*AUTOGENERATED*/var oRevision = {\"Components/Filters/ConditionTypeFilter/ConditionTypeFilterStyles.css\":\"ab3bed4520\",\"Components/Filters/ConditionTypeFilter/ConditionTypeFilterView.html\":\"af4cad6995\",\"Components/Filters/ConditionTypeFilter/ConditionTypeFilterViewModel.js\":\"e62c03951c\",\"Components/Filters/DateFilter/DateFilterStyles.css\":\"c4a0bdb19e\",\"Components/Filters/DateFilter/DateFilterView.html\":\"5857dc6869\",\"Components/Filters/DateFilter/DateFilterViewModel.js\":\"0988422929\",\"Components/Filters/DateRangeFilter/DateRangeFilterStyles.css\":\"93d2d06bd0\",\"Components/Filters/DateRangeFilter/DateRangeFilterView.html\":\"fe50057ef8\",\"Components/Filters/DateRangeFilter/DateRangeFilterViewModel.js\":\"04c516da4d\",\"Components/Filters/DateRangeTypes/DateRangeTypesStyles.css\":\"d41d8cd98f\",\"Components/Filters/DateRangeTypes/DateRangeTypesView.html\":\"7d40d1bc48\",\"Components/Filters/DateRangeTypes/DateRangeTypesViewModel.js\":\"267d13be85\",\"Components/Filters/Filter/FilterStyles.css\":\"4c5b9bccec\",\"Components/Filters/Filter/FilterView.html\":\"3a46d6a49c\",\"Components/Filters/Filter/FilterViewModel.js\":\"617816b227\",\"Components/Filters/FilterList/FilterListStyles.css\":\"d41d8cd98f\",\"Components/Filters/FilterList/FilterListView.html\":\"3160d1118c\",\"Components/Filters/FilterList/FilterListViewModel.js\":\"19432a8f2b\",\"Components/Filters/MetricFilter/MetricFilterStyles.css\":\"e111fb53ab\",\"Components/Filters/MetricFilter/MetricFilterView.html\":\"acb338cde0\",\"Components/Filters/MetricFilter/MetricFilterViewModel.js\":\"c7267d09b4\",\"Components/Filters/MonthFilter/MonthFilterStyles.css\":\"d41d8cd98f\",\"Components/Filters/MonthFilter/MonthFilterView.html\":\"7d40d1bc48\",\"Components/Filters/MonthFilter/MonthFilterViewModel.js\":\"c61faea35c\",\"Components/Filters/MultiSelectFilter/MultiSelectFilterStyles.css\":\"80f4e5ea1f\",\"Components/Filters/MultiSelectFilter/MultiSelectFilterView.html\":\"786c8700f0\",\"Components/Filters/MultiSelectFilter/MultiSelectFilterViewModel.js\":\"4e423ca012\",\"Components/Filters/NumericFilter/NumericFilterStyles.css\":\"d41d8cd98f\",\"Components/Filters/NumericFilter/NumericFilterView.html\":\"5d84b0e52c\",\"Components/Filters/NumericFilter/NumericFilterViewModel.js\":\"186fd3952d\",\"Components/Filters/PreviousNextDate/PreviousNextDateStyles.css\":\"d41d8cd98f\",\"Components/Filters/PreviousNextDate/PreviousNextDateView.html\":\"7d77963b11\",\"Components/Filters/PreviousNextDate/PreviousNextDateViewModel.js\":\"2a54bdb60f\",\"Components/Filters/QuarterFilter/QuarterFilterStyles.css\":\"d41d8cd98f\",\"Components/Filters/QuarterFilter/QuarterFilterView.html\":\"7d40d1bc48\",\"Components/Filters/QuarterFilter/QuarterFilterViewModel.js\":\"8a69908594\",\"Components/Filters/ScopeActionFilter/ScopeActionFilterStyles.css\":\"10892e0743\",\"Components/Filters/ScopeActionFilter/ScopeActionFilterView.html\":\"e66d8eee4a\",\"Components/Filters/ScopeActionFilter/ScopeActionFilterViewModel.js\":\"b61c7659c1\",\"Components/Filters/SwitchFilter/SwitchFilterStyles.css\":\"d41d8cd98f\",\"Components/Filters/SwitchFilter/SwitchFilterView.html\":\"7cdcbfa30c\",\"Components/Filters/SwitchFilter/SwitchFilterViewModel.js\":\"bf4a98e829\",\"Components/Filters/TextBoxFilter/TextBoxFilterStyles.css\":\"d41d8cd98f\",\"Components/Filters/TextBoxFilter/TextBoxFilterView.html\":\"16d4c9865d\",\"Components/Filters/TextBoxFilter/TextBoxFilterViewModel.js\":\"cd3aa7ec1d\",\"Components/components.js\":\"f9c33a50c4\",\"Components/require-css.js\":\"a8cdda9597\",\"Components/require-css.min.js\":\"a235785853\"};","enum FilterEditorTypeEnum {\r\n TextBox = 0,\r\n Date = 1,\r\n DateRange = 2,\r\n Numeric = 3,\r\n ValuesCombo = 4,\r\n MultiSelect = 5,\r\n AutoComplete = 6,\r\n None = 7,\r\n Month = 8,\r\n Quarter = 9,\r\n Switch = 10\r\n}\r\n\r\ninterface IFilterParameterVM {\r\n filter: Filter;\r\n element: JQuery;\r\n dateRanges: KnockoutObservableArray;\r\n dateFormat: KnockoutObservable;\r\n isWidgetFilter: boolean;\r\n}\r\n\r\nenum DataTypeEnum {\r\n NONE = 0,\r\n STRING = 1,\r\n NUMBER = 2,\r\n DATE = 3,\r\n BIT = 4,\r\n BOOL = 5\r\n}\r\n\r\nenum DefinedFieldEnum {\r\n Bound = 0,\r\n Display = 1\r\n}\r\n\r\nenum ContainerScopeEnum {\r\n Mapping = 3,\r\n Workbook = 0,\r\n Report = 1,\r\n Dashboard = 2,\r\n Widget = 4,\r\n ComparisonFilter = 5\r\n}\r\n\r\nenum ScopeActionEnum {\r\n Default,\r\n Combine,\r\n Overwrite\r\n}\r\n\r\nenum FilterConditionTypeEnum {\r\n Equals,\r\n Between,\r\n GreaterThan,\r\n LessThan,\r\n In,\r\n EqualsOrGreaterThan,\r\n EqualsOrLessThan,\r\n Different,\r\n NotBetween,\r\n NotIn\r\n}\r\n\r\nenum FilterTypeEnum {\r\n Field,\r\n AdHoc,\r\n DynamicParameter,\r\n InlineDynamicParameter\r\n}\r\n\r\nenum FilterModifiersEnum {\r\n ValuesCanBeChanged = 0b0000001,\r\n Removable = 0b0000010,\r\n None = 0b0000100,\r\n SettingsCanBeChanged = 0b0001000, //Scope Action\r\n AllowChangeWhenNotOwner = ValuesCanBeChanged | Removable | SettingsCanBeChanged, //Allow to change/remove the filter when the user is not the owner\r\n Default = ValuesCanBeChanged | Removable | SettingsCanBeChanged,\r\n UserFilter = None,\r\n DynamicFilter = ValuesCanBeChanged | SettingsCanBeChanged\r\n}\r\n\r\nclass FilterVM {\r\n filter: Filter;\r\n workbookViewOnly: KnockoutObservable;\r\n dateRanges: KnockoutObservableArray;\r\n dateFormat: KnockoutObservable;\r\n\r\n //Used in the Comparison Filter\r\n removeFilter: Function;\r\n\r\n constructor() {\r\n this.filter = new Filter();\r\n }\r\n}\r\n\r\nclass Filter {\r\n id: KnockoutObservable;\r\n animate: KnockoutObservable;\r\n boundField: KnockoutObservable;\r\n boundFieldType: KnockoutObservable;\r\n conditionType: KnockoutObservable;\r\n dataSource: Array>;\r\n dataSourceLength: KnockoutObservable;\r\n dateRange: KnockoutObservable;\r\n dateRangeConfig: DateRangeConfigFilter;\r\n displayField: KnockoutObservable;\r\n displayFieldType: KnockoutObservable;\r\n displayBoundFieldName: KnockoutObservable;\r\n displayDisplayFieldName: KnockoutObservable;\r\n //dynamicParameterName: KnockoutObservable;\r\n endCondition: KnockoutObservable;\r\n filterEditorType: KnockoutObservable;\r\n filterName: KnockoutObservable;\r\n filterTemplate: KnockoutObservable;\r\n filterType: KnockoutObservable;\r\n isMetric: KnockoutComputed;\r\n //metricContainer: KnockoutObservable;\r\n //metricDecimalPlaces: KnockoutObservable;\r\n metricFilterAbsolute: KnockoutObservable;\r\n //metricFormat: KnockoutObservable;\r\n metricId: KnockoutObservable;\r\n modifiers: KnockoutObservable;\r\n multipleCondition: KnockoutObservable>;\r\n preserveDrillDownFromWidget: KnockoutObservable;\r\n readOnly: KnockoutObservable;\r\n scope: KnockoutObservable;\r\n scopeAction: KnockoutObservable;\r\n showFilter: KnockoutObservable;\r\n //sortField: KnockoutObservable;\r\n startCondition: KnockoutObservable;\r\n startDisplayCondition: KnockoutObservable;\r\n switchChecked: KnockoutObservable;\r\n switchFalseLabel: KnockoutObservable;\r\n //switchFalseValues: KnockoutObservable;\r\n switchTrueLabel: KnockoutObservable;\r\n //switchTrueValues: KnockoutObservable;\r\n visibleFields: KnockoutObservable>;\r\n\r\n isComparisonFilter: KnockoutObservable;\r\n previousDateClick: Function;\r\n nextDateClick: Function;\r\n clearFilter: Function;\r\n updateDataSource: Function;\r\n isDirty: KnockoutObservable;\r\n customPublish: Function;\r\n onContentReady: Function;\r\n\r\n constructor() {\r\n this.isDirty = ko.observable(false);\r\n this.dataSource = null;\r\n }\r\n\r\n getConditionTypeOptions(): Array {\r\n return [\r\n {\r\n id: FilterConditionTypeEnum.Equals, text: \"Equals\", icon: \"=\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.Date || editorType === FilterEditorTypeEnum.TextBox ||\r\n editorType === FilterEditorTypeEnum.Quarter || editorType === FilterEditorTypeEnum.Numeric ||\r\n editorType === FilterEditorTypeEnum.Month || editorType === FilterEditorTypeEnum.ValuesCombo;\r\n }\r\n },\r\n {\r\n id: FilterConditionTypeEnum.Different, text: \"Different\", icon: \"≠\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.Date || editorType === FilterEditorTypeEnum.TextBox ||\r\n editorType === FilterEditorTypeEnum.Quarter || editorType === FilterEditorTypeEnum.Numeric ||\r\n editorType === FilterEditorTypeEnum.Month || editorType === FilterEditorTypeEnum.ValuesCombo;\r\n }\r\n },\r\n {\r\n id: FilterConditionTypeEnum.In, text: \"In\", icon: \"In\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.AutoComplete || editorType === FilterEditorTypeEnum.MultiSelect;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.NotIn, text: \"Not In\", icon: \"Not In\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.AutoComplete || editorType === FilterEditorTypeEnum.MultiSelect;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.Between, text: \"Between\", icon: \"≥ ≤\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.DateRange ||\r\n isMetric;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.NotBetween, text: \"Not Between\", icon: \"≤ ≥\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return editorType === FilterEditorTypeEnum.DateRange ||\r\n isMetric;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.GreaterThan, text: \"Greater Than\", icon: \">\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return isMetric;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.LessThan, text: \"Less Than\", icon: \"<\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return isMetric;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.EqualsOrGreaterThan, text: \"Greater Than or Equals\", icon: \"≥\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return isMetric;\r\n }.bind(this)\r\n },\r\n {\r\n id: FilterConditionTypeEnum.EqualsOrLessThan, text: \"Less Than or Equals\", icon: \"≤\",\r\n visible: function (editorType: FilterEditorTypeEnum, isMetric: boolean) {\r\n return isMetric;\r\n }.bind(this)\r\n },\r\n ];\r\n }\r\n\r\n publish() {\r\n if (this.customPublish) {\r\n this.customPublish();\r\n return;\r\n }\r\n\r\n if (this.isComparisonFilter && this.isComparisonFilter()) {\r\n return;\r\n }\r\n\r\n this.isDirty(true);\r\n irGlobal.enableUpdateButton(true, filtersManager.updateFiltersChanged);\r\n }\r\n\r\n nextPreviousDateChange(isNextDate: boolean, dateRanges: Array, element: JQuery, isWidgetFilter: boolean) {\r\n let type = isNextDate ? \"nextdate\" : \"previousdate\";\r\n \r\n let dateRange = dateRanges.find(function (x) { return x.id() === this.dateRange(); }.bind(this));\r\n let newDateRangeId = 0;\r\n if (isNextDate) {\r\n newDateRangeId = dateRange.nextDate();\r\n }\r\n else {\r\n newDateRangeId = dateRange.previousDate();\r\n }\r\n\r\n if (newDateRangeId !== 0) {\r\n let hasNewDateRange = dateRanges.find(function (x) { return x.id() === newDateRangeId; }) !== undefined;\r\n if (!hasNewDateRange) {\r\n newDateRangeId = 0;\r\n }\r\n }\r\n\r\n let lastDateRangeUsed;\r\n if (this.dateRangeConfig.userDates()) {\r\n lastDateRangeUsed = null;\r\n }\r\n else if (this.dateRangeConfig.multiplier() == 0) {\r\n lastDateRangeUsed = this.dateRange();\r\n }\r\n else {\r\n lastDateRangeUsed = this.dateRangeConfig.lastDateUsed();\r\n }\r\n\r\n if (newDateRangeId === 0) {\r\n if (isNextDate) {\r\n this.dateRangeConfig.multiplier(this.dateRangeConfig.multiplier() + 1);\r\n }\r\n else {\r\n this.dateRangeConfig.multiplier(this.dateRangeConfig.multiplier() - 1);\r\n }\r\n\r\n if (this.dateRangeConfig.multiplier() === 0) {\r\n newDateRangeId = this.dateRangeConfig.lastDateUsed() || 0;\r\n this.dateRangeConfig.lastDateUsed(null);\r\n }\r\n }\r\n\r\n if (newDateRangeId !== 0) {\r\n this.dateRange(newDateRangeId);\r\n\r\n if (!isWidgetFilter) {\r\n filtersManager.updateFiltersChanged({});\r\n }\r\n }\r\n else {\r\n if (this.dateRangeConfig.startDate() !== null) {\r\n this.dateRangeConfig.startDate(this.dateRangeConfig.startDate());\r\n }\r\n else {\r\n this.dateRangeConfig.startDate(this.startCondition());\r\n }\r\n\r\n if (this.dateRangeConfig.endDate() !== null) {\r\n this.dateRangeConfig.endDate(this.dateRangeConfig.endDate());\r\n }\r\n else {\r\n this.dateRangeConfig.endDate(this.endCondition());\r\n }\r\n\r\n this.dateRangeConfig.lastDateUsed(lastDateRangeUsed);\r\n\r\n let dateRangeConfig = ko.mapping.toJS(this.dateRangeConfig);\r\n irGlobal.updateFromServer({},\r\n urlConfigs.tabs + \"GetNewDateRage\",\r\n dateRangeConfig,\r\n function (data) {\r\n this.dateRange(irGlobal.customDate.custom);\r\n\r\n let usersDate = this.dateRangeConfig.userDates();\r\n let multiplier = this.dateRangeConfig.multiplier();\r\n let lastDateUsed = this.dateRangeConfig.lastDateUsed();\r\n let startDate = this.dateRangeConfig.startDate();\r\n let endDate = this.dateRangeConfig.endDate();\r\n if (this.filterEditorType() == FilterEditorTypeEnum.Date) {\r\n let dateBox = $(\"div.dx-datebox\", element).dxDateBox(\"instance\");\r\n dateBox.option(\"value\", data.startDate);\r\n }\r\n else {\r\n let dateRangeBox = $(\"div.dx-daterangebox\", element).dxDateRangeBox(\"instance\");\r\n dateRangeBox.option(\"value\", [data.startDate, data.endDate]);\r\n }\r\n this.dateRangeConfig.userDates(usersDate);\r\n this.dateRangeConfig.multiplier(multiplier);\r\n this.dateRangeConfig.lastDateUsed(lastDateUsed);\r\n this.dateRangeConfig.startDate(startDate);\r\n this.dateRangeConfig.endDate(endDate)\r\n\r\n if (!isWidgetFilter) {\r\n filtersManager.updateFiltersChanged({});\r\n }\r\n }.bind(this),\r\n null,\r\n true,\r\n \"POST\",\r\n undefined,\r\n undefined,\r\n true,\r\n false);\r\n }\r\n }\r\n\r\n isCombinedDate(): boolean {\r\n return this.scopeAction() === ScopeActionEnum.Combine && (this.filterEditorType() === FilterEditorTypeEnum.Date || this.filterEditorType() === FilterEditorTypeEnum.DateRange);\r\n }\r\n}\r\n\r\n//class Field {\r\n// id: KnockoutObservable;\r\n// fieldName: KnockoutObservable;\r\n// displayName: KnockoutObservable;\r\n// tableName: KnockoutObservable;\r\n// type: KnockoutObservable;\r\n//}\r\n\r\nclass DateRange {\r\n id: KnockoutObservable;\r\n name: KnockoutObservable;\r\n nextDate: KnockoutObservable;\r\n previousDate: KnockoutObservable;\r\n\r\n initials: KnockoutObservable;\r\n startDate: KnockoutObservable;\r\n endDate: KnockoutObservable;\r\n}\r\n\r\nclass DateRangeConfigFilter {\r\n multiplier: KnockoutObservable;\r\n startDate: KnockoutObservable;\r\n lastDateUsed: KnockoutObservable;\r\n endDate: KnockoutObservable;\r\n userDates: KnockoutObservable;\r\n}","enum VisibilityEnum {\r\n Normal = 0,\r\n Deprecated = 1\r\n}\r\n\r\nenum LabelFormatEnum {\r\n Automatic,\r\n Normal,\r\n Thousands,\r\n Millions,\r\n Billions,\r\n}\r\n\r\nvar convertAutoGrouping = function (autoGrouping: string): AutoGroupingEnum {\r\n switch (autoGrouping) {\r\n case \"ByDay\":\r\n return AutoGroupingEnum.ByDay;\r\n case \"ByMonth\":\r\n return AutoGroupingEnum.ByMonth;\r\n case \"ByMonthOnly\":\r\n return AutoGroupingEnum.ByMonthOnly;\r\n case \"ByQuarter\":\r\n return AutoGroupingEnum.ByQuarter;\r\n case \"ByQuarterOnly\":\r\n return AutoGroupingEnum.ByQuarterOnly;\r\n case \"ByWeek\":\r\n return AutoGroupingEnum.ByWeek;\r\n case \"ByYear\":\r\n return AutoGroupingEnum.ByYear;\r\n default:\r\n AutoGroupingEnum.None;\r\n }\r\n}\r\n\r\nvar getAutoGroupingText = function (autoGrouping: AutoGroupingEnum): string {\r\n switch (autoGrouping) {\r\n case AutoGroupingEnum.ByDay:\r\n return \"By Day\";\r\n case AutoGroupingEnum.ByMonth:\r\n return \"By Month\";\r\n case AutoGroupingEnum.ByMonthOnly:\r\n return \"By MonthOnly\";\r\n case AutoGroupingEnum.ByQuarter:\r\n return \"By Quarter\";\r\n case AutoGroupingEnum.ByQuarterOnly:\r\n return \"By QuarterOnly\";\r\n case AutoGroupingEnum.ByWeek:\r\n return \"By Week\";\r\n case AutoGroupingEnum.ByYear:\r\n return \"By Year\";\r\n default:\r\n return \"\";\r\n }\r\n}\r\n\r\nvar getFilterVariables = function(){\r\n return [\r\n { id: \"DATE\", text: \"Date\", range: false },\r\n { id: \"MONTH\", text: \"Month\", range: false },\r\n { id: \"YEAR\", text: \"Year\", range: false },\r\n { id: \"STARTYEAR\", text: \"Start Year\", range: true },\r\n { id: \"STARTMONTH\", text: \"Start Month\", range: true },\r\n { id: \"STARTDATE\", text: \"Start Date\", range: true },\r\n { id: \"ENDYEAR\", text: \"End Year\", range: true },\r\n { id: \"ENDMONTH\", text: \"End Month\", range: true },\r\n { id: \"ENDDATE\", text: \"End Date\", range: true },\r\n { id: \"DATERANGE\", text: \"Date Range\", range: undefined},\r\n { id: \"DATERANGESHORT\", text: \"Short Date Range\", range: undefined },\r\n { id: \"MTH\", text: \"Short Month\", range: undefined },\r\n { id: \"WEEK\", text: \"Week\", range: undefined },\r\n { id: \"WEEKRANGE\", text: \"Week Range\", range: true }\r\n ];\r\n}\r\n\r\nclass IRSettings {\r\n dateFormat: string;\r\n shortDateFormat: string;\r\n version: string;\r\n dateVersion: string;\r\n}\r\nvar irSettings: IRSettings;\r\n\r\nenum TabTypeStrEnum {\r\n Report = \"Report\",\r\n Dashboard = \"Dashboard\",\r\n ReportDesigner = \"ReportDesigner\",\r\n ChartDesigner = \"ChartDesigner\",\r\n None = \"None\",\r\n Chart = \"Chart\"\r\n}\r\nenum TabTypeEnum {\r\n Report = 0,\r\n Dashboard = 1,\r\n ReportDesigner = 2,\r\n ChartDesigner = 3,\r\n None = 4,\r\n Chart = 5\r\n}\r\nenum ReportTypeStrEnum {\r\n Analysis = \"Analysis\",\r\n Pivot = \"Pivot\",\r\n Chart = \"Chart\",\r\n None = \"None\"\r\n}\r\n\r\nenum WorkbookOpeningModeEnum {\r\n View = 0,\r\n Edit = 1\r\n}","var requirejs: any;\r\n\r\nlet componentRoot = urlConfigs.siteRoot + 'Components/';\r\n\r\n//set the path for text and require-css, so require can load from the Components folder\r\nrequirejs.config({\r\n map: {\r\n '*': {\r\n 'css': `${componentRoot}require-css.min.js`\r\n }\r\n },\r\n //Added a timeout zero to avoid errors when opening big dashboards\r\n //Uncaught Error: Load timeout for modules: text!\r\n waitSeconds: 0,\r\n});\r\n\r\n//Override the load method of require to include a file version\r\n//Same is done for text and require-css\r\n//oRevision is located in the revision.ts file generated by a gulp task that watch the file modifications\r\nvar load = requirejs.load;\r\nrequirejs.load = function (context, moduleId, url) {\r\n let moduleIdTemp = moduleId;\r\n if (moduleIdTemp.startsWith(componentRoot)) {\r\n moduleIdTemp = moduleIdTemp.substring(urlConfigs.siteRoot.length);\r\n }\r\n let version = oRevision[moduleIdTemp];\r\n //console.log(moduleId + \" | \" + moduleIdTemp + \" | \" + version);\r\n if (version) {\r\n url += \"?v=\" + version;\r\n }\r\n load(context, moduleId, url);\r\n};\r\n\r\n\r\nvar templateFromUrlLoader = {\r\n loadTemplate: function (name, templateConfig, callback) {\r\n if (templateConfig.fromUrl) {\r\n // Uses jQuery's ajax facility to load the markup from a file\r\n let fullUrl = templateConfig.fromUrl;\r\n let moduleIdTemp = fullUrl;\r\n if (fullUrl.startsWith(componentRoot)) {\r\n moduleIdTemp = moduleIdTemp.substring(urlConfigs.siteRoot.length);\r\n }\r\n\r\n let version = oRevision[moduleIdTemp];\r\n if (version) {\r\n fullUrl += \"?v=\" + version;\r\n }\r\n $.get(fullUrl, function (markupString) {\r\n // We need an array of DOM nodes, not a string.\r\n // We can use the default loader to convert to the\r\n // required format.\r\n ko.components.defaultLoader.loadTemplate(name, markupString, callback);\r\n });\r\n } else {\r\n // Unrecognized config format. Let another loader handle it.\r\n callback(null);\r\n }\r\n }\r\n};\r\n\r\n// Register it\r\nko.components.loaders.unshift(templateFromUrlLoader);\r\n\r\n\r\n//Register the components here\r\n//The viewModel file name doesn't include the extension, only the same\r\n//The template needs to have the .html extension and the \"text!\" in the beggining\r\n\r\nko.components.register('filter-list', {\r\n viewModel: { require: `${componentRoot}Filters/FilterList/FilterListViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/FilterList/FilterListView.html` }\r\n});\r\n\r\nko.components.register('filter', {\r\n viewModel: { require: `${componentRoot}Filters/Filter/FilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/Filter/FilterView.html` }\r\n});\r\n\r\nko.components.register('scope-action-filter', {\r\n viewModel: { require: `${componentRoot}Filters/ScopeActionFilter/ScopeActionFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/ScopeActionFilter/ScopeActionFilterView.html` }\r\n});\r\n\r\nko.components.register('condition-type-filter', {\r\n viewModel: { require: `${componentRoot}Filters/ConditionTypeFilter/ConditionTypeFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/ConditionTypeFilter/ConditionTypeFilterView.html` }\r\n});\r\n\r\nko.components.register('date-range-types', {\r\n viewModel: { require: `${componentRoot}Filters/DateRangeTypes/DateRangeTypesViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/DateRangeTypes/DateRangeTypesView.html` }\r\n});\r\n\r\nko.components.register('month-filter', {\r\n viewModel: { require: `${componentRoot}Filters/MonthFilter/MonthFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/MonthFilter/MonthFilterView.html` }\r\n});\r\n\r\nko.components.register('quarter-filter', {\r\n viewModel: { require: `${componentRoot}Filters/QuarterFilter/QuarterFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/QuarterFilter/QuarterFilterView.html` }\r\n});\r\n\r\nko.components.register('switch-filter', {\r\n viewModel: { require: `${componentRoot}Filters/SwitchFilter/SwitchFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/SwitchFilter/SwitchFilterView.html` }\r\n});\r\n\r\nko.components.register('textBox-filter', {\r\n viewModel: { require: `${componentRoot}Filters/TextBoxFilter/TextBoxFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/TextBoxFilter/TextBoxFilterView.html` }\r\n});\r\n\r\nko.components.register('multiSelect-filter', {\r\n viewModel: { require: `${componentRoot}Filters/MultiSelectFilter/MultiSelectFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/MultiSelectFilter/MultiSelectFilterView.html` }\r\n});\r\n\r\nko.components.register('metric-filter', {\r\n viewModel: { require: `${componentRoot}Filters/MetricFilter/MetricFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/MetricFilter/MetricFilterView.html` }\r\n});\r\n\r\nko.components.register('dateRange-filter', {\r\n viewModel: { require: `${componentRoot}Filters/DateRangeFilter/DateRangeFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/DateRangeFilter/DateRangeFilterView.html` }\r\n});\r\n\r\nko.components.register('date-filter', {\r\n viewModel: { require: `${componentRoot}Filters/DateFilter/DateFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/DateFilter/DateFilterView.html` }\r\n});\r\n\r\nko.components.register('numeric-filter', {\r\n viewModel: { require: `${componentRoot}Filters/NumericFilter/NumericFilterViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/NumericFilter/NumericFilterView.html` }\r\n});\r\n\r\nko.components.register('previous-next-date', {\r\n viewModel: { require: `${componentRoot}Filters/PreviousNextDate/PreviousNextDateViewModel.js` },\r\n template: { fromUrl: `${componentRoot}Filters/PreviousNextDate/PreviousNextDateView.html` }\r\n});","declare var urlConfigs: any;\r\ndeclare var bootbox: any;\r\nclass WorkbookCopy {\r\n originalWorkbookId: number;\r\n originalWorkbookName: string;\r\n\r\n workbookCopyId: number;\r\n workbookCopyName: string;\r\n\r\n copyDate: Date;\r\n dateModification: Date;\r\n\r\n ownerId: number;\r\n ownerName: string;\r\n\r\n constructor() {\r\n\r\n }\r\n}\r\n\r\nclass WorkbookCopyViewModel {\r\n workbookCopies: Array;\r\n originalWorkbook: Array;\r\n tabSettings: any;\r\n\r\n constructor() {\r\n this.workbookCopies = [];\r\n this.originalWorkbook = [];\r\n }\r\n}\r\n\r\nvar workbookCopies = (function () {\r\n function show(workbookId: boolean) {\r\n let url = \"GetWorkbookCopies\";\r\n \r\n irGlobal.updateFromServer({},\r\n urlConfigs.tabs + \"GetWorkbookCopies\",\r\n {\r\n workbookId: workbookId\r\n },\r\n function (result) {\r\n setup(result);\r\n }.bind(this),\r\n null,\r\n true,\r\n \"POST\");\r\n }\r\n\r\n function setup(data) {\r\n let vm = new WorkbookCopyViewModel();\r\n data.workbookCopies.forEach(function (wb) {\r\n let workbookCopy = new WorkbookCopy();\r\n Object.assign(workbookCopy, wb);\r\n vm.workbookCopies.push(workbookCopy);\r\n });\r\n data.originalWorkbook.forEach(function (wb) {\r\n let originalWb = new WorkbookCopy();\r\n Object.assign(originalWb, wb);\r\n vm.originalWorkbook.push(originalWb);\r\n });\r\n\r\n vm.tabSettings = {\r\n activeStateEnabled: true,\r\n selectedIndex: vm.originalWorkbook.length > 0 && vm.workbookCopies.length > 0 ? 0 : vm.originalWorkbook.length > 0 ? 1 : 0,\r\n dataSource: [{\r\n name: \"Workbook Copies\",\r\n visible: vm.workbookCopies.length > 0 || vm.originalWorkbook.length === 0,\r\n dataSource: vm.workbookCopies\r\n },\r\n {\r\n name: \"Original Workbook\",\r\n visible: vm.originalWorkbook.length > 0,\r\n dataSource: vm.originalWorkbook\r\n }],\r\n itemTitleTemplate: function (data, index, element) {\r\n return data.name;\r\n },\r\n itemTemplate: function (data, index, element) {\r\n element.dxDataGrid({\r\n height: 320,\r\n dataSource: data.dataSource,\r\n columns: [\r\n { dataField: \"ownerName\", caption: \"Owner\" },\r\n { dataField: \"workbookName\", caption: \"Workbook\" },\r\n { dataField: \"dateModification\", caption: \"Date Modification\", dataType: \"datetime\", width: 130 },\r\n { dataField: \"copyDate\", caption: \"Copy Date\", dataType: \"datetime\", width: 130 },\r\n {\r\n type: 'buttons',\r\n width: 50,\r\n buttons: [{\r\n hint: 'Open workbook',\r\n icon: 'link',\r\n onClick(e) {\r\n if (e.row.data.hasAccess || loggedUser.permissions.workbooks()) {\r\n window.open(`${window.location.origin}/wb/open/${e.row.data.workbookId}`, '_blank').focus();\r\n }\r\n else {\r\n DevExpress.ui.dialog.alert(\"No access to workbook\", \"\");\r\n }\r\n }\r\n }],\r\n }\r\n ]\r\n });\r\n }\r\n }\r\n\r\n let popup = ($(\"#WorkbookCopiesPopup\") as any).dxPopup({\r\n contentTemplate: ``,\r\n width: 800,\r\n height: 400,\r\n showTitle: true,\r\n title: \"Workbook Copies\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n },\r\n onShown: function (e) {\r\n ko.applyBindings(vm, document.getElementById(\"WorkbookCopiesPopupContent\"));\r\n }\r\n }).dxPopup(\"instance\");\r\n\r\n popup.show();\r\n }\r\n\r\n return {\r\n show: show\r\n };\r\n}());"]}