{"version":3,"sources":["webpack:///./src/views/sale/sale-proforma/PrintPreview.vue","webpack:///src/views/sale/sale-proforma/PrintPreview.vue","webpack:///./src/views/sale/sale-proforma/PrintPreview.vue?430c","webpack:///./src/views/sale/sale-proforma/PrintPreview.vue?8804"],"names":["_c","_self","staticClass","attrs","url","name","props","id","computed","mapState","total","data","saleDownPayment","methods","preview","dispatch","then","catch","type","message","formatPrice","contactName","setNewArray","items","array","content","styles","valign","halign","x","formatBank","bank","first","formatRemark","createPdf","doc","margin","top","left","theme","head","body","colSpan","lineWidth","fontStyle","lineColor","fontSize","overflow","overflowColums","headStyles","fillColor","columnStyles","cellWidth","didParseCell","didDrawPage","str","item","tableY","maxWidth","created","component","staticRenderFns"],"mappings":"uIAA4CA,EAAOC,WAAS,MAAU,KAAyBC,UAAY,GAAM,OAAM,SAAS,UAACC,YAAM,Q,CAAC,WAAUC,C,MAAI,CAAkB,IAAM,EAAC,IAAkB,YAAc,IAAC,KAAQ,kBAAQ,aAAK,OAAE,gB,oNCqBxN,GACfC,8BACAC,OACAC,WAEAC,yDACAC,yCACAA,2CACAC,iBACA,QAIA,OAHA,mDACAA,cAEA,KAGAC,gBACA,OACAC,mBACAR,SAGAS,SACAC,mBAAA,oJACA,iDACA,SACAC,sCACAC,gBAAA,yIACA,yCACA,kEACA,cACA,4EACA,mDALAA,IAMAC,kBACA,2BACAC,aACAC,sEAEA,oCACA,0CAhBA,IAkBAC,wBACA,uCACA,0DAEAC,wBACA,yDACA,cACA,UAEAC,wBAAA,WACA,KAuEA,OAtEAC,yBACA,cACAC,QACA,CACAC,YACAC,QAAAC,aAAAC,gBAEA,CACAH,qBACAC,QAAAC,aAAAC,gBAEA,CACAH,cACAC,QAAAC,aAAAC,gBAEA,CACAH,QACAI,WACA,IACA,yBACA,eACA,qBACAH,QAAAC,aAAAC,gBAEA,CACAH,qCACAC,QAAAC,aAAAC,gBAEA,CACAH,mCACAC,QAAAC,aAAAC,iBAEA,CACAH,+BACAC,QAAAC,aAAAC,mBAIAJ,QACA,CACAC,YACAC,QAAAC,aAAAC,gBAEA,CACAH,qBACAC,QAAAC,aAAAC,gBAEA,CACAH,cACAC,QAAAC,aAAAC,gBAEA,CACAH,qDACAC,QAAAC,aAAAC,gBAEA,CACAH,qCACAC,QAAAC,aAAAC,gBAEA,CACAH,mCACAC,QAAAC,aAAAC,iBAEA,CACAH,+BACAC,QAAAC,aAAAC,sBAKA,GAEAE,uBACA,MACA,qIACAC,6BACAC,2CAEA,MACAA,qFACA,SAEA,UAEAC,yBACA,UAGA,IAEAC,qBAAA,WACA,iBACA,+BAEAC,aACAC,QAAAC,OAAAC,SACAC,cACAC,0EACAC,8BACA,kDACA,CACA,CACAC,UACAjB,WACAC,QAAAC,gBAAAC,gBAAAe,cAEA,CACAlB,sBACAC,QAAAC,gBAAAC,gBAAAgB,mBAEA,CACAnB,qCACAC,QAAAC,gBAAAC,kBAGA,CACA,CACAc,UACAjB,WACAC,QAAAC,gBAAAC,gBAAAe,cAEA,CACAlB,8DACAC,QAAAC,gBAAAC,gBAAAgB,mBAEA,CACAnB,yDACAC,QAAAC,gBAAAC,kBAGA,CACA,CACAc,UACAjB,WACAC,QAAAC,gBAAAC,gBAAAe,cAEA,CACAlB,oEACAC,QAAAC,gBAAAC,gBAAAgB,mBAEA,CACAnB,mEACAC,QAAAC,gBAAAC,oBAIAF,QACAC,gBACAgB,aACAf,cACAiB,kBACAC,WACAC,qBACAC,4BAEAC,YACAtB,gBACAC,gBACAsB,qBAEAC,cACA,GAAAC,aACA,GAAAA,cACA,GAAAA,cACA,GAAAA,cACA,GAAAA,cACA,GAAAA,cACA,GAAAA,eAGAC,yBACA,+DACA1C,+BACAA,oCAGA2C,uBACA,wBACA,gCAEA,sCACAC,cAGApB,8CAEAA,mBACAA,kBACAA,0CACAA,qDACAA,4CACAA,yCAEAA,0BACAA,kBACAA,kCACAA,4BACAA,kBAEA,SACAA,mBACAA,sBAEAA,0BACAA,kBACAA,+BACAA,kBACAA,+BAEAA,4BACAA,kBACA,8CACA,yBACAA,kBACAA,0BACAqB,2BACA,GACAC,qBAEAtB,0BACAqB,uBACA,GACAC,qBAEAtB,0BACAA,kBACAA,4EAEAA,0BACAA,kBACAA,6BACAA,+BACAA,uBACAA,4BACAA,4BACAA,kBACAA,8CACAA,wEACAA,oDACAA,mCAIA,qCACAA,mBAGA,gCAEAA,0BACAA,kBACAA,6BACAA,6BACAA,wBACAA,yBAEAA,0BACAA,kBACAA,yBACAA,oEAAAuB,eAEA,qCAGAC,mBACA,iBClVoX,I,YCOhXC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E","file":"js/chunk-2d0ceb34.9d45962e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_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 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\nimport { mapState } from \"vuex\";\r\nimport base64 from \"../../../services/base64\";\r\n\r\nexport default {\r\n  name: \"print-preview-proforma\",\r\n  props: {\r\n    id: Number,\r\n  },\r\n  computed: {\r\n    ...mapState(\"external\", [\"contacts\"]),\r\n    ...mapState(\"auth\", [\"userDetail\"]),\r\n    total() {\r\n      let total = 0;\r\n      this.saleDownPayment.products.forEach(x => {\r\n        total += x.total;\r\n      });\r\n      return total;\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      saleDownPayment: {},\r\n      url: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    async preview() {\r\n      this.$store.commit(\"SET_LOADER\", true);\r\n      await this.$store\r\n        .dispatch(\"saleProforma/getById\", this.id)\r\n        .then(async response => {\r\n          this.saleDownPayment = response.data;\r\n          await this.$store.dispatch(\"external/getContact\", response.data.customerId);\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      let val = (value / 1).toFixed().replace(\".\", \",\");\r\n      return val.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");\r\n    },\r\n    contactName(id) {\r\n      const contact = this.contacts.find(x => x.id === id);\r\n      const name = contact ? contact.name : \"\";\r\n      return name;\r\n    },\r\n    setNewArray(items) {\r\n      const array = [];\r\n      items.forEach((x, index) => {\r\n        if (items.length - 1 == index) {\r\n          array.push([\r\n            {\r\n              content: index + 1,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.partNumber,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.mfr,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content:\r\n                x.partDesc +\r\n                \" \" +\r\n                this.formatRemark(x.remark) +\r\n                \"\\n\\n\\n\\n\\n\\n\" +\r\n                this.formatBank(x.bank),\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.quantity + \" \" + x.unitMeasure,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(x.unitPrice),\r\n              styles: { valign: \"top\", halign: \"right\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(x.total),\r\n              styles: { valign: \"top\", halign: \"right\" },\r\n            },\r\n          ]);\r\n        } else {\r\n          array.push([\r\n            {\r\n              content: index + 1,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.partNumber,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.mfr,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.partDesc + \" \" + this.formatRemark(x.remark) + \"\\n\",\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: x.quantity + \" \" + x.unitMeasure,\r\n              styles: { valign: \"top\", halign: \"left\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(x.unitPrice),\r\n              styles: { valign: \"top\", halign: \"right\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(x.total),\r\n              styles: { valign: \"top\", halign: \"right\" },\r\n            },\r\n          ]);\r\n        }\r\n      });\r\n      return array;\r\n    },\r\n    formatBank(bank) {\r\n      if (bank) {\r\n        let first = `ACCOUNT BANK :\\n${bank.bankName}\\nCABANG ${bank.branch},\\n${bank.address}\\nA/N : ${bank.ownerName}\\n`;\r\n        bank.items.forEach(x => {\r\n          first = first + `NO : ${x.accountNumber}\\n`;\r\n        });\r\n        let result =\r\n          first + `SWIFT CODE : ${bank.swiftCode}\\nPlease pay the full amount of this invoice`;\r\n        return result;\r\n      }\r\n      return \"\";\r\n    },\r\n    formatRemark(remark) {\r\n      if (remark) {\r\n        return remark;\r\n      }\r\n      return \"\";\r\n    },\r\n    createPdf() {\r\n      const doc = new jsPDF();\r\n      let totalPagesExp = \"{total_pages_count_string}\";\r\n\r\n      doc.autoTable({\r\n        margin: { top: 97, left: 10 },\r\n        theme: \"plain\",\r\n        head: [[\"No\", \"Part#\", \"Mfr\", \"Description\", \"Qty\", \"Unit Price\", \"Line Total\"]],\r\n        body: [\r\n          ...this.setNewArray(this.saleDownPayment.products),\r\n          [\r\n            {\r\n              colSpan: 5,\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0 },\r\n            },\r\n            {\r\n              content: \"Sub Total :\",\r\n              styles: { valign: \"middle\", halign: \"center\", fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(this.total),\r\n              styles: { valign: \"middle\", halign: \"right\" },\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              colSpan: 5,\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0 },\r\n            },\r\n            {\r\n              content: `PPN ${this.saleDownPayment.percentagePpn}%`,\r\n              styles: { valign: \"middle\", halign: \"center\", fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(this.saleDownPayment.taxAmount),\r\n              styles: { valign: \"middle\", halign: \"right\" },\r\n            },\r\n          ],\r\n          [\r\n            {\r\n              colSpan: 5,\r\n              content: \"\",\r\n              styles: { valign: \"middle\", halign: \"center\", lineWidth: 0 },\r\n            },\r\n            {\r\n              content: `Total ${this.saleDownPayment.percentageInvoice}%`,\r\n              styles: { valign: \"middle\", halign: \"center\", fontStyle: \"bold\" },\r\n            },\r\n            {\r\n              content: this.formatPrice(this.saleDownPayment.totalAmountAfterTax),\r\n              styles: { valign: \"middle\", halign: \"right\" },\r\n            },\r\n          ],\r\n        ],\r\n        styles: {\r\n          valign: \"middle\",\r\n          lineWidth: 0.1,\r\n          halign: \"left\",\r\n          lineColor: \"black\",\r\n          fontSize: 9,\r\n          overflow: \"linebreak\",\r\n          overflowColums: \"linebreak\",\r\n        },\r\n        headStyles: {\r\n          valign: \"middle\",\r\n          halign: \"center\", //'center' or 'right',\r\n          fillColor: \"#DDDDDD\",\r\n        },\r\n        columnStyles: {\r\n          0: { cellWidth: 8 },\r\n          1: { cellWidth: 30 },\r\n          2: { cellWidth: 25 },\r\n          3: { cellWidth: 62 },\r\n          4: { cellWidth: 12 },\r\n          5: { cellWidth: 25 },\r\n          6: { cellWidth: 25 },\r\n          // etc\r\n        },\r\n        didParseCell: function(data) {\r\n          if (data.section === \"body\" && data.column.index === 5 && data.row.raw.length === 3) {\r\n            data.cell.styles.fontStyle = \"bold\";\r\n            data.cell.styles.fillColor = \"#DDDDDD\";\r\n          }\r\n        },\r\n        didDrawPage: () => {\r\n          const item = this.saleDownPayment;\r\n          let str = doc.internal.getNumberOfPages();\r\n          // Total page number plugin only available in jspdf v1.0+\r\n          if (typeof doc.putTotalPages === \"function\") {\r\n            str = str + \" of \" + totalPagesExp;\r\n          }\r\n\r\n          doc.addImage(base64.logoUrl, \"JPEG\", 10, 10, 90, 20);\r\n\r\n          doc.setFont(\"Times\");\r\n          doc.setFontSize(10);\r\n          doc.text(\"INTERCON PLAZA BLOK D. 11\", 10, 35);\r\n          doc.text(\"JL. MERUYA ILIR, SRENGSENG-KEMBANGAN\", 10, 40);\r\n          doc.text(\"Phone   (62-21)7587-9949/51\", 10, 45);\r\n          doc.text(\"Fax     (62-21)7587-9952\", 10, 50);\r\n\r\n          doc.setFont(\"Times\", \"bold\");\r\n          doc.setFontSize(15);\r\n          doc.text(\"PROFORMA INVOICE\", 130, 45);\r\n          doc.setFont(\"Times\", \"normal\");\r\n          doc.setFontSize(10);\r\n\r\n          const tableY = 53;\r\n          doc.rect(10, tableY, 90, 40);\r\n          doc.rect(115, tableY + 5, 90, 30);\r\n\r\n          doc.setFont(\"Times\", \"bold\");\r\n          doc.setFontSize(11);\r\n          doc.text(\"CUSTOMER NAME\", 12, tableY + 5);\r\n          doc.setFontSize(10);\r\n          doc.text(item.customerName, 12, tableY + 10);\r\n\r\n          doc.setFont(\"Times\", \"normal\");\r\n          doc.setFontSize(10);\r\n          let splitTitle = doc.splitTextToSize(item.customerAddress, 80);\r\n          let size = doc.getTextDimensions(splitTitle);\r\n          doc.text(splitTitle, 12, tableY + 15);\r\n          doc.text(\r\n            `Phone    ${item.phone === null ? \"\" : item.phone}`,\r\n            12,\r\n            tableY + 18 + Math.ceil(size.h)\r\n          );\r\n          doc.text(\r\n            `fax      ${item.fax === null ? \"\" : item.fax}`,\r\n            62,\r\n            tableY + 18 + Math.ceil(size.h)\r\n          );\r\n          doc.setFont(\"Times\", \"bold\");\r\n          doc.setFontSize(10);\r\n          doc.text(`Contact Name      ${this.contactName(item.billToContact)}`, 12, tableY + 35);\r\n\r\n          doc.setFont(\"Times\", \"bold\");\r\n          doc.setFontSize(12);\r\n          doc.text(\"P.Inv.No.\", 117, tableY + 10);\r\n          doc.text(\"P.Inv.Date.\", 117, tableY + 15);\r\n          doc.text(\"PO#\", 117, tableY + 20);\r\n          doc.text(\"Page No.\", 117, tableY + 25);\r\n          doc.setFont(\"Times\", \"normal\");\r\n          doc.setFontSize(10);\r\n          doc.text(`: ${item.invoiceNumber}`, 147, tableY + 10);\r\n          doc.text(`: ${moment(item.invoiceDate).format(\"DD-MMMM-yyyy\")}`, 147, tableY + 15);\r\n          doc.text(`: ${item.purchaseOrderNumber}`, 147, tableY + 20);\r\n          doc.text(`: ${str}`, 147, tableY + 25);\r\n        },\r\n      });\r\n\r\n      if (typeof doc.putTotalPages === \"function\") {\r\n        doc.putTotalPages(totalPagesExp);\r\n      }\r\n\r\n      const y = doc.lastAutoTable.finalY + 10;\r\n\r\n      doc.setFont(\"Times\", \"bold\");\r\n      doc.setFontSize(10);\r\n      doc.text(\"PREPARED BY :\", 20, y);\r\n      doc.text(\"RECEIVED BY :\", 90, y);\r\n      doc.line(15, y + 25, 53, y + 25);\r\n      doc.line(85, y + 25, 123, y + 25);\r\n\r\n      doc.setFont(\"Times\", \"bold\");\r\n      doc.setFontSize(12);\r\n      doc.text(\"Note :\", 10, y - 20);\r\n      doc.text(\"WE WILL PROCESS THIS PO AFTER RECEIVE T/T PAYMENT\", 25, y - 20, { maxWidth: 120 });\r\n\r\n      this.url = doc.output(\"datauristring\");\r\n    },\r\n  },\r\n  created() {\r\n    this.preview();\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!./PrintPreview.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!./PrintPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PrintPreview.vue?vue&type=template&id=7bad875c&\"\nimport script from \"./PrintPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./PrintPreview.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":""}