{"version":3,"sources":["webpack:///./app/javascript/application/javascripts/ExportPDF.vue?c31a","webpack:///app/javascript/application/javascripts/ExportPDF.vue","webpack:///./app/javascript/application/javascripts/ExportPDF.vue?8ac6","webpack:///./app/javascript/application/javascripts/ExportPDF.vue"],"names":["component","_vm","this","_h","$createElement","_self","_c","_t","loading","startExport"],"mappings":"kGAAA,I,2JCOA,YCP+M,EDU/M,CACA,OACA,iDACA,kCAGA,KANA,WAOA,OACA,aAIA,SACA,YADA,WACA,WACA,gBAEA,kBACA,iDACA,uCACA,yCACA,6CACA,2CACA,2CACA,8DACA,iDACA,yCAGA,UAhBA,WAiBA,sBAGA,YApBA,WAqBA,aACA,KACA,eACA,WACA,+BACA,6BACA,8BAEA,eACA,wDAEA,0CACA,QACA,YAGA,KArCA,SAqCA,GACA,kFAGA,UAzCA,SAyCA,GAEA,OACC,IAAD,uB,EAAA,G,EAAA,qHACC,MAAD,GADA,cACA,EADA,gBAEC,EAAD,OAFA,OAEA,EAFA,QAGA,kBACA,kBACA,6BAEA,mBAPA,0C,+KAAA,yDAUA,uCACA,gCACA,iCACA,kCAGA,iBACA,4BAEA,qBACA,aAEA,4BACA,mBACA,8BACA,4CACA,oDACA,wEAGA,aAKA,gBA/EA,SA+EA,GACA,oDACA,2CAGA,cApFA,WAoFA,WACA,mF,OEpGIA,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAII,MAAMC,IAAIH,GAAa,MAAM,CAACF,EAAIM,GAAG,UAAU,KAAK,CAAC,QAAUN,EAAIO,QAAQ,YAAcP,EAAIQ,eAAe,KAClK,IGUpB,EACA,KACA,KACA,MAIa,UAAAT,E","file":"js/27-2ea2fa1b412e8b6a206a.chunk.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\",null,{\"loading\":_vm.loading,\"startExport\":_vm.startExport})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <slot :loading=\"loading\" :startExport=\"startExport\" />\n  </div>\n</template>\n\n<script>\nconst logo = require('../images/logo.png');\nimport html2pdf from 'html2pdf.js';\n\nexport default {\n  props: {\n    title: { required: false, type: String, default: 'export' },\n    target: { required: true, type: String }\n  },\n\n  data() {\n    return {\n      loading: false\n    };\n  },\n\n  methods: {\n    startExport() {\n      this.loading = true;\n\n      Promise.resolve()\n        .then(() => this.togglePrintMode(true))\n        .then(() => this.wait(1000)) // Wait for any animation to complete\n        .then(() => this.scrollTop()) // We have to scroll to the top for the PDF to work\n        .then(() => this.awaitNextTick())\n        .then(() => this.generatePDF())\n        .then((pdf) => this.addFooter(pdf))\n        .then((pdf) => pdf.save(`${this.title}.pdf`))\n        .then(() => this.togglePrintMode(false))\n        .then(() => (this.loading = false));\n    },\n\n    scrollTop() {\n      window.scrollTo(0, 0);\n    },\n\n    generatePDF() {\n      return html2pdf()\n        .set({\n          margin: [25, 15],\n          pagebreak: {\n            before: ['.print-break-before'],\n            after: ['.print-break-after'],\n            avoid: ['.print-break-avoid']\n          },\n          enableLinks: true,\n          jsPDF: { unit: 'mm', format: 'a4', orientation: 'landscape' }\n        })\n        .from(document.querySelector(this.target))\n        .toPdf()\n        .get('pdf');\n    },\n\n    wait(milliseconds) {\n      return new Promise((resolve) => setTimeout(() => resolve(), milliseconds));\n    },\n\n    addFooter(pdf) {\n      // First we have to fetch the logo and convert it to base64\n      return (\n        new Promise(async (resolve, reject) => {\n          const response = await fetch(logo);\n          const logoBlob = await response.blob();\n          const reader = new FileReader();\n          reader.onload = function() {\n            resolve({ pdf, logo: this.result });\n          }; // <--- `this.result` contains a base64 data URI\n          reader.readAsDataURL(logoBlob);\n        })\n          // Then we can actually add the footer\n          .then(({ pdf, logo }) => {\n            const totalPages = pdf.internal.getNumberOfPages();\n            const width = pdf.internal.pageSize.getWidth();\n            const height = pdf.internal.pageSize.getHeight();\n\n            // Text styles\n            pdf.setFontSize(9);\n            pdf.setTextColor(160, 160, 160);\n\n            for (let i = 1; i <= totalPages; i++) {\n              pdf.setPage(i);\n\n              pdf.setDrawColor(230, 230, 230);\n              pdf.setLineWidth(0.1);\n              pdf.line(22, height - 18, width - 22, height - 18, 'S');\n              pdf.addImage(logo, 15, height - 15, 116 / 5, 63 / 5, null, 'NONE');\n              pdf.text(width - 30, height - 8, `Page ${i} of ${totalPages}`);\n              pdf.text(55, height - 8, `This report was exported at https://eucyberdirect.eu/.`);\n            }\n\n            return pdf;\n          })\n      );\n    },\n\n    togglePrintMode(value) {\n      document.body.classList.toggle('pdf-exporting', !!value);\n      this.$emit(value ? 'export-start' : 'export-end');\n    },\n\n    awaitNextTick() {\n      return new Promise((resolve) => this.$nextTick(() => resolve()));\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExportPDF.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExportPDF.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExportPDF.vue?vue&type=template&id=193fa25b&\"\nimport script from \"./ExportPDF.vue?vue&type=script&lang=js&\"\nexport * from \"./ExportPDF.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":""}