{"version":3,"sources":["webpack:///./src/components/RichViewer.vue?ecd2","webpack:///src/components/RichViewer.vue","webpack:///./src/components/RichViewer.vue?4f8b","webpack:///./src/components/RichViewer.vue?713f","webpack:///./src/components/RichViewer.vue?89d8"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","directives","name","rawName","value","expression","staticClass","staticRenderFns","Vue","default","ADD_TAGS","ADD_ATTR","breakpoints","sp","pc","defaultBreakpoint","props","data","loading","contentData","created","computed","isSp","isAdmin","lid","alid","aboutLid","methods","textConverter","replaceAll","replace","getContent","self","console","getDownloadURL","then","catch","component","VProgressLinear"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAW,QAAEI,EAAG,oBAAoB,CAACE,MAAM,CAAC,cAAgB,GAAG,MAAQ,eAAeF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,iBAAiBC,QAAQ,mBAAmBC,MAAOV,EAAe,YAAEW,WAAW,gBAAgBC,YAAY,oBAAoB,IACxVC,EAAkB,G,6HCiBtBC,OAAIA,IAAIA,IAAkBA,CAC1BC,SACAC,oBACAC,kEAOAH,OAAIA,IAAIA,OAAOA,CACfI,aAEAC,OACAC,QAEAC,yBAIAP,OAAIA,IAAIA,OAAUA,QAEH,OACfN,qBACAc,mBACAC,WACAC,WACAC,iBAEAC,UACA,mBAEAC,UACAC,OACA,uBAEAC,UAAA,QACA,wNAEAC,MACA,8BAEAC,OACA,+BAEAC,WACA,mEACA,iEACA,6DACA,kEAEA,OAIAC,SACAC,iBACA,SACAC,+CACAA,4FACAA,yFACAA,+FACAA,gDAEAC,iFACA,sHAEAA,uDACA,sEAEAA,2CACA,sCAGAC,4BACA,aACA,gBACA,MACA,OAIA,4CACA,wCACA,wCACA,aACA,iBACA,oCACA,sCAIA,OAHAC,gBACAA,kBACAA,2BAIAC,mCAGA,4CAEA,EACAC,iBACAC,SACA,2BACA,mCACAH,gBACAA,aACAA,yBAGAI,UACAH,mBAEAD,gBCnIoV,I,yDCQhVK,EAAY,eACd,EACA5C,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAA8B,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,kBAAA,Q,yDCxB9B","file":"js/chunk-30c409f7.ad230b84.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.loading)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"color\":\"cyan px-4\"}}):_c('div',{directives:[{name:\"dompurify-html\",rawName:\"v-dompurify-html\",value:(_vm.contentData),expression:\"contentData\"}],staticClass:\"mx-4 mt-2 qimg\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- loading -->\n    <v-progress-linear\n      v-if=\"loading\"\n      indeterminate\n      color=\"cyan px-4\"\n    ></v-progress-linear>\n\n    <!-- viewer -->\n    <div v-else class=\"mx-4 mt-2 qimg\" v-dompurify-html=\"contentData\"></div>\n  </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport firebase from \"firebase\";\nimport VueDOMPurifyHTML from \"vue-dompurify-html\";\nVue.use(VueDOMPurifyHTML, {\n  default: {\n    ADD_TAGS: [\"iframe\"], // this one whitelists Youtube\n    ADD_ATTR: [\"allow\", \"allowfullscreen\", \"frameborder\", \"scrolling\"]\n  },\n});\nimport \"quill/dist/quill.core.css\";\nimport \"quill/dist/quill.snow.css\";\nimport \"quill/dist/quill.bubble.css\";\nimport VueMq from \"vue-mq\";\nVue.use(VueMq, {\n  breakpoints: {\n    // default breakpoints - customize this\n    sp: 959,\n    pc: 960,\n  },\n  defaultBreakpoint: \"pc\", // customize this for SSR\n});\nimport axios from \"axios\";\nimport VueAxios from \"vue-axios\";\nVue.use(VueAxios, axios);\n\nexport default {\n  name: \"contentViewer\",\n  props: [\"fullPath\"],\n  data: () => ({\n    loading: true,\n    contentData: \"\",\n  }),\n  created() {\n    this.getContent();\n  },\n  computed: {\n    isSp() {\n      return this.$mq === \"sp\";\n    },\n    isAdmin() {\n      return !this.isSp && (this.$store.state.isAdmin||(this.aboutLid&&this.aboutLid.lidAdmin&&this.aboutLid.lidAdmin.includes(this.$store.state.auth?.user?.uid || '')))\n    },\n    lid() {\n      return this.$store.state.lid;\n    },\n    alid() {\n      return this.$store.state.alid;\n    },\n    aboutLid() {\n      if (this.$store.state.lid.some((u) => u.id === this.$route.params.id)) {\n          return this.$store.state.lid.filter((u) => u.id === this.$route.params.id)[0]\n        } else if (this.$store.state.alid.some((u) => u.id === this.$route.params.id)) {\n          return this.$store.state.alid.filter((u) => u.id === this.$route.params.id)[0]\n        } else {\n          return null\n        }\n    },\n  },\n  methods: {\n    textConverter (text) {\n      return text\n        .replaceAll(\"width=\", \"max-width='100%' width=\")\n        .replaceAll('class=\"ql-align-center\"', 'class=\"ql-align-center\" style=\"text-align: center;\"')\n        .replaceAll('class=\"ql-align-right\"', 'class=\"ql-align-right\" style=\"text-align: right;\"')\n        .replaceAll('class=\"ql-align-justify\"', 'class=\"ql-align-justify\" style=\"text-align: justify;\"')\n        .replaceAll(`<p>`, `<p style=\"margin-bottom:0\">`)\n        // aタグのうち、中身がテキストのものは外部リンクである表示を追加。imgタグは無視\n        .replace(/<a href=\"https?:\\/\\/(?!localhost)(.+?)\".*?>([^<img].+?)<\\/a>/g, (match, p1, p2) => {\n          return `<a href=\"https://${p1}\" target=\"_blank\" rel=\"noopener noreferrer\">${p2}<span class=\"mdi mdi-open-in-new\"></span></a>`;\n        })\n        .replace(/<iframe.*?style=\"(.+?)\".*?<\\/iframe>/g, (match, p1) => {\n          return match.replace(p1, `${p1}; aspect-ratio: 16 / 9 !important; max-width: 100%;`);\n        })\n        .replace(/<img.*?style=\"(.+?)\".*?>/g, (match, p1) => {\n          return match.replace(p1, `${p1}; max-width: 100%;`);\n        })\n    },\n    getContent: async function () {\n      const self = this;\n      const path = this.fullPath\n      if (!path) {\n        return\n      }\n      // 先にFirestoreでの取得にトライする\n      // fullPathは projects/[lidId]/[projectId]/proposal/[proposalId] こんな感じ\n      const [_, lidId, projectId, __, proposalId] = path.split('.')[0].split('/');\n      const docPath = '/0/' + lidId + '/project/' + projectId + '/proposals/' + proposalId;\n      const doc = await firebase.firestore().doc(docPath).get();\n      if (doc.exists) {\n        const data = doc.data();\n        if (data?.content) {\n          const content = this.textConverter(data.content)\n          self.contentData = content;\n          self.loading = false;\n          self.$emit('setData', content);\n          return;\n        }\n      } else {\n        console.log(\"No such document!\", docPath);\n      }\n      // なければ以下の処理が続く\n      const ref = await firebase.storage().ref(path);\n      // ダウンロードURLを取得\n      await ref\n        .getDownloadURL()\n        .then((downloadLink) => {\n          this.axios.get(downloadLink).then((res) => {\n            const content = this.textConverter(res.data)\n            self.contentData = content\n            self.loading = false\n            self.$emit('setData', content);\n          });\n        })\n        .catch((error) => {\n          console.error(error);\n        });\n      self.loading = false;\n    },\n  },\n};\n</script>\n<style scoped>\n.cloud {\n  color: #707070;\n}\n.folded {\n  position: relative;\n  overflow: hidden;\n  height: 55vh;\n}\n.folded::before {\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  height: 50px;\n  background: -webkit-linear-gradient(\n    top,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.8) 50%,\n    rgba(255, 255, 255, 0.8) 50%,\n    #fff 100%\n  );\n  background: linear-gradient(\n    top,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.8) 50%,\n    rgba(255, 255, 255, 0.8) 50%,\n    #fff 100%\n  );\n}\n.qimg > div > p > img {\n  max-width: 100% !important;\n  height: auto !important;\n}\n.qimg > div > h2 > img {\n  max-width: 100% !important;\n  height: auto !important;\n}\n.qimg >>> img {\n  max-width: 100% !important;\n  height: auto !important;\n}\n</style>\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!./RichViewer.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!./RichViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RichViewer.vue?vue&type=template&id=95557d2a&scoped=true&\"\nimport script from \"./RichViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./RichViewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RichViewer.vue?vue&type=style&index=0&id=95557d2a&scoped=true&lang=css&\"\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  \"95557d2a\",\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 { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\ninstallComponents(component, {VProgressLinear})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RichViewer.vue?vue&type=style&index=0&id=95557d2a&scoped=true&lang=css&\""],"sourceRoot":""}