{"version":3,"sources":["webpack:///./src/views/purchasing/purchaseOrders/PurchasingPurchaseOrdersPrint.vue?749b","webpack:///src/views/purchasing/purchaseOrders/PurchasingPurchaseOrdersPrint.vue","webpack:///./src/views/purchasing/purchaseOrders/PurchasingPurchaseOrdersPrint.vue?9c68","webpack:///./src/views/purchasing/purchaseOrders/PurchasingPurchaseOrdersPrint.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","name","mixins","printHtml","props","purchaseOrder","purchaseOrders","data","company","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,G,4ICKtB,GACEC,KAAM,gCACNC,OAAQ,CAACC,EAAX,MACEC,MAAO,CACLC,cAAe,CAAnB,yBACIC,eAAgB,CAApB,yBAEEC,KAPF,WAQI,MAAO,CACLC,QAAS,OAGb,QAZF,WAYA,+KACA,gBACA,kCAFA,iEAIA,iNAGA,IAPA,UAIA,EAJA,QAQA,QARA,iDAUA,yBACA,wnBAYA,4BACA,qDACA,aAzBA,iBA0BA,GA1BA,kEA0BA,EA1BA,aA2BA,OA3BA,KA2BA,EA3BA,sBA2BA,cA3BA,wEA4BA,KACA,oCACA,GACA,wCA/BA,oJAiCA,iGAjCA,oEAmCEC,QAAS,CACP,MADJ,SACA,yLACA,ynBASA,CAAkB,GAAlB,IAVA,UACA,EADA,QAWA,QAXA,wDAaA,uBACA,6pBASA,EATA,sIAWA,eAXA,2CAYA,sBAZA,kCAaA,mBAbA,YAaA,uBAbA,aAaA,yBAbA,kCAcA,oBAdA,kCAeA,oBAfA,keA0BA,SA1BA,+DA2BA,OA3BA,2YAqCA,UArCA,+DAsCA,MAtCA,oJA0CA,wCA1CA,+dAuDA,IACA,6BACA,YACA,6DACA,MADA,wDAEA,cAFA,sEAGA,kCAHA,sEAIA,yBAJA,sEAKA,sBALA,wCAQA,qEACA,oBADA,aACA,OADA,+DAEA,oBAFA,2JAIA,eAJA,mCAMA,IACA,gCACA,YACA,mFACA,OADA,sFAEA,sBAFA,wCAKA,+JAEA,eAFA,yFA9FA,kBAoGA,GApGA,iDCtDwa,I,YCOpaC,EAAY,eACd,EACAjB,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAU,E","file":"public/js/chunk-2d0e13e4.8884b2d0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(\"div\")}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n</template>\n\n<script>\nimport printHtml from '@/mixins/printHtml'\n\nexport default {\n  name: 'PurchasingPurchaseOrdersPrint',\n  mixins: [printHtml],\n  props: {\n    purchaseOrder: {type:Object, required:false},\n    purchaseOrders: {type:Array, required:false}\n  },\n  data() {\n    return {\n      company: null,\n    }\n  },\n  async created() {\n    this.$emit('done');\n    if (!this.purchaseOrder && !this.purchaseOrders)\n      return;\n    const results = await this.$apiCall(`query PurchasingPurchaseOrdersPrint {\n                                            company {name,address,city,province,postalCode,email,phone,logoURL}\n                                          }`,\n                                        {});\n    if (results.error)\n      return;\n    this.company = results.data.company;\n    const lines = [`\n      <style>\n        @page {size:portrait}\n        .purchase-order-print {font-family: Roboto, sans-serif; width:100%;border-spacing:0;font-size:12px;text-align:left;border-collapse:collapse;table-layout:fixed}\n        .purchase-order-print th {font-weight:normal;vertical-align:top}\n        .purchase-order-print .header {border:1px solid #888;text-align:center;padding:4px 8px}\n        .purchase-order-print .title {background-color:#b4b4b4}\n        .purchase-order-print td {padding:8px 8px}\n        .purchase-order-print .right {text-align:right}\n        .page-break {page-break-before: always}\n      </style>`];\n\n    const logos = this.company.logoURL ? [] : null;\n    const purchaseOrders = this.purchaseOrder ? [this.purchaseOrder] : this.purchaseOrders;\n    let n = purchaseOrders.length - 1;\n    for (const so of purchaseOrders) {\n      lines.push(...await this.print(so.id));\n      if (n--)\n        lines.push(`<div class=\"page-break\"/>`);\n      if (logos)\n        logos.push({id:so.id, src:this.company.logoURL});\n    }\n    this.printHtml(this.purchaseOrder?`PO ${this.purchaseOrder.number}`:'Purchase orders', lines.join(''), logos);\n  },\n  methods: {\n    async print(id) {\n      const results = await this.$apiCall(`query PurchasingPurchaseOrdersPrint($id:ID!) {\n                                              purchaseOrder(id:$id) {\n                                                vendorAddress,date,due,shipVia,memo,number,\n                                                lines {sku,description,quantity,unitPrice,amount,taxCodeId,precision}\n                                                taxLines {\n                                                  id,name,amount,onAmount,percent\n                                                }\n                                              }\n                                            }`,\n                                          {id});\n      if (results.error)\n        return;\n      const purchaseOrder = results.data.purchaseOrder;\n      const lines = [`\n        <table class=\"purchase-order-print\">\n          <col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/>\n          <col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/>\n          <col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/>\n          <col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/>\n          <col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/><col style=\"width:5%\"/>\n          <thead>\n            <tr>\n              <th rowspan=\"4\" colspan=\"2\"><img id=\"${id}\" style=\"width:72px\"/></th>\n              <th style=\"padding-left:20px\" rowspan=\"4\" colspan=\"6\">\n                <strong>${this.company.name}</strong><br/>\n                ${this.company.address || ''}<br/>\n                ${this.company.city || ''} ${this.company.province || ''}  ${this.company.postalCode || ''}<br/>\n                ${this.company.phone || ''}</br>\n                ${this.company.email || ''}\n              </th>\n              <th style=\"color:#aaa;font-size:36px;font-weight:700;text-align:right;padding-bottom:20px\" colspan=\"12\">PURCHASE ORDER</th>\n            </tr>\n            <tr>\n              <th colspan=\"4\"/>\n              <th colspan=\"4\" class=\"header title\">PO #</th>\n              <th colspan=\"4\" class=\"header title\">DATE</th>\n            </tr>\n            <tr>\n              <th colspan=\"4\"/>\n              <th colspan=\"4\" class=\"header\">${purchaseOrder.number}</th>\n              <th colspan=\"4\" class=\"header\">${purchaseOrder.date}</th>\n            </tr>\n            <tr>\n              <th colspan=\"4\"/>\n              <th colspan=\"4\" class=\"header title\">SHIP VIA</th>\n              <th colspan=\"4\" class=\"header title\">EXPECTED</th>\n            </tr>\n            <tr>\n              <th colspan=\"8\" class=\"header title\">TO</th>\n              <th colspan=\"4\"/>\n              <th colspan=\"4\" class=\"header\">${purchaseOrder.shipVia}</th>\n              <th colspan=\"4\" class=\"header\">${purchaseOrder.due}</th>\n            </tr>\n            <tr>\n              <th colspan=\"8\" style=\"padding-top:10px;padding-bottom:20px\">\n                ${purchaseOrder.vendorAddress.replace(/\\n/gi,'<br/>')}\n              </th>\n              <th colspan=\"12\"/>\n            </tr>\n            <tr>\n              <th colspan=\"3\" class=\"header title\">ITEM</th>\n              <th colspan=\"8\" class=\"header title\">DESCRIPTION</th>\n              <th colspan=\"3\" class=\"header title\">QTY</th>\n              <th colspan=\"3\" class=\"header title\">UNIT PRICE</th>\n              <th colspan=\"3\" class=\"header title\">AMOUNT</th>\n            </tr>\n          </thead>\n          <tbody>`];\n      let subTotal = 0;\n      purchaseOrder.lines.forEach(line => {\n        subTotal += line.amount;\n        lines.push(`<tr>\n                      <td colspan=\"3\">${line.sku}</td>\n                      <td colspan=\"8\">${line.description}</td>\n                      <td colspan=\"3\" class=\"right\">${this.$number(line.quantity, line.precision)}</td>\n                      <td colspan=\"3\" class=\"right\">${this.$number(line.unitPrice, 4)}</td>\n                      <td colspan=\"3\" class=\"right\">${this.$number(line.amount, 2)}</td>\n                    </tr>`);\n      });\n      lines.push(`<tr>\n                    <td colspan=\"11\" rowspan=\"${2+purchaseOrder.taxLines.length}\">${purchaseOrder.memo}</td>\n                    <td colspan=\"3\" rowspan=\"${2+purchaseOrder.taxLines.length}\"/>\n                    <td colspan=\"3\" class=\"right\"><strong>Subtotal</strong></td>\n                    <td colspan=\"3\" class=\"right header\">${this.$currency(subTotal)}</td>\n                  </tr>`);\n      let total = subTotal;\n      purchaseOrder.taxLines.forEach(tax => {\n        total += tax.amount;\n        lines.push(`<tr>\n                      <td colspan=\"3\" class=\"right\"><strong>${tax.name}</strong></td>\n                      <td colspan=\"3\" class=\"right header\">${this.$currency(tax.amount)}</td>\n                    </tr>`);\n      })\n      lines.push(`<tr>\n                    <td colspan=\"3\" class=\"right\"><strong>Total</strong></td>\n                    <td colspan=\"3\" class=\"right header\">${this.$currency(total)}</td>\n                  </tr>\n                  </tbody>\n                </table>`);\n      return lines;\n    }\n  }\n}\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PurchasingPurchaseOrdersPrint.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PurchasingPurchaseOrdersPrint.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PurchasingPurchaseOrdersPrint.vue?vue&type=template&id=2332d474&\"\nimport script from \"./PurchasingPurchaseOrdersPrint.vue?vue&type=script&lang=js&\"\nexport * from \"./PurchasingPurchaseOrdersPrint.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":""}