{"version":3,"sources":["webpack:///./src/views/pages/events/DisplayEventQR.vue","webpack:///src/views/pages/events/DisplayEventQR.vue","webpack:///./src/views/pages/events/DisplayEventQR.vue?4430","webpack:///./src/views/pages/events/DisplayEventQR.vue?784c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","concat","eventLinkcode","calculateQrCodeSize","eventLogo","_e","require","style","fontSizeSettings","customStyle","_v","_s","eventName","$t","eventCode","footerQr","staticRenderFns","components","QrcodeVue","props","question","type","Object","data","windowWidth","window","innerWidth","windowHeight","innerHeight","event","isFetching","computed","widthScale","heightScale","scale","Math","min","eventSettings","eventSetting","settings","JSON","parse","textFontColor","isDarkFont","is_dark_color","isHideSenderName","is_hide_participant_name","senderNameSingleChar","sender_name","charAt","font_size","code","name","link_code","logo","base_color","methods","onResizePage","_this","onresize","addPadding","setTimeout","content","$refs","contentHighlight","paddingLeft","paddingRight","getEventBySlug","eventSlug","_this2","callback","response","document","title","errorCallback","eventApi","getBySlug","mounted","created","$route","params","destroyed","component"],"mappings":"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","file":"js/chunk-2d0ba533.6dd6402d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w-full\"},[_c('div',{staticClass:\"xl:flex h-screen items-center p-20 lg:pt-0\"},[_c('div',[_c('div',{staticClass:\"text-center\"},[_c('qrcode-vue',{attrs:{\"value\":`${_vm.eventLinkcode}?is_interactive=1`,\"size\":_vm.calculateQrCodeSize - 300,\"level\":\"H\"}})],1)]),_c('div',{staticClass:\"xl:ml-20 text-center lg:text-left\"},[_c('div',[(_vm.eventLogo && _vm.eventLogo !== '@/assets/images/logo/blank.png')?_c('img',{staticClass:\"pr-5 max-w-250 pl-2\",attrs:{\"src\":_vm.eventLogo,\"alt\":\"Kobla\"}}):_vm._e(),(!_vm.eventLogo)?_c('img',{staticClass:\"pr-5 max-w-250 pl-2\",attrs:{\"src\":require(\"@/assets/images/logo/koblatil.png\"),\"alt\":\"Kobla\"}}):_vm._e()]),_c('div',{staticClass:\"mt-12\",style:(_vm.fontSizeSettings <= 42 ? 'font-size: 4em' : _vm.customStyle)},[_vm._v(\" \"+_vm._s(_vm.eventName)+\" \")]),_c('div',{staticClass:\"mt-32\",style:(_vm.customStyle)},[_c('span',[_vm._v(_vm._s(_vm.$t('Join at')))]),_c('span',{staticClass:\"text-bold\"},[_vm._v(\" app.koblatil.com\")]),_c('div',{staticClass:\"text-bold mt-2 display-event-code\"},[_vm._v(\"#\"+_vm._s(_vm.eventCode))])])])]),_c('div',{staticClass:\"hidden lg:block\",style:(_vm.footerQr)})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"w-full\">\n\t\t<!-- Actions - Filter -->\n\t\t<div class=\"xl:flex h-screen items-center p-20 lg:pt-0\">\n      <div>\n      <!-- QR -->\n      <div class=\"text-center\">\n          <qrcode-vue :value=\"`${eventLinkcode}?is_interactive=1`\" :size=\"calculateQrCodeSize - 300\" level=\"H\" />\n        </div>\n      </div>\n      <div class=\"xl:ml-20 text-center lg:text-left\">\n        <!-- Logo -->\n        <div>\n          <img :src=\"eventLogo\" alt=\"Kobla\" class=\"pr-5 max-w-250 pl-2\" v-if=\"eventLogo && eventLogo !== '@/assets/images/logo/blank.png'\" />\n          <img src=\"@/assets/images/logo/koblatil.png\" alt=\"Kobla\" class=\"pr-5 max-w-250 pl-2\" v-if=\"!eventLogo\" />\n        </div>\n\n        <!-- Headline -->\n        <div :style=\"fontSizeSettings <= 42 ? 'font-size: 4em' : customStyle\" class=\"mt-12\">\n         {{ eventName }}\n        </div>\n\n        <!-- More -->\n        <div :style=\"customStyle\" class=\"mt-32\" >\n          <span>{{ $t('Join at') }}</span>\n          <span class=\"text-bold\"> app.koblatil.com</span>\n          <div class=\" text-bold mt-2 display-event-code\">#{{ eventCode }}</div>\n        </div>\n      </div>\n\t\t</div>\n    <div class=\"hidden lg:block\" :style=\"footerQr\">\n    </div>\n\t</div>\n</template>\n\n<script>\nimport eventApi from '@/api/event';\nimport QrcodeVue from 'qrcode.vue';\n\nexport default {\n  components: {\n    QrcodeVue,\n  },\n  props: {\n    question: {\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      windowWidth: window.innerWidth,\n      windowHeight: window.innerHeight,\n      event: null,\n      isFetching: false,\n    };\n  },\n  computed: {\n    calculateQrCodeSize() {\n      const widthScale = this.windowWidth / 100;\n      const heightScale = this.windowHeight / 100;\n      const scale = Math.min(widthScale, heightScale);\n      return 100 * scale;\n    },\n    eventSettings() {\n      const eventSetting = this.event && this.event.settings ? JSON.parse(this.event.settings) : null;\n      return eventSetting;\n    },\n    textFontColor() {\n      return {\n        'text-white': !this.isDarkFont,\n        'text-black': this.isDarkFont,\n      };\n    },\n    isDarkFont() {\n      return this.eventSettings && this.eventSettings.style && this.eventSettings.style.is_dark_color;\n    },\n    isHideSenderName() {\n      return this.eventSettings && this.eventSettings.style && this.eventSettings.style.is_hide_participant_name;\n    },\n    senderNameSingleChar() {\n      return this.question && this.question.sender_name ? this.question.sender_name.charAt(0) : 'A';\n    },\n    fontSizeSettings() {\n      return this.eventSettings && this.eventSettings.style && this.eventSettings.style.font_size ? this.eventSettings.style.font_size : 28;\n    },\n    customStyle() {\n      if (this.fontSizeSettings === 28) return `font-size: ${this.fontSizeSettings}px; line-height: 36px;`;\n      if (this.fontSizeSettings === 35) return `font-size: ${this.fontSizeSettings}px; line-height: 43px;`;\n      if (this.fontSizeSettings === 42) return `font-size: ${this.fontSizeSettings}px; line-height: 50px;`;\n      if (this.fontSizeSettings === 48) return `font-size: ${this.fontSizeSettings}px; line-height: 54px;`;\n      if (this.fontSizeSettings === 60) return `font-size: ${this.fontSizeSettings}px; line-height: 68px;`;\n      return `font-size: ${this.fontSizeSettings}px; line-height: 36px;`;\n    },\n    eventCode() {\n      return this.event && this.event.code ? this.event.code : '';\n    },\n    eventName() {\n      return this.event && this.event.name ? this.event.name : '';\n    },\n    eventLinkcode() {\n      return this.event && this.event.link_code ? this.event.link_code : 'https://app.koblatil.com/';\n    },\n    eventLogo() {\n      return this.event && this.event.logo ? this.event.logo : null;\n    },\n    footerQr() {\n      return `width: 100%; height: 100px; position: absolute; bottom: 0; background-color: ${this.event.base_color}`;\n    },\n  },\n  methods: {\n    onResizePage() {\n      window.onresize = () => {\n        this.windowWidth = window.innerWidth;\n        this.windowHeight = window.innerHeight;\n        this.addPadding();\n      };\n      setTimeout(() => {\n        this.addPadding();\n      }, 200);\n    },\n    addPadding() {\n      const content = this.$refs.contentHighlight;\n      if (this.windowWidth > 1680) {\n        content.style.paddingLeft = '10%';\n        content.style.paddingRight = '10%';\n      } else {\n        content.style.paddingLeft = '5%';\n        content.style.paddingRight = '5%';\n      }\n    },\n    getEventBySlug(eventSlug) {\n      // get event by slug using eventApi\n      this.isFetching = true;\n      const callback = (response) => {\n        this.event = response.data;\n        document.title = `QR Code - ${this.event.name}`;\n        this.isFetching = false;\n      };\n      const errorCallback = () => {\n        this.isFetching = false;\n      };\n      eventApi.getBySlug(eventSlug, callback, errorCallback);\n    },\n  },\n  mounted() {\n    this.onResizePage();\n  },\n  created() {\n    const eventSlug = this.$route.params.eventSlug;\n    this.getEventBySlug(eventSlug);\n  },\n  destroyed() {\n  },\n};\n</script>\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!./DisplayEventQR.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!./DisplayEventQR.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DisplayEventQR.vue?vue&type=template&id=657e0a02\"\nimport script from \"./DisplayEventQR.vue?vue&type=script&lang=js\"\nexport * from \"./DisplayEventQR.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":""}