{"version":3,"sources":["webpack:///./src/components/Utils/QRDialog.vue?ba24","webpack:///src/components/Utils/QRDialog.vue","webpack:///./src/components/Utils/QRDialog.vue?145e","webpack:///./src/components/Utils/QRDialog.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","ref","on","_g","color","_v","model","value","callback","$$v","dialog","expression","staticClass","staticStyle","$event","stopPropagation","refreshKey","src","proxy","loading","preventDefault","download","user","id","_s","_e","staticRenderFns","props","data","computed","fileName","generateNameFromUrl","myUrl","url","window","location","href","dd","footer","columns","content","images","qr","scanMe","styles","img","fontSize","alignment","bold","methods","open","uniqueName","endsWith","substring","length","Promise","all","pdfMake","pdfFonts","watch","$route","component","VBtn","VCard","VDialog","VIcon","VImg","VProgressCircular","VResponsive","VRow"],"mappings":"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","file":"js/chunk-2d22c332.a546c6e8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-height\":\"90vh\",\"max-width\":\"90vh\",\"transition\":\"dialog-transition\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"color\":_vm.color || 'white',\"small\":\"\",\"icon\":\"\"}},on),[_c('v-icon',[_vm._v(\"fal fa-qrcode\")])],1)]}}]),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-responsive',{attrs:{\"aspect-ratio\":1}},[_c('v-card',{attrs:{\"height\":\"100%\",\"width\":\"100%\"}},[_c('div',{staticClass:\"text-end\",staticStyle:{\"float\":\"right\"}},[_c('v-btn',{attrs:{\"color\":\"grey\",\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"fas fa-times\")])],1)],1),_c('v-img',{key:_vm.refreshKey,attrs:{\"src\":_vm.src,\"lazy-src\":\"https://vblimages.blob.core.windows.net/images/ce1a5207-6f6f-4759-93cb-d9ad9c523bd1.jpg\",\"max-width\":\"100%\",\"max-height\":\"100%\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}])},[_c('div',{staticClass:\"fill-height d-flex align-end justify-center\"},[_c('v-btn',{attrs:{\"color\":\"color3\",\"text\":\"\",\"small\":\"\",\"loading\":_vm.loading},on:{\"click\":function($event){$event.preventDefault();return _vm.download($event)}}},[_vm._v(\"download\")])],1)]),(_vm.user && _vm.user.id === -11)?_c('div',[_vm._v(_vm._s(_vm.src))]):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-dialog\r\n      v-model=\"dialog\"\r\n      max-height=\"90vh\"\r\n      max-width=\"90vh\"\r\n      transition=\"dialog-transition\"\r\n    >\r\n      <template v-slot:activator=\"{ on }\">\r\n        <v-btn\r\n          :color=\"color || 'white'\"\r\n          v-on=\"on\"\r\n          small\r\n          icon\r\n        >\r\n          <v-icon>fal fa-qrcode</v-icon>\r\n        </v-btn>\r\n      </template>\r\n        <v-responsive :aspect-ratio=\"1\">\r\n        <v-card\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n        >\r\n          <div class=\"text-end\" style=\"float: right;\">\r\n            <v-btn color=\"grey\" text icon @click.stop=\"dialog = false\">\r\n              <v-icon>fas fa-times</v-icon>\r\n            </v-btn>\r\n          </div>\r\n          <v-img\r\n            :src=\"src\"\r\n            lazy-src=\"https://vblimages.blob.core.windows.net/images/ce1a5207-6f6f-4759-93cb-d9ad9c523bd1.jpg\"\r\n            max-width=\"100%\"\r\n            max-height=\"100%\"\r\n            :key=\"refreshKey\"\r\n          >\r\n            <template v-slot:placeholder>\r\n              <v-row\r\n                class=\"fill-height ma-0\"\r\n                align=\"center\"\r\n                justify=\"center\"\r\n              >\r\n                <v-progress-circular\r\n                  indeterminate\r\n                  color=\"grey lighten-5\"\r\n                ></v-progress-circular>\r\n              </v-row>\r\n            </template>\r\n            <div class=\"fill-height d-flex align-end justify-center\">\r\n              <v-btn color=\"color3\" text small @click.prevent=\"download\" :loading=\"loading\">download</v-btn>\r\n            </div>\r\n          </v-img>\r\n          <div v-if=\"user && user.id === -11\">{{src}}</div>\r\n        </v-card>\r\n        </v-responsive>\r\n    </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { qrCodeBase } from '@/classes/_URL'\r\nconst pdfMake = () => import('pdfmake/build/pdfmake.js')\r\nconst pdfFonts = () => import('pdfmake/build/vfs_fonts.js')\r\n\r\nexport default {\r\n  props: ['url', 'color'],\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      loading: false,\r\n      refreshKey: 1\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['user']),\r\n    src () {\r\n      return this.refreshKey && `${qrCodeBase}&url=${this.url || window.location.href}`\r\n      // return 'https://bad.src/not/valid'\r\n    },\r\n    fileName () {\r\n      return this.refreshKey && this.generateNameFromUrl(this.myUrl)\r\n    },\r\n    myUrl () {\r\n      return this.refreshKey && (this.url || window.location.href)\r\n    },\r\n    dd () {\r\n      return this.refreshKey && {\r\n        footer: {\r\n          columns: [{ style: 'url', text: this.myUrl }]\r\n        },\r\n        content: [\r\n          { image: 'qr', width: 600, style: 'img', margin: [0, -30, 0, 0] },\r\n          { image: 'scanMe', width: 500, style: 'img', margin: [0, -40, 0, 0] }\r\n        ],\r\n        images: {\r\n          qr: this.src,\r\n          scanMe: 'https://vblimages.blob.core.windows.net/images/152184d7-12af-4207-9b77-6c394945b655.png'\r\n        },\r\n        styles: {\r\n          img: {\r\n            fontSize: 2,\r\n            alignment: 'center'\r\n          },\r\n          url: {\r\n            fontSize: 12,\r\n            bold: false,\r\n            alignment: 'center',\r\n            color: '#A6A6A6'\r\n          }\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    open () {\r\n      this.refreshKey++\r\n      this.dialog = true\r\n    },\r\n    generateNameFromUrl (url) {\r\n      let uniqueName = url.replace('https://', '').replace('http://', '').replaceAll('.', '_').replaceAll('/', '_')\r\n      if (uniqueName.endsWith('_')) {\r\n        uniqueName = uniqueName.substring(0, uniqueName.length - 1)\r\n      }\r\n      return uniqueName\r\n    },\r\n    download () {\r\n      this.loading = true\r\n      Promise.all([pdfMake(), pdfFonts()])\r\n        .then(data => {\r\n          const p = data[0]\r\n          const f = data[1]\r\n          window.pdfMake.vfs = f.pdfMake.vfs\r\n\r\n          const n = this.fileName\r\n          p.createPdf(this.dd).download(n, () => {\r\n            this.loading = false\r\n          })\r\n        })\r\n    }\r\n  },\r\n  watch: {\r\n    $route: function () {\r\n      this.refreshKey++\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./QRDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./QRDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QRDialog.vue?vue&type=template&id=febd2318&\"\nimport script from \"./QRDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./QRDialog.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VResponsive } from 'vuetify/lib/components/VResponsive';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VDialog,VIcon,VImg,VProgressCircular,VResponsive,VRow})\n"],"sourceRoot":""}