{"version":3,"sources":["webpack:///./src/components/withdrawal/DetailRequestWithdrawFROffExchange.vue?ec94","webpack:///src/components/withdrawal/DetailRequestWithdrawFROffExchange.vue","webpack:///./src/components/withdrawal/DetailRequestWithdrawFROffExchange.vue?7f7f","webpack:///./src/components/withdrawal/DetailRequestWithdrawFROffExchange.vue","webpack:///./src/components/withdrawal/DetailRequestWithdrawFROffExchange.vue?0da1","webpack:///./src/assets/dot-vertical.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","ownerData","on","confirmWithdraw","picNameData","phoneNumberData","emailData","totalWeight","totalItem","_f","pickupTime","downloadPDF","docData","getFileNameFromUrl","_m","_l","data","i","key","owner","weight","quantity","metal_date","directives","name","rawName","value","status","expression","attrs","$event","togglePopover","_id","staticRenderFns","idData","metalInfo","clientID","info","created","console","log","responseData","pic_name","phonenumber","email","total_weight","total_item","withdrawal_detail","pickup_time","metal_info","client_id","mounted","methods","requestFormData","then","formData","append","fileName","component","module","exports"],"mappings":"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","file":"js/chunk-0787c4d7.79971552.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-content-parent\"},[_c('div',{staticClass:\"container-detail-content\"},[_c('div',{staticClass:\"wrap-title\"},[_c('b',{staticClass:\"title-text\"},[_vm._v(_vm._s(this.ownerData))]),_c('div',[_c('button',{staticClass:\"black-button\",on:{\"click\":_vm.confirmWithdraw}},[_vm._v(\" Confirmation Withdrawal \")])])])]),_c('div',{staticClass:\"container-detail-content\"},[_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"title-text2\"},[_vm._v(\"PIC Name\")]),_c('div',{staticClass:\"value-pic-text\"},[_vm._v(_vm._s(this.picNameData))])]),_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"title-text2\"},[_vm._v(\"Phone Number\")]),_c('div',{staticClass:\"value-pic-text\"},[_vm._v(_vm._s(this.phoneNumberData))])]),_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"title-text2\"},[_vm._v(\"Email\")]),_c('div',{staticClass:\"value-pic-text\"},[_vm._v(_vm._s(this.emailData))])])]),_c('div',{staticClass:\"container-detail-content\"},[_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Withdrawal Request Summary\")]),_c('div',{staticClass:\"container-detail-content\"},[_c('div',{staticClass:\"conter-with-border\"},[_c('div',[_vm._v(\"Denom (gr)\")]),_c('span',{staticClass:\"value-pic-text\"},[_vm._v(_vm._s(this.totalWeight)+\" gram\")])]),_c('div',{staticClass:\"conter-with-border\"},[_c('div',[_vm._v(\"Total Pieces\")]),_c('span',{staticClass:\"value-pic-text\"},[_vm._v(_vm._s(this.totalItem)+\" pcs\")])])])])]),_c('div',{staticClass:\"container-detail-content\"},[_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"title-text2\"},[_vm._v(\"Withdrawal Date\")]),_c('div',{staticClass:\"value-pic-text2\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDateTime\")(this.pickupTime))+\" \")])]),_c('div',{staticClass:\"fixed-weight\"},[_c('div',{staticClass:\"title-text2\"},[_vm._v(\"Request Letter\")]),_c('div',{staticClass:\"value-pic-text-blue\"},[_c('p',{on:{\"click\":_vm.downloadPDF}},[_vm._v(\" \"+_vm._s(this.docData === \"\" ? \"\" : this.getFileNameFromUrl(this.docData))+\" \")])])])]),_c('div',{staticClass:\"conter-with-border\"},[_c('div',{staticClass:\"value-pic-text2 padding-bottom\"},[_vm._v(\"LIST OF METAL\")]),_c('table',{staticClass:\"table\"},[_vm._m(0),_c('tbody',_vm._l((_vm.metalInfo),function(data,i){return _c('tr',{key:i},[_c('td',[_vm._v(_vm._s(data.owner))]),_c('td',[_vm._v(_vm._s(data.weight))]),_c('td',[_vm._v(_vm._s(data.quantity))]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(data.metal_date))+\" \")]),_c('td',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '001'),expression:\"data.status == '001'\"}],staticClass:\"status-withdrawal request\"},[_vm._v(\"Submitted\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '002'),expression:\"data.status == '002'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Approved\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '003'),expression:\"data.status == '003'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"Rejected\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '004'),expression:\"data.status == '004'\"}],staticClass:\"status-withdrawal handover\"},[_vm._v(\"Stored\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '005'),expression:\"data.status == '005'\"}],staticClass:\"status-withdrawal operator\"},[_vm._v(\"Process\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '006'),expression:\"data.status == '006'\"}],staticClass:\"status-withdrawal kbi\"},[_vm._v(\"Withdrawal\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '007'),expression:\"data.status == '007'\"}],staticClass:\"status-withdrawal abx\"},[_vm._v(\"KMI Confirmation\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(data.status == '008'),expression:\"data.status == '008'\"}],staticClass:\"status-withdrawal handover\"},[_vm._v(\"Client Withdrawal\")])]),_c('td',[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/dot-vertical.svg\")},on:{\"click\":function($event){return _vm.togglePopover(data._id)}}})])])}),0)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Client\")]),_c('th',[_vm._v(\"Total Denom (gr)\")]),_c('th',[_vm._v(\"Quantity of Pieces\")]),_c('th',[_vm._v(\"Withdrawal Date\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Act\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-content-parent\">\n    <div class=\"container-detail-content\">\n      <div class=\"wrap-title\">\n        <b class=\"title-text\">{{ this.ownerData }}</b>\n        <div>\n          <button class=\"black-button\" @click=\"confirmWithdraw\">\n            Confirmation Withdrawal\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"container-detail-content\">\n      <div class=\"fixed-weight\">\n        <div class=\"title-text2\">PIC Name</div>\n        <div class=\"value-pic-text\">{{ this.picNameData }}</div>\n      </div>\n      <div class=\"fixed-weight\">\n        <div class=\"title-text2\">Phone Number</div>\n        <div class=\"value-pic-text\">{{ this.phoneNumberData }}</div>\n      </div>\n      <div class=\"fixed-weight\">\n        <div class=\"title-text2\">Email</div>\n        <div class=\"value-pic-text\">{{ this.emailData }}</div>\n      </div>\n    </div>\n\n    <div class=\"container-detail-content\">\n      <div class=\"fixed-weight\">\n        <div class=\"label\">Withdrawal Request Summary</div>\n        <div class=\"container-detail-content\">\n          <div class=\"conter-with-border\">\n            <div>Denom (gr)</div>\n            <span class=\"value-pic-text\">{{ this.totalWeight }} gram</span>\n          </div>\n\n          <div class=\"conter-with-border\">\n            <div>Total Pieces</div>\n            <span class=\"value-pic-text\">{{ this.totalItem }} pcs</span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"container-detail-content\">\n      <div class=\"fixed-weight\">\n        <div class=\"title-text2\">Withdrawal Date</div>\n        <div class=\"value-pic-text2\">\n          {{ this.pickupTime | formatDateTime }}\n        </div>\n      </div>\n      <div class=\"fixed-weight\">\n        <div class=\"title-text2\">Request Letter</div>\n        <div class=\"value-pic-text-blue\">\n            <p @click=\"downloadPDF\">\n            {{\n              this.docData === \"\" ? \"\" : this.getFileNameFromUrl(this.docData)\n            }}\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"conter-with-border\">\n      <div class=\"value-pic-text2 padding-bottom\">LIST OF METAL</div>\n      <table class=\"table\">\n        <thead>\n          <tr>\n            <th>Client</th>\n            <th>Total Denom (gr)</th>\n            <th>Quantity of Pieces</th>\n            <th>Withdrawal Date</th>\n            <th>Status</th>\n            <th>Act</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(data, i) in metalInfo\" :key=\"i\">\n            <td>{{ data.owner }}</td>\n            <td>{{ data.weight }}</td>\n            <td>{{ data.quantity }}</td>\n            <td>\n              {{ data.metal_date | formatDate }}\n            </td>\n            <td>\n              <span\n                v-show=\"data.status == '001'\"\n                class=\"status-withdrawal request\"\n                >Submitted</span\n              >\n              <span v-show=\"data.status == '002'\" class=\"status-withdrawal kbi\"\n                >Approved</span\n              >\n              <span v-show=\"data.status == '003'\" class=\"status-withdrawal abx\"\n                >Rejected</span\n              >\n              <span\n                v-show=\"data.status == '004'\"\n                class=\"status-withdrawal handover\"\n                >Stored</span\n              >\n              <span\n                v-show=\"data.status == '005'\"\n                class=\"status-withdrawal operator\"\n                >Process</span\n              >\n              <span v-show=\"data.status == '006'\" class=\"status-withdrawal kbi\"\n                >Withdrawal</span\n              >\n              <span v-show=\"data.status == '007'\" class=\"status-withdrawal abx\"\n                >KMI Confirmation</span\n              >\n              <span\n                v-show=\"data.status == '008'\"\n                class=\"status-withdrawal handover\"\n                >Client Withdrawal</span\n              >\n            </td>\n            <td>\n              <img\n                class=\"close-icon\"\n                src=\"@/assets/dot-vertical.svg\"\n                @click=\"togglePopover(data._id)\"\n              />\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n\nexport default {\n  data() {\n    return {\n      ownerData: \"\",\n      idData: \"\",\n      phoneNumberData: \"\",\n      picNameData: \"\",\n      emailData: \"\",\n      totalWeight: \"\",\n      totalItem: \"\",\n      pickupTime: \"\",\n      docData: \"\",\n      metalInfo: [],\n      clientID: \"\",\n      info: \"\",\n    };\n  },\n  created() {\n    const responseDataString = this.$route.query.responseData;\n    const responseData = JSON.parse(responseDataString);\n    console.log(\"Data Response Diterima:\", responseData);\n\n    this.idData = responseData.data._id;\n    this.ownerData = responseData.data.owner;\n    this.picNameData = responseData.data.pic_name;\n    this.phoneNumberData = responseData.data.phonenumber;\n    this.emailData = responseData.data.email;\n    this.totalWeight = responseData.data.total_weight;\n    this.totalItem = responseData.data.total_item;\n    this.docData =\n      responseData.data.withdrawal_detail.attachment.withdrawal_doc;\n    this.pickupTime = responseData.data.withdrawal_detail.pickup_time;\n    this.metalInfo = responseData.data.metal_info;\n    this.clientID = responseData.data.client_id;\n  },\n  mounted() {\n    axios\n      .get(\n        \"https://asia-southeast1-quiet-stacker-245710.cloudfunctions.net/get-user-access-location\"\n      )\n      .then((res) => {\n        console.log(res);\n        let info = JSON.stringify(res.data.cityData[0]);\n        this.info = info;\n      });\n  },\n  methods: {\n    confirmWithdraw() {\n      this.requestFormData().then((res) => {\n        if(res.status == 200){\n          this.$toast.success(\"The withdraw Has been Approve\");\n          this.$router.push(\"/withdrawalOff\");\n        }\n      });\n    },\n\n    requestFormData() {\n      let formData = new FormData();\n      formData.append(\"_id\", this.idData);\n      formData.append(\"info\", this.info);\n\n      return axios.put(\n        \"/v2/clearing/operator/offexchange/withdrawal/update\",\n        formData\n      );\n    },\n    async downloadPDF() {\n      let base_url = axios.defaults.baseURL;\n      const sig_url =\n        base_url +\n        \"/v2/vms/withdrawal/pdf/\" +\n        this.clientID+\n        \"/\" +\n        this.getFileNameFromUrl(this.docData);\n      console.log(sig_url);\n      const token = sessionStorage.getItem(\"token\");\n\n      const response = await fetch(sig_url, {\n        method: \"GET\",\n        headers: {\n          authorization: \"Bearer \" + token,\n        },\n      });\n\n      if (!response.ok) {\n        throw new Error(\"Failed to fetch PDF\");\n      }\n\n      const arrayBuffer = await response.arrayBuffer();\n      const blob = new Blob([arrayBuffer], { type: \"application/pdf\" });\n\n      let link = document.createElement(\"a\");\n      link.href = window.URL.createObjectURL(blob);\n      let fileName =\n        \"request-letter - \" + this.getFileNameFromUrl(response.url);\n      link.download = fileName;\n      link.click();\n    },\n    getFileNameFromUrl(url) {\n      const parts = url.split(\"/\");\n      const fileName = parts[parts.length - 1];\n      return fileName;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.container-content-parent {\n  padding: 3em;\n}\n\n.wrap-title {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.container-detail-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 2rem;\n  padding-top: 5px;\n}\n\n.total-weight,\n.fixed-weight {\n  margin-bottom: 20px;\n  text-align: start;\n}\n\n.black-button {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  margin: 1em;\n  font-weight: 700;\n}\n\n.black-button-submit {\n  background-color: black;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  font-weight: 700;\n  margin-top: 20px;\n  width: 100%;\n}\n\n.conter-with-border {\n  background-color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  font: 20px;\n  border: solid 1px rgba(112, 112, 112, 0.4);\n}\n\n.conter-with-border-without-radius {\n  margin-top: 20px;\n  background-color: white;\n  padding: 15px 20px;\n  font: 20px;\n  border: solid 1px rgba(112, 112, 112, 0.4);\n}\n\n.title-text {\n  font-weight: bold;\n  font-size: 22px;\n}\n\n.title-text2 {\n  font-size: 12px;\n  color: rgb(25, 24, 24);\n}\n\n.value-pic-text {\n  font-weight: bold;\n  font-size: 18px;\n}\n\n.value-pic-text2 {\n  font-weight: bold;\n  font-size: 15px;\n  color: rgb(63, 63, 63);\n}\n\n.value-pic-text-blue {\n  font-size: 15px;\n  color: rgb(91, 199, 254);\n  cursor: pointer;\n}\n\n.value {\n  font-size: 15px;\n  color: rgb(0, 0, 0);\n}\n.padding-left2 {\n  padding-left: 10px;\n}\n\n.padding-bottom {\n  margin-bottom: 20px;\n  margin-top: 20px;\n}\n\n.button-direction {\n  width: 20%;\n  text-align: end;\n}\n\n.input-textarea {\n  width: 100%;\n  height: 8em;\n}\n\n.input-file {\n  width: 100%;\n  border-radius: 5px;\n  font: 20px;\n  border: solid 1px rgba(112, 112, 112, 0.4);\n  margin-top: 10px;\n  margin-bottom: 10px;\n  height: 50px;\n}\n\n.img-attachment {\n  padding: 20px;\n  height: 10em;\n}\n\n.width100 {\n  width: 100%;\n  text-align: center;\n}\n\n.file-uploded {\n  padding-left: 10px;\n  padding-right: 10px;\n  background-color: rgb(227, 227, 227);\n  border-radius: 15px;\n  width: fit-content;\n  margin-bottom: 3px;\n  margin-top: 3px;\n}\n\n.file-uploded-close-icon {\n  cursor: pointer;\n  font-weight: bold;\n}\n\n.file-list {\n  display: flex;\n  flex-direction: row;\n}\n\n.overflow-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.gray-background {\n  width: 100%;\n  padding: 10px;\n  border-radius: 10px;\n  font-size: 15px;\n  background-color: rgb(228, 228, 228);\n}\n\n.center-text {\n  text-align: center;\n  justify-content: center;\n}\n\n.container-uploaded-file {\n  margin-top: 120px;\n  align-items: center;\n  height: 18em;\n}\n\n.upload-button {\n  background-color: rgb(62, 62, 62);\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  border: none;\n  background-color: black;\n}\n\ninput[type=\"file\"]::file-selector-button {\n  text-align: end;\n  margin-right: 20px;\n  border: none;\n  border: 1px solid gray;\n  background: transparent;\n  padding: 0.625rem 1.25rem;\n  border-radius: 5px;\n  color: white;\n  cursor: pointer;\n  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.11);\n  text-align: end;\n  background-color: black;\n}\n\n.form-input {\n  border: none;\n  background: #f6fbf4;\n  padding: 0.5rem 0.7rem;\n  border-radius: 0.23rem;\n  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.11);\n  width: 100%;\n}\n\n.form-input:focus {\n  outline: none;\n  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);\n}\n\n.form-input-error {\n  box-shadow: 0px 0px 3px 1px rgb(255, 50, 46) !important;\n}\n\ninput[type=\"file\"] {\n  width: 140px;\n}\n\ninput[type=\"file\"]::file-selector-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);\n}\n\n.error-input {\n  font-size: 12px;\n  color: var(--error-color);\n  margin-top: 0.25rem;\n}\n\n.file-list {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.file {\n  margin: 2px;\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!./DetailRequestWithdrawFROffExchange.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!./DetailRequestWithdrawFROffExchange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailRequestWithdrawFROffExchange.vue?vue&type=template&id=2c3077e4&scoped=true&\"\nimport script from \"./DetailRequestWithdrawFROffExchange.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailRequestWithdrawFROffExchange.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailRequestWithdrawFROffExchange.vue?vue&type=style&index=0&id=2c3077e4&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  \"2c3077e4\",\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!./DetailRequestWithdrawFROffExchange.vue?vue&type=style&index=0&id=2c3077e4&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/dot-vertical.3638e7d1.svg\";"],"sourceRoot":""}