{"version":3,"sources":["webpack:///./src/views/sales/salesOrders/SalesSalesOrdersPickListPrint.vue?4660","webpack:///src/views/sales/salesOrders/SalesSalesOrdersPickListPrint.vue","webpack:///./src/views/sales/salesOrders/SalesSalesOrdersPickListPrint.vue?7bb6","webpack:///./src/views/sales/salesOrders/SalesSalesOrdersPickListPrint.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","name","mixins","printHtml","props","salesOrder","methods","displayAddress","count","display","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,G,oHCKtB,GACEC,KAAM,gCACNC,OAAQ,CAACC,EAAX,MACEC,MAAO,CACLC,WAAY,CAAhB,0BAEE,QANF,WAMA,yKACA,gBADA,SAEA,+lBASA,CAAgB,GAAhB,kBAXA,UAEA,EAFA,QAYA,QAZA,iDAcA,oBAEA,2mEA2CA,kCA3CA,2EA6CA,aA7CA,6DA8CA,sBA9CA,6DA+CA,iCA/CA,+ZA2DA,6BACA,QACA,6BACA,iEACA,MADA,6DAEA,cAFA,0EAGA,kCAHA,YAGA,QAHA,0GAQA,+DACA,MADA,2DAEA,cAFA,wEAGA,kCAHA,YAGA,QAHA,6EAIA,uDAJA,0CASA,oCA/FA,+CAkGEC,QAAS,CACPC,eADJ,SACA,GACM,IAAN,8BACA,4BACM,MAAOC,IAAU,EACfC,GAAW,QACb,OAAOA,KCpH2Z,I,YCOpaC,EAAY,eACd,EACAjB,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAU,E","file":"public/js/chunk-2d0c1c9f.50643af6.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: 'SalesSalesOrdersPickListPrint',\n  mixins: [printHtml],\n  props: {\n    salesOrder: {type:Object, required:true},\n  },\n  async created() {\n    this.$emit('done');\n    const results = await this.$apiCall(`query SalesSalesOrdersPickListPrint($id:ID!) {\n                                            salesOrder(id:$id) {\n                                              date,due,number,customerName,shipToAddress\n                                              lines {\n                                                sku,description,quantity,units,precision,picked\n                                                items {sku,description,quantity,units,precision}\n                                              }\n                                            }\n                                          }`,\n                                        {id:this.salesOrder.id});\n    if (results.error)\n      return;\n    const salesOrder = results.data.salesOrder;\n\n    const lines = [`\n      <style>\n        @page {size:portrait}\n        .pick-list-print {font-family: Roboto, sans-serif; width:100%;border-spacing:0;font-size:12px;text-align:left;border-collapse:collapse;table-layout:fixed}\n        .pick-list-print th {font-weight:normal;vertical-align:top}\n        .pick-list-print .header {dborder:1px solid #888;text-align:center;padding:4px 8px}\n        .pick-list-print .title {background-color:#b4b4b4}\n        .pick-list-print td {padding:8px 8px}\n        .pick-list-print .right {text-align:right}\n        .pick-list-print .left {text-align:left}\n        .pick-list-print .line {border-bottom:1px solid #000}\n        .diagonal-status {\n          position:absolute;\n          font-size:200px;\n          opacity:0.2;\n          transform: rotate(-45deg);\n          -ms-transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n          left:50px;\n          top:300px;\n          pointer-events: none;\n          z-index:100\t;\n        }\n      </style>\n      <table class=\"pick-list-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 style=\"color:#aaa;font-size:36px;font-weight:700;padding-bottom:20px\" colspan=\"20\">PICK LIST</th>\n          </tr>\n          <tr>\n            <th colspan=\"5\" class=\"header title\">SHIP TO</th>\n            <th colspan=\"3\" rowspan=\"2\"/>\n            <th colspan=\"4\" class=\"header title\">ORDER #</th>\n            <th colspan=\"4\" class=\"header title\">DATE</th>\n            <th colspan=\"4\" class=\"header title\">EXPECTED #</th>\n          </tr>\n          <tr>\n            <th colspan=\"5\" rdowspan=\"5\" class=\"header\">\n              ${this.displayAddress(salesOrder.shipToAddress)}\n            </th>\n            <th colspan=\"4\" class=\"header\">${salesOrder.number || ''}</th>\n            <th colspan=\"4\" class=\"header\">${this.$formatDate(salesOrder.date)}</th>\n            <th colspan=\"4\" class=\"header\">${salesOrder.due ? this.$formatDate(salesOrder.due) : 'TBD'}</th>\n          </tr>\n          <tr><th colspan=\"20\">&nbsp;</th></tr>\n          <tr>\n            <th colspan=\"3\" class=\"header title left\">ITEM</th>\n            <th colspan=\"10\" class=\"header title left\">DESCRIPTION</th>\n            <th colspan=\"4\" class=\"header title right\">QTY</th>\n            <th colspan=\"3\" class=\"header title right\">PICKED</th>\n          </tr>\n        </thead>\n        <tbody>`];\n\n      salesOrder.lines.forEach(line => {\n        if (line.items)\n          line.items.forEach(bundleLine => {\n            lines.push(`<tr>\n                          <td colspan=\"3\">${bundleLine.sku}</td>\n                          <td colspan=\"11\">${bundleLine.description}</td>\n                          <td colspan=\"3\" class=\"right\">${this.$number(bundleLine.quantity, bundleLine.precision)} ${bundleLine.units}</td>\n                          <td colspan=\"3\" class=\"line\"></td>\n                        </tr>`);\n          });\n        else {\n          lines.push(`<tr>\n                        <td colspan=\"3\">${line.sku}</td>\n                        <td colspan=\"11\">${line.description}</td>\n                        <td colspan=\"3\" class=\"right\">${this.$number(line.quantity, line.precision)} ${line.units}</td>\n                        <td colspan=\"3\" class=\"right line\">${line.picked ? `${this.$number(line.picked, line.precision)}` : ``}</td>\n                      </tr>`);\n        }\n      });\n\n    this.printHtml('Pick list', lines.join(''));\n  },\n\n  methods: {\n    displayAddress(address) {\n      let count = (address.match(/\\n/g) || []).length\n      let display = address.replace(/\\n/gi,'<br/>');\n      while (count++ < 2)   // Make sure we have at least 3 lines\n        display += '<br/>';\n      return display;\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!./SalesSalesOrdersPickListPrint.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!./SalesSalesOrdersPickListPrint.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SalesSalesOrdersPickListPrint.vue?vue&type=template&id=730eec6c&\"\nimport script from \"./SalesSalesOrdersPickListPrint.vue?vue&type=script&lang=js&\"\nexport * from \"./SalesSalesOrdersPickListPrint.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":""}