{"version":3,"sources":["webpack:///./src/views/purchases/purchase-payment/PaymentVoucher.vue","webpack:///src/views/purchases/purchase-payment/PaymentVoucher.vue","webpack:///./src/views/purchases/purchase-payment/PaymentVoucher.vue?de87","webpack:///./src/views/purchases/purchase-payment/PaymentVoucher.vue?dbed"],"names":["staticClass","attrs","on","_c","url","staticRenderFns","name","props","id","data","purchasePayment","methods","back","getPurchasePayment","dispatch","then","catch","type","message","formatPrice","createListAccount","array","content","styles","valign","halign","x","createPdf","doc","margin","left","right","startY","theme","tableLineWidth","tableLineColor","columnStyles","cellWidth","head","rowSpan","lineWidth","fontStyle","colSpan","body","tableWidth","lineColor","font","fontSize","didDrawCell","minCellHeight","headStyles","created","component"],"mappings":"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","file":"js/chunk-2d2085eb.699bdebf.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('div',[_c('v-btn',{staticClass:\"noprint mr-3\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.back}},[_c('v-icon',[_vm._v(\" mdi-arrow-left \")])],1)],1),_c('div',{staticClass:\"mt-3\"},[_c('iframe',{attrs:{\"src\":_vm.url,\"frameborder\":\"0\",\"type\":\"application/pdf\",\"width\":\"100%\",\"height\":\"800px\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <div>\r\n      <v-btn color=\"primary\" @click=\"back\" class=\"noprint mr-3\">\r\n        <v-icon>\r\n          mdi-arrow-left\r\n        </v-icon>\r\n      </v-btn>\r\n    </div>\r\n    <div class=\"mt-3\">\r\n      <iframe\r\n        :src=\"url\"\r\n        frameborder=\"0\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"800px\"\r\n      ></iframe>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport \"jspdf-autotable\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n  name: \"payment-voucher-purchase\",\r\n  props: {\r\n    id: Number,\r\n  },\r\n  data() {\r\n    return {\r\n      purchasePayment: {},\r\n      url: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.$router.go(-1);\r\n    },\r\n    async getPurchasePayment() {\r\n      this.$store.commit(\"SET_LOADER\", true);\r\n      await this.$store\r\n        .dispatch(\"purchasePayment/getVoucherPayment\", this.id)\r\n        .then(response => {\r\n          this.purchasePayment = response.data;\r\n          this.createPdf();\r\n          this.$store.commit(\"SET_LOADER\", false);\r\n        })\r\n        .catch(() => {\r\n          this.$store.dispatch(\"toast\", {\r\n            type: \"error\",\r\n            message: \"Ada masalah dengan aplikasi, mohon hubungi admin aplikasi\",\r\n          });\r\n          this.$store.commit(\"SET_LOADER\", false);\r\n        });\r\n    },\r\n    formatPrice(value) {\r\n      if (value === null) {\r\n        return \"\";\r\n      }\r\n      let val = (value / 1).toFixed(2).replace(\".\", \",\");\r\n      return val.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");\r\n    },\r\n    createListAccount() {\r\n      let array = [];\r\n      this.purchasePayment.accounts.forEach(x => {\r\n        array.push([\r\n          {\r\n            content: `${x.accountName}\\n${x.desc}`,\r\n            styles: { valign: \"middle\", halign: \"left\" },\r\n          },\r\n          {\r\n            content:\r\n              this.formatPrice(x.debit) !== \"\" ? `${x.currency} ${this.formatPrice(x.debit)}` : \"\",\r\n            styles: { valign: \"middle\", halign: \"right\" },\r\n          },\r\n          {\r\n            content:\r\n              this.formatPrice(x.credit) !== \"\"\r\n                ? `${x.currency} ${this.formatPrice(x.credit)}`\r\n                : \"\",\r\n            styles: { valign: \"middle\", halign: \"right\" },\r\n          },\r\n          { content: this.formatPrice(x.debitIDR), styles: { valign: \"middle\", halign: \"right\" } },\r\n          { content: this.formatPrice(x.creditIDR), styles: { valign: \"middle\", halign: \"right\" } },\r\n        ]);\r\n      });\r\n      return array;\r\n    },\r\n    createPdf() {\r\n      const doc = new jsPDF();\r\n\r\n      doc.setFont(\"Times\", \"bold\");\r\n      doc.setFontSize(20);\r\n      doc.text(\"PT. GRAHA SUMBER PRIMA ELEKTRONIK\", 30, 20);\r\n      doc.setFontSize(16);\r\n      doc.text(\"PAYMENT VOUCHER\", 80, 30);\r\n\r\n      doc.setFont(\"Times\", \"normal\");\r\n      doc.setFontSize(10);\r\n      doc.rect(30, 35, 6, 6);\r\n      if (this.purchasePayment.method.split(\",\").includes(\"Giro\")) {\r\n        doc.text(\"X\", 32, 39);\r\n      }\r\n      doc.text(\"GIRO\", 41, 39);\r\n      doc.rect(70, 35, 6, 6);\r\n      if (this.purchasePayment.method.split(\",\").includes(\"Cash\")) {\r\n        doc.text(\"X\", 72, 39);\r\n      }\r\n\r\n      doc.text(\"CASH\", 81, 39);\r\n      doc.rect(110, 35, 6, 6);\r\n      if (this.purchasePayment.method.split(\",\").includes(\"Transfer\")) {\r\n        doc.text(\"X\", 112, 39);\r\n      }\r\n\r\n      doc.text(\"TRANSFER\", 121, 39);\r\n      doc.text(\"NO : \", 161, 39);\r\n\r\n      doc.rect(5, 45, 200, 10);\r\n      doc.setFont(\"Times\", \"normal\");\r\n      doc.setFontSize(10);\r\n      doc.text(\"VOUCHER NO.\", 27, 51);\r\n      doc.rect(55, 47, 30, 6);\r\n      doc.text(this.purchasePayment.voucherNumber, 57, 51);\r\n\r\n      doc.text(\"DATE :\", 90, 51);\r\n      doc.rect(105, 47, 20, 6);\r\n      doc.text(moment(this.purchasePayment.date).format(\"DD-MM-yyyy\"), 107, 51);\r\n\r\n      doc.text(\"Company :\", 137, 51);\r\n      doc.text(\"GSPE\", 160, 51);\r\n\r\n      doc.autoTable({\r\n        margin: { left: 5, right: 5 },\r\n        startY: 55,\r\n        theme: \"plain\",\r\n        tableLineWidth: 0.1,\r\n        tableLineColor: \"black\",\r\n        columnStyles: {\r\n          0: { cellWidth: 90 },\r\n        },\r\n        head: [\r\n          [\r\n            {\r\n              rowSpan: 2,\r\n              content: \"ACCOUNT NAME\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              colSpan: 2,\r\n              content: \"AMOUNT\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              colSpan: 2,\r\n              content: \"EQUIVALEN IN RP\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              content: \"Debit\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: \"Credit\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: \"Debit\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: \"Credit\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n          ],\r\n        ],\r\n        body: [\r\n          ...this.createListAccount(),\r\n          [\r\n            {\r\n              content: \"TOTAL\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: `${\r\n                this.purchasePayment.currency != \"IDR\"\r\n                  ? \"\"\r\n                  : this.formatPrice(this.purchasePayment.totalDebit)\r\n              }`,\r\n              styles: { valign: \"middle\", halign: \"right\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: `${\r\n                this.purchasePayment.currency != \"IDR\"\r\n                  ? \"\"\r\n                  : this.formatPrice(this.purchasePayment.totalCredit)\r\n              }`,\r\n              styles: { valign: \"middle\", halign: \"right\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: `${this.formatPrice(this.purchasePayment.totalDebitIDR)}`,\r\n              styles: { valign: \"middle\", halign: \"right\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: `${this.formatPrice(this.purchasePayment.totalCreditIDR)}`,\r\n              styles: { valign: \"middle\", halign: \"right\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n          ],\r\n        ],\r\n        styles: {\r\n          tableWidth: \"auto\",\r\n          lineColor: \"black\",\r\n          font: \"times\",\r\n          fontSize: 9,\r\n        },\r\n        didDrawCell: data => {\r\n          if (data.row.section === \"body\" && data.column.dataKey >= 0) {\r\n            let x = data.cell.x + data.cell.width;\r\n            let y = data.cell.y + data.cell.height;\r\n            data.doc.setDrawColor(0);\r\n            data.doc.line(x, data.cell.y, x, y);\r\n          }\r\n        },\r\n      });\r\n\r\n      const y2 = doc.lastAutoTable.finalY + 10;\r\n      doc.setDrawColor(0);\r\n      doc.rect(5, y2, 200, 40);\r\n      doc.setFont(\"Times\", \"bold\");\r\n      doc.setFontSize(10);\r\n      doc.text(\"Paid To :\", 7, y2 + 5);\r\n      doc.text(this.purchasePayment.customerName, 7, y2 + 10);\r\n      doc.text(\"Received by :\", 107, y2 + 5);\r\n      doc.setFont(\"Times\", \"normal\");\r\n      doc.setFontSize(10);\r\n      doc.text(\"(                                          )\", 107, y2 + 35);\r\n      doc.setFont(\"Times\", \"bold\");\r\n      doc.setFontSize(10);\r\n      doc.text(\"Date : \", 157, y2 + 35);\r\n      doc.setDrawColor(0);\r\n      doc.line(167, y2 + 35, 193, y2 + 35);\r\n\r\n      doc.autoTable({\r\n        margin: { left: 5, right: 5 },\r\n        startY: y2 + 45,\r\n        theme: \"plain\",\r\n        head: [[\"PREPARED BY :\", \"CHECKED BY :\", \"APPROVALS :\"]],\r\n        body: [\r\n          [\r\n            {\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"normal\" },\r\n            },\r\n            {\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"normal\" },\r\n            },\r\n            {\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0.1, fontStyle: \"normal\" },\r\n            },\r\n          ],\r\n        ],\r\n        styles: {\r\n          valign: \"middle\",\r\n          tableWidth: \"auto\",\r\n          lineWidth: 0.1,\r\n          halign: \"left\",\r\n          lineColor: \"black\",\r\n          minCellHeight: 30,\r\n        },\r\n        headStyles: {\r\n          valign: \"middle\",\r\n          halign: \"center\", //'center' or 'right',\r\n          tableWidth: \"auto\",\r\n          minCellHeight: 0,\r\n        },\r\n      });\r\n\r\n      this.url = doc.output(\"datauristring\");\r\n    },\r\n  },\r\n  created() {\r\n    this.getPurchasePayment();\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\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!./PaymentVoucher.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!./PaymentVoucher.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentVoucher.vue?vue&type=template&id=fd9674e8&\"\nimport script from \"./PaymentVoucher.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentVoucher.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}