{"version":3,"sources":["webpack:///./src/views/v3/UploadEarningsReportNext.vue?d272","webpack:///./src/views/v3/UploadEarningsReportNext.vue","webpack:///./src/views/v3/UploadEarningsReportNext.vue?922f","webpack:///./src/assets/cs-loader.png","webpack:///./src/views/v3/UploadEarningsReportNext.vue?ac37"],"names":["useTitle","toastObject","ref","state","message","color","icon","form","reactive","month","year","file","formDownload","downloadMonth","downloadYear","handleFileUpload","event","target","files","monthsOptionUpload","text","value","monthsOptionDownload","JSON","parse","stringify","yearsOptionUpload","yearsOptionDownload","createYearsOption","push","loadingSpinner","submit","formData","FormData","append","axios","post","headers","then","response","status","title","catch","download","get","responseType","fileURL","window","URL","createObjectURL","Blob","data","type","fileLink","document","createElement","href","setAttribute","body","appendChild","click","__exports__","module","exports"],"mappings":"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","file":"js/chunk-58100af1.10103cff.js","sourcesContent":["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!./UploadEarningsReportNext.vue?vue&type=style&index=0&id=036d1bab&scoped=true&lang=css\"","<template>\r\n  <LayoutNext>\r\n    <template #page-title>\r\n      Upload Earnings Report\r\n    </template>\r\n    <div class=\"backdrop\" v-if=\"loadingSpinner\">\r\n      <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n        <div class=\"loader\"></div>\r\n        <img src=\"@/assets/cs-loader.png\" alt=\"Loading image\">\r\n      </div>\r\n    </div>\r\n    <div class=\"d-md-flex d-block justify-content-center gap-4 m-auto\">\r\n      <MDBCard id=\"UploadFile\" class=\"p-2 pb-1 mb-4 mb-md-0\">\r\n        <MDBCardHeader>\r\n          <h5 class=\"mb-1 fw-bold\">Upload File</h5>\r\n          <p class=\"mb-0\">Only excel files are accepted.</p>\r\n        </MDBCardHeader>\r\n        <MDBCardBody>\r\n          <form>\r\n            <MDBSelect v-model:options=\"monthsOptionUpload\" v-model:selected=\"form.month\" label=\"Month\" class=\"mb-3\" />\r\n            <MDBSelect v-model:options=\"yearsOptionUpload\" v-model:selected=\"form.year\" label=\"Year\" class=\"my-3\" />\r\n            <MDBFile @change=\"handleFileUpload($event)\" class=\"my-3\" />\r\n          </form>\r\n        </MDBCardBody>\r\n        <MDBCardFooter class=\"py-3 d-flex justify-content-end\">\r\n          <MDBBtn class=\"fw-bold\" type=\"submit\" @click=\"submit\" color=\"primary\" size=\"sm\">\r\n            Upload\r\n          </MDBBtn>\r\n        </MDBCardFooter>\r\n      </MDBCard>\r\n      <MDBCard id=\"DownloadReport\" class=\"p-2 pb-1\">\r\n        <MDBCardHeader>\r\n          <h5 class=\"mb-1 fw-bold\">Download Report</h5>\r\n          <p class=\"mb-0\">Download Monthly Report for Each Asset Label File.</p>\r\n        </MDBCardHeader>\r\n        <MDBCardBody>\r\n          <form>\r\n            <MDBSelect v-model:options=\"monthsOptionDownload\" v-model:selected=\"formDownload.downloadMonth\"\r\n              label=\"Month\" class=\"mb-3\" />\r\n            <MDBSelect v-model:options=\"yearsOptionDownload\" v-model:selected=\"formDownload.downloadYear\" label=\"Year\"\r\n              class=\"my-3\" />\r\n          </form>\r\n        </MDBCardBody>\r\n        <MDBCardFooter class=\"py-3 d-flex justify-content-end\">\r\n          <MDBBtn class=\"fw-bold\" type=\"submit\" @click=\"download\" color=\"primary\" size=\"sm\">\r\n            Download\r\n          </MDBBtn>\r\n        </MDBCardFooter>\r\n      </MDBCard>\r\n    </div>\r\n    <MDBToast v-model=\"toastObject.state\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n      width=\"350px\" :color=\"toastObject.color\" text=\"white\" :icon=\"toastObject.icon\">\r\n      <template #title>\r\n        {{ toastObject.title }}\r\n      </template>\r\n      {{ toastObject.message }}\r\n    </MDBToast>\r\n  </LayoutNext>\r\n</template>\r\n\r\n<script setup>\r\nimport {\r\n  MDBBtn, MDBToast, MDBFile, MDBSelect, MDBCard, MDBCardHeader, MDBCardFooter, MDBCardBody\r\n} from \"mdb-vue-ui-kit\";\r\nimport LayoutNext from \"@/views/v3/LayoutNext.vue\";\r\nimport { reactive, ref } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { useTitle } from \"@vueuse/core\";\r\n\r\nuseTitle(\"Upload Earnings Report | Creator Shield\");\r\n\r\nconst toastObject = ref({\r\n  state: false,\r\n  message: \"\",\r\n  color: \"\",\r\n  icon: \"\",\r\n});\r\n\r\nconst form = reactive({\r\n  month: \"\",\r\n  year: \"\",\r\n  file: [],\r\n});\r\n\r\nconst formDownload = reactive({\r\n  downloadMonth: \"\",\r\n  downloadYear: \"\",\r\n});\r\n\r\nconst handleFileUpload = (event) => {\r\n  form.file = event.target.files[0];\r\n};\r\n\r\nconst monthsOptionUpload = [\r\n  { text: \"January\", value: 1 },\r\n  { text: \"February\", value: 2 },\r\n  { text: \"March\", value: 3 },\r\n  { text: \"April\", value: 4 },\r\n  { text: \"May\", value: 5 },\r\n  { text: \"June\", value: 6 },\r\n  { text: \"July\", value: 7 },\r\n  { text: \"August\", value: 8 },\r\n  { text: \"September\", value: 9 },\r\n  { text: \"October\", value: 10 },\r\n  { text: \"November\", value: 11 },\r\n  { text: \"December\", value: 12 },\r\n];\r\n\r\nconst monthsOptionDownload = JSON.parse(JSON.stringify(monthsOptionUpload));\r\n\r\nconst yearsOptionUpload = [];\r\nconst yearsOptionDownload = [];\r\n\r\nconst createYearsOption = () => {\r\n  for (let year = 2022; year <= 2100; year++) {\r\n    yearsOptionUpload.push({\r\n      text: year,\r\n      value: year,\r\n    });\r\n    yearsOptionDownload.push({\r\n      text: year,\r\n      value: year,\r\n    });\r\n  }\r\n  return { yearsOptionUpload, yearsOptionDownload };\r\n};\r\n\r\ncreateYearsOption();\r\nlet loadingSpinner = ref(false);\r\n\r\nconst submit = () => {\r\n  let formData = new FormData();\r\n  formData.append(\"analytics\", form.file);\r\n  formData.append(\"month\", form.month);\r\n  formData.append(\"year\", form.year);\r\n  loadingSpinner.value = true;\r\n  axios\r\n    .post(\"api/analytics/UploadAnalytics\", formData, {\r\n      headers: {\r\n        \"Content-Type\": \"multipart/form-data\",\r\n      },\r\n    })\r\n    .then(function (response) {\r\n      if (response.status == 200) {\r\n        toastObject.value.state = true;\r\n        toastObject.value.title = \"Success!\";\r\n        toastObject.value.message = \"Uploaded Successfully!\";\r\n        toastObject.value.color = \"success\";\r\n        toastObject.value.icon = \"fas fa-check fa-lg me-2\";\r\n        loadingSpinner.value = false;\r\n      }\r\n    })\r\n    .catch(function () {\r\n      toastObject.value.state = true;\r\n      toastObject.value.title = \"Error!\";\r\n      toastObject.value.message = \"An error occurred during request.\";\r\n      toastObject.value.color = \"danger\";\r\n      toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n      loadingSpinner.value = false;\r\n    });\r\n};\r\n\r\nconst download = () => {\r\n  loadingSpinner.value = true;\r\n  axios\r\n    .get(\r\n      \"api/revenues/ExportToExcel?Month=\" +\r\n      formDownload.downloadMonth +\r\n      \"&Year=\" +\r\n      formDownload.downloadYear,\r\n      {\r\n        responseType: \"blob\",\r\n      }\r\n    )\r\n    .then(function (response) {\r\n      if (response.status == 200) {\r\n        let fileURL = window.URL.createObjectURL(\r\n          new Blob([response.data], {\r\n            type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n          })\r\n        );\r\n        let fileLink = document.createElement(\"a\");\r\n\r\n        fileLink.href = fileURL;\r\n        fileLink.setAttribute(\r\n          \"download\",\r\n          \"CreatorShield-AssetLabelMonthlyReport - \" +\r\n          formDownload.downloadMonth +\r\n          \" \" +\r\n          formDownload.downloadYear +\r\n          \".xlsx\"\r\n        );\r\n        document.body.appendChild(fileLink);\r\n\r\n        fileLink.click();\r\n\r\n        toastObject.value.state = true;\r\n        toastObject.value.title = \"Success!\";\r\n        toastObject.value.message = \"Downloaded Successfully!\";\r\n        toastObject.value.color = \"success\";\r\n        toastObject.value.icon = \"fas fa-check fa-lg me-2\";\r\n        loadingSpinner.value = false;\r\n      }\r\n    })\r\n    .catch(function () {\r\n      toastObject.value.state = true;\r\n      toastObject.value.title = \"Error!\";\r\n      toastObject.value.message = \"An error occurred during request.\";\r\n      toastObject.value.color = \"danger\";\r\n      toastObject.value.icon = \"fas fa-exclamation-circle fa-lg me-2\";\r\n      loadingSpinner.value = false;\r\n    });\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn {\r\n  background-color: var(--primary);\r\n}\r\n</style>\r\n\r\n<style>\r\n.analytics-loader {\r\n  color: var(--accent);\r\n}\r\n\r\n.image-container {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.image-container .loader {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 3px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: rgb(153, 153, 153);\r\n  border-radius: 50%;\r\n  animation: BorderSpin 1s linear infinite;\r\n}\r\n\r\n.image-container img {\r\n  display: block;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n}\r\n\r\n@keyframes BorderSpin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.backdrop {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  z-index: 9999;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n</style>\r\n","import script from \"./UploadEarningsReportNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UploadEarningsReportNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UploadEarningsReportNext.vue?vue&type=style&index=0&id=036d1bab&scoped=true&lang=css\"\nimport \"./UploadEarningsReportNext.vue?vue&type=style&index=1&id=036d1bab&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-036d1bab\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/cs-loader.6cc976da.png\";","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!./UploadEarningsReportNext.vue?vue&type=style&index=1&id=036d1bab&lang=css\""],"sourceRoot":""}