{"version":3,"sources":["webpack:///./src/pages/Report.vue","webpack:///./src/pages/Report.vue?dc80","webpack:///./src/pages/Report.vue?d2dd"],"names":["class","data","width","height","id","key","reportId","ref","style","sectionHeight","spinnerShow","name","setup","power_bi","dashboardContainer","window","innerHeight","dashboard","route","locale","updateSectionHeight","containerHeight","value","clientHeight","removeOverlay","getNewAccessToken","axios","get","params","report_id","response","accessToken","console","error","getDataFromReport","mountNewReport","log","report","config","type","tokenType","embedUrl","permissions","Permissions","Read","eventHooks","accessTokenProvider","settings","filterPaneEnabled","localeSettings","language","navContentPaneEnabled","Service","hpmFactory","wpmpFactory","routerFactory","embed","off","on","iframe","getElementsByTagName","frameBorder","newVal","section","__exports__","render"],"mappings":"iOAG4BA,MAAM,W,uBAC5B,eAAmF,UAA1EC,KAAK,kCAAkCC,MAAM,MAAMC,OAAO,O,eAAnE,G,gDAHJ,eAKM,OALDC,GAAG,eAAgBC,IAAK,EAAAC,U,CAC3B,eAAgG,OAA3FC,IAAI,qBAAqBH,GAAG,qBAAuBI,MAAK,uBAAY,EAAAC,iB,QAC9D,EAAAC,a,iBAAX,eAC2F,MAD3F,EAC2F,I,oGAYhF,GACbC,KAAM,SACNC,MAFa,WAIX,IAAMN,EAAW,eAAI,MACfO,EAAW,eAAI,MACfC,EAAqB,eAAI,MACzBJ,EAAc,gBAAI,GAClBD,EAAgB,eAAKM,OAAOC,YAAc,IAAO,MACnDC,EAAY,KAIVC,EAAQ,iBAGRC,EAAS,CACb,GAAM,QACN,GAAM,QACN,GAAM,SAGR,SAASC,IACP,IAAMC,EAAkBP,EAAmBQ,MAAMC,aACjDd,EAAca,MAAd,UAAyBD,EAAzB,MAKF,SAASG,IACPd,EAAYY,OAAQ,EA5BhB,SA8BSG,IA9BT,6FA8BN,6HAE2BC,EAAA,KAAYC,IAAI,WAAaT,EAAMU,OAAOC,WAFrE,cAEUC,EAFV,yBAGWA,EAAS7B,KAAKA,KAAK8B,aAH9B,yCAKIC,QAAQC,MAAR,MALJ,8DA9BM,iCAuCSC,EAvCT,gGAuCN,WAAiC5B,GAAjC,uGACyBoB,EAAA,KAAYC,IAAZ,kBAA2BrB,IADpD,cACQwB,EADR,yBAESA,EAAS7B,KAAKA,MAFvB,2CAvCM,iCA4CSkC,EA5CT,gGA4CN,WAA8B7B,GAA9B,yGAEI0B,QAAQI,IAAI,GAFhB,SAIuBF,EAAkB5B,GAJzC,OAIQ+B,EAJR,OAOQC,EAAS,CACbC,KAAM,SACNC,UAAW,EACXT,YAAaM,EAAON,YACpBU,SAAUJ,EAAOI,SACjBrC,GAAIiC,EAAOjC,GACXsC,YAAa,YAAWC,YAAYC,KACpCC,WAAY,CACVC,oBAAqBrB,GAEvBsB,SAAU,CACRC,mBAAmB,EACnBC,eAAgB,CACdC,SAAU/B,EAAO,mBAEnBgC,uBAAuB,IAIzBtC,EAASS,MAAQ,IAAI,aAAY8B,QAAQ,eAAcC,WAAY,eAAcC,YAAa,eAAcC,eAC9GtC,EAAYJ,EAASS,MAAMkC,MAAM1C,EAAmBQ,MAAOgB,GAO3DrB,EAAUwC,IAAI,UAGdxC,EAAUyC,GAAG,YAAY,WACvB,IAAMC,EAAS7C,EAAmBQ,MAAMsC,qBAAqB,UAAU,GACvED,EAAOE,YAAc,IACrBrC,OAIFP,EAAUyC,GAAG,SAAS,WACpBzC,EAAUwC,IAAI,YA7ClB,4DAiDIjC,IAjDJ,kFA5CM,wBA6HN,OAxBA,gBAAU,WACRJ,IACAd,EAASgB,MAAQJ,EAAMU,OAAOC,UAC9BM,EAAe7B,EAASgB,UAG1B,gBAAM,kBAAMb,EAAca,SAAO,SAACwC,GAChC,IAAMC,EAAUjD,EAAmBQ,MAC/ByC,IACFA,EAAQvD,MAAML,OAAS2D,MAI3B,gBAAM,kBAAM5C,EAAMU,OAAOC,aAAW,SAACiC,GACnC9B,QAAQI,IAAI,GACZJ,QAAQI,IAAItB,EAAmBQ,OAC1BwC,IACLxD,EAASgB,MAAQwC,EACjBpD,EAAYY,OAAQ,EAGpBa,EAAe7B,EAASgB,WAGnB,CACLhB,WACAI,cACAD,gBACAK,wB,iCC5IN,MAAMkD,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCTf","file":"js/chunk-4e902673.bb1e499b.js","sourcesContent":["<template>\n  <div id=\"divContainer\" :key=\"reportId\">\n    <div ref=\"dashboardContainer\" id=\"dashboardContainer\"  :style=\"{ height: sectionHeight }\"></div>\n    <div v-if=\"spinnerShow\" class=\"overlay\">\n      <object  data=\"../../layout/images/spinner.svg\" width=\"100\" height=\"100\"> </object></div>\n\n  </div>\n</template>\n\n<script>\nimport {ref, onMounted, watch} from 'vue';\nimport { getCurrentI18nFast } from \"@/locales/i18n\";\nimport * as pbi from \"powerbi-client\";\nimport axiosClient from \"@/axios\";\nimport {useRoute} from \"vue-router\";\n\nexport default {\n  name: 'Report',\n  setup() {\n    // Define reactive variables using the ref() function\n    const reportId = ref(null);\n    const power_bi = ref(null);\n    const dashboardContainer = ref(null);\n    const spinnerShow = ref(true);\n    const sectionHeight = ref((window.innerHeight - 100) + 'px');\n    let dashboard = null;\n\n    // Initialize router and route objects\n    // const router = useRouter();\n    const route = useRoute();\n\n    // Map locale codes to Power BI locale codes\n    const locale = {\n      'ru': 'ru-RU',\n      'en': 'en-US',\n      'kk': 'kk-KZ',\n    };\n\n    function updateSectionHeight() {\n      const containerHeight = dashboardContainer.value.clientHeight;\n      sectionHeight.value = `${containerHeight}px`;\n    }\n\n\n    // Hide the spinner overlay\n    function removeOverlay() {\n      spinnerShow.value = false;\n    }\n    async function getNewAccessToken() {\n      try {\n        const response = await axiosClient.get('/report/' + route.params.report_id);\n        return response.data.data.accessToken;\n      } catch (error) {\n        console.error(error);\n        throw error;\n      }\n    }\n    async function getDataFromReport(reportId){\n      const response = await axiosClient.get(`/report/${reportId}`);\n      return response.data.data;\n    }\n\n    async function mountNewReport(reportId){\n      try{\n        console.log(3)\n      // Retrieve report data from the server using axiosClient\n      const report = await getDataFromReport(reportId);\n\n      // Configure the Power BI embed config object\n      const config = {\n        type: 'report', // report.reportType\n        tokenType: 0,\n        accessToken: report.accessToken,\n        embedUrl: report.embedUrl,\n        id: report.id,\n        permissions: pbi.models.Permissions.Read,\n        eventHooks: {\n          accessTokenProvider: getNewAccessToken\n        },\n        settings: {\n          filterPaneEnabled: false,\n          localeSettings: {\n            language: locale[getCurrentI18nFast()],\n          },\n          navContentPaneEnabled: false,\n        },\n      };\n      // Embed the report in the container element\n        power_bi.value = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);\n      dashboard = power_bi.value.embed(dashboardContainer.value, config);\n\n      // Hide the iframe until it's rendered\n\n      // iframe.style.display = 'none';\n\n      // Show the iframe when the report is rendered\n      dashboard.off('loaded');\n\n      // Handle errors during report rendering\n      dashboard.on('rendered', function () {\n        const iframe = dashboardContainer.value.getElementsByTagName('iframe')[0];\n        iframe.frameBorder = '0';\n        removeOverlay();\n        // iframe.style.display = 'inline';\n\n      });\n      dashboard.on('error', function () {\n        dashboard.off('error');\n      });\n      } catch (error) {\n        // Redirect to the not_found page if there's an error loading the report\n        removeOverlay();\n        // router.push({name: 'not_found', params: {...route.params, locale: route.params.locale}});\n        return error;\n      }\n    }\n\n\n    // Load the report on page load\n    onMounted(() => {\n      updateSectionHeight();\n      reportId.value = route.params.report_id;\n      mountNewReport(reportId.value);\n    });\n\n    watch(() => sectionHeight.value, (newVal) => {\n      const section = dashboardContainer.value;\n      if (section) {\n        section.style.height = newVal;\n      }\n    });\n    // Reload the report when the report ID changes\n    watch(() => route.params.report_id, (newVal) => {\n      console.log(1)\n      console.log(dashboardContainer.value)\n      if (!newVal) return;\n      reportId.value = newVal;\n      spinnerShow.value = false; // Add this line to show the spinner overlay\n      // const myNode = dashboardContainer.value;\n      // myNode.replaceChildren();\n      mountNewReport(reportId.value);\n    });\n\n    return {\n      reportId,\n      spinnerShow,\n      sectionHeight,\n      dashboardContainer\n    }\n  }\n}\n</script>\n\n<style scoped>\n.overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(255,255,255);\n  z-index: 780;\n}\n\n\niframe {\n  border: none;\n}\n\nbody {\n  height: 100%;\n  margin: 0;\n}\n\nhtml {\n  height: 100%;\n  overflow: hidden;\n  margin: 0;\n}\n\n#dashboardContainer {\n  height: 100%;\n  overflow: hidden;\n}\n</style>\n","import { render } from \"./Report.vue?vue&type=template&id=883d83e4&scoped=true\"\nimport script from \"./Report.vue?vue&type=script&lang=js\"\nexport * from \"./Report.vue?vue&type=script&lang=js\"\n\nimport \"./Report.vue?vue&type=style&index=0&id=883d83e4&scoped=true&lang=css\"\n\nimport exportComponent from \"/var/www/html/smart/vue/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-883d83e4\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Report.vue?vue&type=style&index=0&id=883d83e4&scoped=true&lang=css\""],"sourceRoot":""}