{"version":3,"sources":["webpack:///./src/views/DetailVMHistory.vue?0842","webpack:///./src/views/DetailVMHistory.vue?1bc5","webpack:///./src/components/export/ExportWithdrawal.vue?5cea","webpack:///src/components/export/ExportWithdrawal.vue","webpack:///./src/components/export/ExportWithdrawal.vue?972c","webpack:///./src/components/export/ExportWithdrawal.vue","webpack:///src/views/DetailVMHistory.vue","webpack:///./src/views/DetailVMHistory.vue?a65a","webpack:///./src/views/DetailVMHistory.vue","webpack:///./src/components/export/ExportWithdrawal.vue?e76c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isDownload","_v","_e","on","openModal","ref","attrs","downloadDeposit","dataHistory","_s","owner","total_item","total_weight","ref_id","_m","_l","metal","i","key","_f","metal_date","activity","hallmark","fineness","serial_number","quantity","weight","dimension","staticRenderFns","created_at","name","data","metalInfo","today","toggleDownload","isHideDeposite","headerDownload","type","form","startDate","endDate","depositor","mounted","Date","toISOString","split","console","log","res","methods","openMenu","orientation","format","margin","imgWidth","imgHeight","pageHeight","heightLeft","position","pdf","addImage","img","addPage","save","$refs","show","setTimeout","component","components"],"mappings":"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","file":"js/chunk-65d921a4.99eb5059.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/lib/loaders/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/lib/index.js??vue-loader-options!./DetailVMHistory.vue?vue&type=style&index=0&id=1b14b368&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-dashboard\"},[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"wrap-content\"},[(_vm.isDownload == false)?_c('div',{staticClass:\"title-page\"},[_vm._v(\"Detail History\")]):_vm._e(),_c('div',{staticClass:\"wrap-download text-right\"},[(_vm.isDownload == false)?_c('button',{staticClass:\"btn btn-scondary mb-3\",on:{\"click\":_vm.openModal}},[_vm._v(\"Download\")]):_vm._e(),_c('b-modal',{ref:\"modal-download\",attrs:{\"size\":\"xl\",\"id\":\"modal-1\",\"title\":\"Download Withdrawal Convirmation\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.downloadDeposit}},[_vm._v(\"Download\")]),_c('export-withdrawal',{ref:\"downloadmenu\",attrs:{\"dataHistory\":_vm.dataHistory,\"id\":\"downloadMenu\"}})],1)],1),_c('div',[(_vm.isDownload == false)?_c('div',{staticClass:\"header-content\"},[_c('div',[_c('span',[_vm._v(\"HIN\")]),_c('span',[_vm._v(\" : \")]),_c('span',[_vm._v(_vm._s(_vm.dataHistory.owner))])]),_c('div',[_c('span',[_vm._v(\"Total Item\")]),_c('span',[_vm._v(\" : \")]),_c('span',[_vm._v(_vm._s(_vm.dataHistory.total_item))])]),_c('div',[_c('span',[_vm._v(\"Weight (gr)\")]),_c('span',[_vm._v(\" : \")]),_c('span',[_vm._v(_vm._s(_vm.dataHistory.total_weight))])]),_c('div',[_c('span',[_vm._v(\"Ref ID\")]),_c('span',[_vm._v(\" : \")]),_c('span',[_vm._v(_vm._s(_vm.dataHistory.ref_id))])])]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.metalInfo),function(metal,i){return _c('tr',{key:i},[_c('td',[_vm._v(_vm._s(i + 1))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatIso\")(metal.metal_date)))]),_c('td',[_vm._v(_vm._s(metal.activity))]),_c('td',[_vm._v(_vm._s(metal.hallmark))]),_c('td',[_vm._v(_vm._s(metal.fineness))]),_c('td',[_vm._v(_vm._s(metal.serial_number))]),_c('td',[_vm._v(_vm._s(metal.quantity))]),_c('td',[_vm._v(_vm._s(metal.weight))]),_c('td',[_vm._v(_vm._s(metal.dimension))])])}),0)])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('th',[_vm._v(\"No\")]),_c('th',[_vm._v(\"Date\")]),_c('th',[_vm._v(\"Activity\")]),_c('th',[_vm._v(\"Hallmark\")]),_c('th',[_vm._v(\"Fineness\")]),_c('th',[_vm._v(\"Serial Number\")]),_c('th',[_vm._v(\"Quantity\")]),_c('th',[_vm._v(\"Weight (gr)\")]),_c('th',[_vm._v(\"Dimension\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-dashboard\"},[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"wrap-content\"},[_c('div',[_vm._m(0),_c('div',{staticClass:\"detail-deposit\"},[_c('div',[_vm._v(\"Account Information :\")]),_c('div',[_vm._v(\"Kinesis Cayman\")]),_c('div',[_vm._v(_vm._s(_vm.dataHistory.owner))])])]),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(1),_c('tbody',_vm._l((_vm.metalInfo),function(metal,i){return _c('tr',{key:i},[_c('td',[_vm._v(_vm._s(i + 1))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatIso\")(metal.created_at)))]),_c('td',[_vm._v(_vm._s(metal.activity))]),_c('td',[_vm._v(_vm._s(metal.hallmark))]),_c('td',[_vm._v(_vm._s(metal.fineness))]),_c('td',[_vm._v(_vm._s(metal.serial_number))]),_c('td',[_vm._v(_vm._s(metal.quantity))]),_c('td',[_vm._v(_vm._s(metal.weight))]),_c('td',[_vm._v(_vm._s(metal.dimension))])])}),0)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"KINESIS MONETARY INDONESIA - WIHTDRAWAL CONFIRMATION\")]),_c('div',[_vm._v(\"Manifest ID : KMI - 000001\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('th',[_vm._v(\"No\")]),_c('th',[_vm._v(\"Date\")]),_c('th',[_vm._v(\"Activity\")]),_c('th',[_vm._v(\"Hallmark\")]),_c('th',[_vm._v(\"Fineness\")]),_c('th',[_vm._v(\"Serial Number\")]),_c('th',[_vm._v(\"Quantity\")]),_c('th',[_vm._v(\"Weight (gr)\")]),_c('th',[_vm._v(\"Dimension\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrap-dashboard\">\n    <div class=\"main-content\">\n      <div class=\"wrap-content\">\n        <div>\n          <div class=\"title\">\n            <h3>KINESIS MONETARY INDONESIA - WIHTDRAWAL CONFIRMATION</h3>\n            <div>Manifest ID : KMI - 000001</div>\n          </div>\n          <div class=\"detail-deposit\">\n            <!-- <div class=\"date-deposit\">Deposit Date : 2022-12-28 (ASIA/BATAM)</div> -->\n            <div>Account Information :</div>\n            <div>Kinesis Cayman</div>\n            <div>{{ dataHistory.owner }}</div>\n          </div>\n        </div>\n        <div class=\"content\">\n          <table>\n            <thead>\n              <th>No</th>\n              <th>Date</th>\n              <th>Activity</th>\n              <th>Hallmark</th>\n              <th>Fineness</th>\n              <th>Serial Number</th>\n              <th>Quantity</th>\n              <th>Weight (gr)</th>\n              <th>Dimension</th>\n            </thead>\n            <tbody>\n              <tr v-for=\"(metal, i) in metalInfo\" :key=\"i\">\n                <td>{{ i + 1 }}</td>\n                <td>{{ metal.created_at | formatIso }}</td>\n                <td>{{ metal.activity }}</td>\n                <td>{{ metal.hallmark }}</td>\n                <td>{{ metal.fineness }}</td>\n                <td>{{ metal.serial_number }}</td>\n                <td>{{ metal.quantity }}</td>\n                <td>{{ metal.weight }}</td>\n                <td>{{ metal.dimension }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport jsPDF from \"jspdf\";\nimport html2canvas from \"html2canvas\";\nexport default {\n  name: \"history-withdrawal\",\n  data() {\n    return {\n      dataHistory: [],\n      metalInfo: [],\n      today: \"\",\n      toggleDownload: false,\n      isHideDeposite: false,\n      headerDownload: false,\n      type: \"text\",\n      isDownload: false,\n      form: {\n        startDate: \"\",\n        endDate: \"\",\n        depositor: \"\",\n      },\n    };\n  },\n  // props: {\n  //   dataHistory: {\n  //     type: Object,\n  //   },\n  // },\n  mounted() {\n    let id = this.$route.params.id;\n    this.today = new Date().toISOString().split(\"T\")[0];\n    axios.get(\"/v2/clearing/admin/abx/get/detail/history/\" + id).then((res) => {\n      console.log(res);\n      this.dataHistory = res.data.data.body;\n      this.metalInfo = this.dataHistory.metal_info;\n    });\n  },\n  methods: {\n    openMenu() {\n      this.toggleDownload = !this.toggleDownload;\n    },\n    downloadDeposit() {\n      // let fileName = \"deposit-confirmation.pdf\";\n      let dataId = document.getElementById(\"downloadMenu\");\n      let pdf = new jsPDF({\n        orientation: \"portrait\",\n        format: \"a4\",\n      });\n      html2canvas(dataId, { useCORS: true, scale: 1 }).then((canvas) => {\n        var margin = 8;\n        var imgWidth = 210 - 2 * margin;\n        var imgHeight = (canvas.height * imgWidth) / canvas.width;\n        var pageHeight = 295;\n        var heightLeft = imgHeight;\n        let img = canvas.toDataURL(\"image/png\", 1);\n\n        var position = 1;\n        pdf.addImage(img, \"PNG\", margin, position, imgWidth, imgHeight);\n        heightLeft -= pageHeight;\n        while (heightLeft >= 0) {\n          position = heightLeft - imgHeight;\n          pdf.addPage();\n          pdf.addImage(img, \"PNG\", margin, position, imgWidth, imgHeight);\n          heightLeft -= pageHeight;\n        }\n        pdf.save(\"withdrawal-confirmation\");\n      });\n    },\n    openModal() {\n      this.$refs[\"modal-download\"].show();\n      setTimeout(function () {\n        this.$refs[\"modal-download\"].show();\n      }, 1000);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.title {\n  border-bottom: 2px solid #000;\n  padding: 1rem 0;\n  margin-bottom: 1rem;\n}\n\n.detail-deposit {\n  margin-bottom: 2rem;\n}\n\n.wrap-content {\n  width: 98%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 20px 25px;\n}\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n\n.header-content {\n  font-size: 13px;\n  margin-bottom: 1rem;\n}\n\n.header-content div {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.header-content div span:first-child {\n  width: 4rem;\n}\n.wrap-download {\n  position: relative;\n}\n\n.menu-download {\n  position: absolute;\n  margin-bottom: 1rem;\n  background: #fff;\n  width: 17rem;\n  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);\n  border-radius: 5px;\n  padding: 1rem;\n  font-size: 13px;\n  right: 0;\n  top: 42px;\n}\n\nselect,\ninput {\n  border-radius: 3px;\n  border: 1px solid #a5a5a5a5;\n  padding: 3px;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\ninput:last-child {\n  margin-bottom: unset;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExportWithdrawal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExportWithdrawal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExportWithdrawal.vue?vue&type=template&id=37b91e2c&scoped=true&\"\nimport script from \"./ExportWithdrawal.vue?vue&type=script&lang=js&\"\nexport * from \"./ExportWithdrawal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExportWithdrawal.vue?vue&type=style&index=0&id=37b91e2c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"37b91e2c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"wrap-dashboard\">\n    <div class=\"main-content\">\n      <div class=\"wrap-content\">\n        <div class=\"title-page\" v-if=\"isDownload == false\">Detail History</div>\n\n        <div class=\"wrap-download text-right\">\n          <button class=\"btn btn-scondary mb-3\" v-if=\"isDownload == false\" @click=\"openModal\">Download</button>\n          <b-modal size=\"xl\" id=\"modal-1\" ref=\"modal-download\" title=\"Download Withdrawal Convirmation\" hide-footer>\n            <div class=\"btn btn-success\" type=\"button\" @click=\"downloadDeposit\">Download</div>\n            <export-withdrawal :dataHistory=\"dataHistory\" ref=\"downloadmenu\" id=\"downloadMenu\"></export-withdrawal>\n          </b-modal>\n        </div>\n        <div>\n          <div class=\"header-content\" v-if=\"isDownload == false\">\n            <div>\n              <span>HIN</span>\n              <span> : </span>\n              <span>{{ dataHistory.owner }}</span>\n            </div>\n            <div>\n              <span>Total Item</span>\n              <span> : </span>\n              <span>{{ dataHistory.total_item }}</span>\n            </div>\n            <div>\n              <span>Weight (gr)</span>\n              <span> : </span>\n              <span>{{ dataHistory.total_weight }}</span>\n            </div>\n            <div>\n              <span>Ref ID</span>\n              <span> : </span>\n              <span>{{ dataHistory.ref_id }}</span>\n            </div>\n          </div>\n          <div class=\"content\">\n            <table>\n              <thead>\n                <th>No</th>\n                <th>Date</th>\n                <th>Activity</th>\n                <th>Hallmark</th>\n                <th>Fineness</th>\n                <th>Serial Number</th>\n                <th>Quantity</th>\n                <th>Weight (gr)</th>\n                <th>Dimension</th>\n              </thead>\n              <tbody>\n                <tr v-for=\"(metal, i) in metalInfo\" :key=\"i\">\n                  <td>{{ i + 1 }}</td>\n                  <td>{{ metal.metal_date | formatIso }}</td>\n                  <td>{{ metal.activity }}</td>\n                  <td>{{ metal.hallmark }}</td>\n                  <td>{{ metal.fineness }}</td>\n                  <td>{{ metal.serial_number }}</td>\n                  <td>{{ metal.quantity }}</td>\n                  <td>{{ metal.weight }}</td>\n                  <td>{{ metal.dimension }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport jsPDF from \"jspdf\";\nimport html2canvas from \"html2canvas\";\nimport ExportWithdrawal from \"../components/export/ExportWithdrawal.vue\";\nexport default {\n  components: { ExportWithdrawal },\n  name: \"history-withdrawal\",\n  data() {\n    return {\n      dataHistory: [],\n      metalInfo: [],\n      today: \"\",\n      toggleDownload: false,\n      isHideDeposite: false,\n      headerDownload: false,\n      type: \"text\",\n      isDownload: false,\n      form: {\n        startDate: \"\",\n        endDate: \"\",\n        depositor: \"\",\n      },\n    };\n  },\n  mounted() {\n    let id = this.$route.params.id;\n    this.today = new Date().toISOString().split(\"T\")[0];\n    axios.get(\"/v2/clearing/admin/abx/get/detail/history/\" + id).then((res) => {\n      this.dataHistory = res.data.data.body;\n      this.metalInfo = this.dataHistory.metal_info;\n    });\n  },\n  methods: {\n    openMenu() {\n      this.toggleDownload = !this.toggleDownload;\n    },\n    downloadDeposit() {\n      // let fileName = \"deposit-confirmation.pdf\";\n      let dataId = document.getElementById(\"downloadMenu\");\n      let pdf = new jsPDF({\n        orientation: \"portrait\",\n        format: \"a4\",\n      });\n      html2canvas(dataId, { useCORS: true, scale: 1 }).then((canvas) => {\n        var margin = 8;\n        var imgWidth = 210 - 2 * margin;\n        var imgHeight = (canvas.height * imgWidth) / canvas.width;\n        var pageHeight = 295;\n        var heightLeft = imgHeight;\n        let img = canvas.toDataURL(\"image/png\", 1);\n\n        var position = 1;\n        pdf.addImage(img, \"PNG\", margin, position, imgWidth, imgHeight);\n        heightLeft -= pageHeight;\n        while (heightLeft >= 0) {\n          position = heightLeft - imgHeight;\n          pdf.addPage();\n          pdf.addImage(img, \"PNG\", margin, position, imgWidth, imgHeight);\n          heightLeft -= pageHeight;\n        }\n        pdf.save(\"withdrawal-confirmation\");\n      });\n    },\n    openModal() {\n      this.$refs[\"modal-download\"].show();\n    },\n  },\n};\n</script>\n\n<style scoped>\n.wrap-content {\n  width: 98%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 20px 25px;\n}\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n\n.header-content {\n  font-size: 13px;\n  margin-bottom: 1rem;\n}\n\n.header-content div {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.header-content div span:first-child {\n  width: 4rem;\n}\n.wrap-download {\n  position: relative;\n}\n\n.menu-download {\n  position: absolute;\n  margin-bottom: 1rem;\n  background: #fff;\n  width: 17rem;\n  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);\n  border-radius: 5px;\n  padding: 1rem;\n  font-size: 13px;\n  right: 0;\n  top: 42px;\n}\n\nselect,\ninput {\n  border-radius: 3px;\n  border: 1px solid #a5a5a5a5;\n  padding: 3px;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\ninput:last-child {\n  margin-bottom: unset;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailVMHistory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailVMHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailVMHistory.vue?vue&type=template&id=1b14b368&scoped=true&\"\nimport script from \"./DetailVMHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailVMHistory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailVMHistory.vue?vue&type=style&index=0&id=1b14b368&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1b14b368\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./ExportWithdrawal.vue?vue&type=style&index=0&id=37b91e2c&scoped=true&lang=css&\""],"sourceRoot":""}