{"version":3,"sources":["webpack:///./src/views/CZFlexibleProcurement/CZSavingsVsBudget.vue?79f8","webpack:///./src/views/CZFlexibleProcurement/CZSavingsVsBudget.vue","webpack:///./src/views/CZFlexibleProcurement/CZSavingsVsBudget.vue?ae52","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["_hoisted_1","class","id","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","render","_ctx","_cache","$props","$setup","$data","$options","_component_apexchart","loading","ref","type","height","options","chartOptions","series","name","components","setup","savingsBudget","store","getters","layoutConfig","chart","stacked","grid","show","plotOptions","bar","borderRadius","columnWidth","dataLabels","enabled","xaxis","labels","datetimeUTC","formatter","val","timestamp","Date","format","style","fontSize","fontFamily","fontWeight","title","text","cssClass","axisBorder","axisTicks","yaxis","value","AccountId","current","FPreportName","FPscenarioName","accountInfo","clientId","productId","reportId","scenarioId","iscurrent","ApiService","post","then","data","dayCostList","response","splice","push","map","a","date","savings","catch","console","log","__exports__","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-678cc604.81c7adc4.js","sourcesContent":["import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  class: \"card mb-5 mb-xl-5\",\n  id: \"kt_profile_details_view\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"card-header cursor-pointer\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"card-title m-0\" }, [\n    /*#__PURE__*/_createElementVNode(\"i\", { class: \"bi-bar-chart-fill text-danger p-3\" }),\n    /*#__PURE__*/_createElementVNode(\"h5\", { class: \"fw-bolder m-0\" }, \"Savings V Budget\")\n  ])\n], -1)\nconst _hoisted_3 = { class: \"card-body p-9\" }\nconst _hoisted_4 = { class: \"overlay-wrapper\" }\nconst _hoisted_5 = { class: \"row mb-7\" }\nconst _hoisted_6 = { id: \"chart\" }\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"overlay-layer bg-dark-o-25\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"spinner spinner-primary\" })\n], -1)\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_apexchart = _resolveComponent(\"apexchart\")!\n\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass({ 'overlay overlay-block': _ctx.loading })\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _hoisted_2,\n      _createElementVNode(\"div\", _hoisted_3, [\n        _createElementVNode(\"div\", _hoisted_4, [\n          _createElementVNode(\"div\", _hoisted_5, [\n            _createElementVNode(\"div\", _hoisted_6, [\n              _createVNode(_component_apexchart, {\n                ref: \"chart\",\n                type: \"bar\",\n                height: \"350\",\n                options: _ctx.chartOptions,\n                series: _ctx.series\n              }, null, 8, [\"options\", \"series\"])\n            ])\n          ])\n        ]),\n        _hoisted_7\n      ])\n    ])\n  ], 2))\n}","\nimport { defineComponent, onMounted, reactive, ref, watch } from \"vue\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport ApiService from \"@/core/services/ApiService\";\nimport moment from \"moment\";\nimport store from \"@/store\";\n\nexport default defineComponent({\n  name: \"CZSavingsVsBudget\",\n\n  components: {},\n  setup() {\n    onMounted(() => {\n      setCurrentPageBreadcrumbs(\"Savings Vs Budget\", [\"Flexible Procurement\"]);\n      savingsBudget();\n    });\n\n    const loading = ref<boolean>(false);\n    watch(\n      () => [\n        store.getters.layoutConfig(\"flexibleProcurement.scenarioName\"),\n        store.getters.layoutConfig(\"flexibleProcurement.reportName\"),\n        store.getters.layoutConfig(\"flexibleProcurement.current\"),\n      ],\n      function () {\n        savingsBudget();\n      }\n    );\n\n    const chartOptions = {\n      chart: {\n        type: \"bar\",\n        height: 350,\n        stacked: true,\n      },\n      grid: {\n        show: true,\n      },\n      plotOptions: {\n        bar: {\n          borderRadius: 1,\n          columnWidth: 25 + \"%\",\n        },\n      },\n      dataLabels: {\n        enabled: false,\n      },\n      xaxis: {\n        type: \"datetime\",\n        labels: {\n          datetimeUTC: false,\n          formatter: function (val, timestamp) {\n            return moment(new Date(timestamp)).format(\"MMM\");\n          },\n          style: {\n            fontSize: \"12px\",\n            fontFamily: \"Helvetica, Arial, sans-serif\",\n            fontWeight: 500,\n          },\n        },\n        title: {\n          text: \"Savings V Budget\",\n          style: {\n            fontSize: \"20px\",\n            fontWeight: 600,\n            cssClass: \"apexcharts-yaxis-title\",\n          },\n        },\n\n        axisBorder: {\n          show: true,\n        },\n        axisTicks: {\n          show: true,\n        },\n      },\n      yaxis: {\n        title: {\n          text: \"£\",\n          style: {\n            fontSize: \"20px\",\n            fontFamily: \"Helvetica, Arial, sans-serif\",\n            fontWeight: 600,\n            cssClass: \"apexcharts-yaxis-title\",\n          },\n        },\n      },\n    };\n\n    const series = reactive([{}]);\n    series.splice(0);\n\n    /**\n     *@description For getting savings vs budget report\n     */\n    function savingsBudget() {\n      loading.value = true;\n\n      let AccountId = store.getters.AccountId;\n      let current = store.getters.layoutConfig(\"flexibleProcurement.current\");\n      let FPreportName = store.getters.layoutConfig(\n        \"flexibleProcurement.reportName\"\n      );\n      let FPscenarioName = store.getters.layoutConfig(\n        \"flexibleProcurement.scenarioName\"\n      );\n\n      const accountInfo: any = {\n        clientId: AccountId,\n        productId: 4,\n        reportId: FPreportName,\n        scenarioId: FPscenarioName,\n        iscurrent: current,\n      };\n      ApiService.post(\"api/FlexProcurement/getFlexProcrement\", accountInfo)\n        .then(async ({ data }) => {\n          const response = await data.dayCostList;\n          series.splice(0);\n          series.push({\n            name: \"Savings V Budget\",\n            data: response.map((a) => [new Date(a.date), a.savings]),\n          });\n          loading.value = false;\n        })\n        .catch((a) => {\n          loading.value = false;\n          console.log(\"Api Log Error\", a);\n        });\n    }\n    return {\n      series,\n      chartOptions,\n      loading,\n    };\n  },\n});\n","import { render } from \"./CZSavingsVsBudget.vue?vue&type=template&id=54a0db43&ts=true\"\nimport script from \"./CZSavingsVsBudget.vue?vue&type=script&lang=ts\"\nexport * from \"./CZSavingsVsBudget.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"C:\\\\Develop\\\\WorkSpace\\\\Codebase\\\\EICPartnershipSVN\\\\UI_EICPartnership\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} pageTitle Current page title\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\n */\nexport const setCurrentPageBreadcrumbs = (\n  pageTitle: string,\n  breadcrumbs: Array<string>\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: pageTitle,\n    pageBreadcrumbPath: breadcrumbs,\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title,\n  });\n};\n"],"sourceRoot":""}