{"version":3,"sources":["webpack:///./src/views/NewsPreview.vue?e11f","webpack:///src/views/NewsPreview.vue","webpack:///./src/views/NewsPreview.vue?d5c0","webpack:///./src/views/NewsPreview.vue","webpack:///./src/views/NewsPreview.vue?7140"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","iframeSrc","directives","name","rawName","value","expression","modifiers","on","$event","previewType","PreviewTypeEnum","Desktop","Mobil","isMobile","_e","style","background","user","Projekt","Hatterszin2","_v","staticRenderFns","data","token","mounted","created","methods","computed","mapGetters","watch","components","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+DAA+D,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAAEN,EAAY,SAAEI,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACE,YAAY,yBAAyBC,MAAM,CAAC,IAAMP,EAAIQ,UAAU,YAAc,SAASJ,EAAG,WAAW,CAACK,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,mBAAmBC,MAAM,gBAAkBC,WAAW,kBAAkBC,UAAU,CAAC,MAAO,KAAQR,YAAY,qBAAqBC,MAAM,CAAC,KAAO,iBAAiB,QAAU,qBAAqBQ,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIiB,YAAcjB,EAAIkB,gBAAgBC,aAAa,GAAGf,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,SAAS,CAACE,YAAY,0BAA0BC,MAAM,CAAC,IAAMP,EAAIQ,UAAU,YAAc,OAAOJ,EAAG,WAAW,CAACK,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,mBAAmBC,MAAM,cAAgBC,WAAW,gBAAgBC,UAAU,CAAC,MAAO,KAAQR,YAAY,sBAAsBC,MAAM,CAAC,KAAO,gBAAgB,QAAU,qBAAqBQ,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIiB,YAAcjB,EAAIkB,gBAAgBE,WAAW,GAAGhB,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAAGN,EAAIqB,SAAqNrB,EAAIsB,KAA/MlB,EAAG,WAAW,CAACE,YAAY,qCAAqCiB,MAAM,CAAGC,WAAYvB,KAAKwB,KAAKC,QAAQC,aAAepB,MAAM,CAAC,KAAOP,EAAIQ,UAAU,OAAS,WAAW,CAACR,EAAI4B,GAAG,6BAAsCxB,EAAG,MAAM,CAACE,YAAY,kBAAkBiB,MAAM,CAAGC,WAAYvB,KAAKwB,KAAKC,QAAQC,cAAgB,CAACvB,EAAG,KAAK,CAACE,YAAY,iCAAiC,CAACN,EAAI4B,GAAG,2BAA2BxB,EAAG,sBAAsB,CAACE,YAAY,2BAA2BC,MAAM,CAAC,MAAQP,EAAIQ,UAAU,KAAO,OAAOJ,EAAG,IAAI,CAACE,YAAY,iCAAiC,CAACN,EAAI4B,GAAG,6CAA6C,IAAI,QAC56DC,EAAkB,G,kFCqEtB,iBACAT,QACAD,YAGe,GACfT,mBACAoB,gBACA,OACAC,uBACAd,sBACAC,oBAGAc,qBACAC,qBACAC,WACAC,0CACAC,gBAAAX,wBAAA,IACAjB,qBACA,mFAEAa,oBACA,oCAGAgB,SACAC,eCjGqV,I,wBCQjVC,EAAY,eACd,EACAxC,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,6CCnBf","file":"js/news-preview.b71a5582.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page news-preview flex-center flex-column position-relative\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[(_vm.isMobile)?_c('div',{staticClass:\"news-preview-inner flex-center mobile\"},[_c('div',{staticClass:\"scroll-hider\"},[_c('iframe',{staticClass:\"iframe-elonezet mobile\",attrs:{\"src\":_vm.iframeSrc,\"frameborder\":\"0\"}})]),_c('k-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.left\",value:('Desktop nézet'),expression:\"'Desktop nézet'\",modifiers:{\"left\":true}}],staticClass:\"preview-switch-btn\",attrs:{\"icon\":\"fas fa-desktop\",\"variant\":\"outline-secondary\"},on:{\"click\":function($event){_vm.previewType = _vm.PreviewTypeEnum.Desktop}}})],1):_c('div',{staticClass:\"news-preview-inner flex-center desktop mt-5\"},[_c('iframe',{staticClass:\"iframe-elonezet desktop\",attrs:{\"src\":_vm.iframeSrc,\"frameborder\":\"0\"}}),_c('k-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.left\",value:('Mobil nézet'),expression:\"'Mobil nézet'\",modifiers:{\"left\":true}}],staticClass:\"preview-switch-btn \",attrs:{\"icon\":\"fa-mobile-alt\",\"variant\":\"outline-secondary\"},on:{\"click\":function($event){_vm.previewType = _vm.PreviewTypeEnum.Mobil}}})],1),_c('div',{staticClass:\"fixed-actions flex-center flex-column\"},[(!_vm.isMobile)?_c('k-button',{staticClass:\"open-project-btn font-size-sm mb-2\",style:({ background: this.user.Projekt.Hatterszin2 }),attrs:{\"href\":_vm.iframeSrc,\"target\":\"_blank\"}},[_vm._v(\" Megnyitás új ablakban \")]):_vm._e(),_c('div',{staticClass:\"qr-code-wrapper\",style:({ background: this.user.Projekt.Hatterszin2 })},[_c('h4',{staticClass:\"text-center font-size-sm mb-3\"},[_vm._v(\" Megnyitás telefonon \")]),_c('k-qr-code-generator',{staticClass:\"qr-code flex-center mb-3\",attrs:{\"value\":_vm.iframeSrc,\"size\":150}}),_c('p',{staticClass:\"mb-0 text-center font-size-xs\"},[_vm._v(\" Irányítsa ide telefonja kameráját... \")])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page news-preview flex-center flex-column position-relative\">\r\n    <div class=\"d-flex align-items-center\">\r\n      <div class=\"news-preview-inner flex-center mobile\" v-if=\"isMobile\">\r\n        <div class=\"scroll-hider\">\r\n          <iframe\r\n            class=\"iframe-elonezet mobile\"\r\n            :src=\"iframeSrc\"\r\n            frameborder=\"0\"\r\n          ></iframe>\r\n        </div>\r\n        <k-button\r\n          icon=\"fas fa-desktop\"\r\n          class=\"preview-switch-btn\"\r\n          variant=\"outline-secondary\"\r\n          @click=\"previewType = PreviewTypeEnum.Desktop\"\r\n          v-b-tooltip.left=\"'Desktop nézet'\"\r\n        ></k-button>\r\n      </div>\r\n      <div class=\"news-preview-inner flex-center desktop mt-5\" v-else>\r\n        <iframe\r\n          class=\"iframe-elonezet desktop\"\r\n          :src=\"iframeSrc\"\r\n          frameborder=\"0\"\r\n        ></iframe>\r\n        <k-button\r\n          icon=\"fa-mobile-alt\"\r\n          class=\"preview-switch-btn \"\r\n          variant=\"outline-secondary\"\r\n          v-b-tooltip.left=\"'Mobil nézet'\"\r\n          @click=\"previewType = PreviewTypeEnum.Mobil\"\r\n        ></k-button>\r\n      </div>\r\n      <div class=\"fixed-actions flex-center flex-column\">\r\n        <k-button\r\n          v-if=\"!isMobile\"\r\n          class=\"open-project-btn font-size-sm mb-2\"\r\n          :style=\"{ background: this.user.Projekt.Hatterszin2 }\"\r\n          :href=\"iframeSrc\"\r\n          target=\"_blank\"\r\n        >\r\n          Megnyitás új ablakban\r\n        </k-button>\r\n        <div\r\n          class=\"qr-code-wrapper\"\r\n          :style=\"{ background: this.user.Projekt.Hatterszin2 }\"\r\n        >\r\n          <h4 class=\"text-center font-size-sm mb-3\">\r\n            Megnyitás telefonon\r\n          </h4>\r\n          <k-qr-code-generator\r\n            class=\"qr-code flex-center mb-3\"\r\n            :value=\"iframeSrc\"\r\n            :size=\"150\"\r\n          ></k-qr-code-generator>\r\n          <p class=\"mb-0 text-center font-size-xs\">\r\n            Irányítsa ide telefonja kameráját...\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport settings from '../settings';\r\nimport { AppStoreTypes } from '../store/modules/app';\r\nimport { getToken } from '../utils/token';\r\n\r\nconst PreviewTypeEnum = Object.freeze({\r\n  Mobil: 1,\r\n  Desktop: 2,\r\n});\r\n\r\nexport default {\r\n  name: 'NewsPreview',\r\n  data() {\r\n    return {\r\n      token: getToken(),\r\n      previewType: PreviewTypeEnum.Desktop,\r\n      PreviewTypeEnum,\r\n    };\r\n  },\r\n  mounted() {},\r\n  created() {},\r\n  methods: {},\r\n  computed: {\r\n    ...mapGetters({ user: AppStoreTypes.user.get }),\r\n    iframeSrc() {\r\n      return `${settings.prodBaseUrl}#/?bottomBar=true&token=${this.token}`;\r\n    },\r\n    isMobile() {\r\n      return this.previewType == PreviewTypeEnum.Mobil;\r\n    },\r\n  },\r\n  watch: {},\r\n  components: {},\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.news-preview::v-deep {\r\n  .news-preview-inner {\r\n    &.mobile {\r\n      border: 3px solid #999;\r\n      width: 400px;\r\n      height: 730px;\r\n      background: #222;\r\n      border-radius: 20px;\r\n    }\r\n    &.desktop {\r\n      border-radius: 6px;\r\n      max-width: 1200px;\r\n      background: #fff;\r\n      padding: 10px 10px 0 10px;\r\n      margin: 0 10px;\r\n    }\r\n    .scroll-hider {\r\n      background: linear-gradient(\r\n        rgba(251, 237, 253, 1) 0%,\r\n        rgba(207, 195, 211, 1) 100%\r\n      );\r\n      width: 370px;\r\n      height: 700px;\r\n      border-radius: 15px;\r\n    }\r\n  }\r\n  .iframe-elonezet {\r\n    border: 0;\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    &.mobile {\r\n      border-radius: 15px;\r\n      width: 370px;\r\n      height: 700px;\r\n    }\r\n    &.desktop {\r\n      border-radius: 6px;\r\n      width: 1200px;\r\n      height: calc(100vh - 160px);\r\n    }\r\n  }\r\n  .fixed-actions {\r\n    position: fixed;\r\n    right: 20px;\r\n    bottom: 20px;\r\n    max-width: 210px;\r\n\r\n    .qr-code-wrapper {\r\n      border-radius: 20px;\r\n      padding: 20px;\r\n\r\n      .qr-code {\r\n        border-radius: 15px;\r\n        padding: 10px;\r\n        background: white;\r\n      }\r\n    }\r\n  }\r\n  .open-project-btn {\r\n    border: none;\r\n    border-radius: 20px;\r\n    padding: 10px;\r\n    color: #343a40;\r\n    width: 100%;\r\n  }\r\n  .preview-switch-btn {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 20px;\r\n  }\r\n}\r\n</style>\r\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!./NewsPreview.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!./NewsPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsPreview.vue?vue&type=template&id=5ca90b9c&scoped=true&\"\nimport script from \"./NewsPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsPreview.vue?vue&type=style&index=0&id=5ca90b9c&prod&lang=scss&scoped=true&\"\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  \"5ca90b9c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsPreview.vue?vue&type=style&index=0&id=5ca90b9c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}