{"version":3,"sources":["webpack:///./src/views/sale/sale-invoice-po/PrintJournalInvoice.vue","webpack:///src/views/sale/sale-invoice-bdo/PrintJournalInvoice.vue","webpack:///./src/views/sale/sale-invoice-po/PrintJournalInvoice.vue?1b6e","webpack:///./src/views/sale/sale-invoice-po/PrintJournalInvoice.vue?212f"],"names":["staticClass","attrs","on","_c","url","staticRenderFns","name","props","id","data","journal","methods","back","getJournal","dispatch","then","catch","type","message","formatPrice","createListAccount","array","content","styles","valign","halign","createPdf","doc","margin","left","right","startY","theme","tableLineWidth","tableLineColor","columnStyles","cellWidth","head","lineWidth","fontStyle","body","tableWidth","lineColor","font","fontSize","didDrawCell","minCellHeight","headStyles","created","component"],"mappings":"+JAA2GA,a,IAA2BC,EAAM,K,EAAC,EAAO,MAAC,G,OAAU,6BAACC,YAAG,e,MAAC,CAAgB,iBAAgEF,IAAqBG,MAAG,EAAS,O,CAAQ,SAAS,CAACC,EAAG,0C,YAAC,Q,CAAkB,WAAO,C,MAAkB,CAAe,MAAS,IAAO,gBAAK,KAAE,kBAC3X,aACGC,uB,sKCwBW,GACfC,4BACAC,OACAC,WAEAC,gBACA,OACAC,WACAN,SAGAO,SACAC,gBACA,qBAEAC,sBAAA,oJACA,iDACA,SACAC,wCACAC,kBACA,iBACA,cACA,oCAEAC,kBACA,2BACAC,aACAC,sEAEA,oCACA,0CAfA,IAiBAC,wBACA,YACA,SAEA,uCACA,0DAEAC,6BAAA,WACA,KAWA,OAVA,2CACAC,QACA,CACAC,qDACAC,QAAAC,gBAAAC,gBAEA,CAAAH,+BAAAC,QAAAC,gBAAAC,iBACA,CAAAH,gCAAAC,QAAAC,gBAAAC,sBAGA,GAEAC,qBACA,qBAEAC,0BACAA,kBACAA,uBACAA,mBACAA,kBACAA,iDACAA,qBACAA,uDACAA,sBACAA,wEACAA,sBACAA,kDAEAA,aACAC,QAAAC,OAAAC,SACAC,UACAC,cACAC,kBACAC,uBACAC,cACA,GAAAC,eAEAC,MACA,CACA,CACAf,qCACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,mBAEA,CACAjB,gBACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,mBAEA,CACAjB,iBACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,qBAIAC,8BACA,2BACA,CACA,CACAlB,gBACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,mBAEA,CACAjB,6DACAC,QAAAC,gBAAAC,eAAAa,aAAAC,mBAEA,CACAjB,8DACAC,QAAAC,gBAAAC,eAAAa,aAAAC,sBAIAhB,QACAkB,kBACAC,kBACAC,aACAC,YAEAC,wBACA,gDACA,4BACA,yBACApC,sBACAA,+BAKA,+BAEAkB,aACAC,QAAAC,OAAAC,SACAC,SACAC,cACAK,sDACAG,MACA,CACA,CACAlB,WACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,qBAEA,CACAjB,WACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,qBAEA,CACAjB,WACAC,QAAAC,gBAAAC,gBAAAa,aAAAC,uBAIAhB,QACAC,gBACAiB,kBACAH,aACAb,cACAiB,kBACAI,kBAEAC,YACAvB,gBACAC,gBACAgB,kBACAK,mBAIA,qCAGAE,mBACA,oBCpM2X,I,YCOvXC,EAAY,eACd,EACA,EACA5C,GACA,EACA,KACA,KACA,MAIa,aAAA4C,E","file":"js/chunk-2d230e26.ff72c488.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: \"journal-sale-invoice\",\r\n  props: {\r\n    id: Number,\r\n  },\r\n  data() {\r\n    return {\r\n      journal: {},\r\n      url: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.$router.go(-1);\r\n    },\r\n    async getJournal() {\r\n      this.$store.commit(\"SET_LOADER\", true);\r\n      await this.$store\r\n        .dispatch(\"saleInvoice/getJournal\", this.id)\r\n        .then(response => {\r\n          this.journal = 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().replace(\".\", \",\");\r\n      return val.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");\r\n    },\r\n    createListAccount() {\r\n      let array = [];\r\n      this.journal.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          { content: this.formatPrice(x.debit), styles: { valign: \"middle\", halign: \"right\" } },\r\n          { content: this.formatPrice(x.credit), 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(16);\r\n      doc.text(\"JOURNAL\", 5, 10);\r\n      doc.line(5, 11, 33, 11);\r\n      doc.setFontSize(12);\r\n      doc.text(\"PT. GRAHA SUMBER PRIMA ELEKTRONIK\", 5, 20);\r\n      doc.text(\"No.\", 120, 20);\r\n      doc.text(`: ${this.journal.invoiceNumber}`, 130, 20);\r\n      doc.text(\"Date\", 120, 30);\r\n      doc.text(`: ${moment(this.journal.date).format(\"DD-MM-yyyy\")}`, 130, 30);\r\n      doc.text(\"Curr\", 120, 40);\r\n      doc.text(`: ${this.journal.currency}`, 130, 40);\r\n\r\n      doc.autoTable({\r\n        margin: { left: 5, right: 5 },\r\n        startY: 50,\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              content: \"ACCOUNT NAME & DESCRIPTION\",\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: `${this.formatPrice(this.journal.totalDebit)}`,\r\n              styles: { valign: \"middle\", halign: \"right\", lineWidth: 0.1, fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: `${this.formatPrice(this.journal.totalCredit)}`,\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 + 5;\r\n\r\n      doc.autoTable({\r\n        margin: { left: 5, right: 5 },\r\n        startY: y2,\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.getJournal();\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!./PrintJournalInvoice.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!./PrintJournalInvoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PrintJournalInvoice.vue?vue&type=template&id=bc1dfc86&\"\nimport script from \"./PrintJournalInvoice.vue?vue&type=script&lang=js&\"\nexport * from \"./PrintJournalInvoice.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":""}