{"version":3,"sources":["webpack:///./src/views/post/Detail.vue?b2ee","webpack:///./src/services/postService.js","webpack:///./src/views/post/Detail.vue","webpack:///src/views/post/Detail.vue","webpack:///./src/views/post/Detail.vue?a27b","webpack:///./src/views/post/Detail.vue?ec27"],"names":["postService","aliasUrl","httpHelper","get","data","render","_vm","this","_c","_self","staticClass","loading","error","attrs","errorMessage","on","$event","loadPost","label","$t","click","$router","push","name","_v","_s","post","title","game","getWebFileUrl","iconUrl","_e","toDateTimeString","createdAt","domProps","content","relatedPosts","length","_l","p","i","key","staticRenderFns","components","PostCard","created","methods","response","detail","$route","params","message","$setPageTitle","seo","component"],"mappings":"kHAAA,Y,oCCAA,gBAEA,MAAMA,EAAc,CAChB,aAAaC,GACT,aAAaC,OAAWC,IAAI,sBAAuB,CAACF,cAExD,WAAWG,GACP,aAAaF,OAAWC,IAAI,oBAAqBC,KAI1CJ,U,yDCXXK,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAAEJ,EAAIK,QAASH,EAAG,gBAAiBF,EAAIM,MAAOJ,EAAG,aAAa,CAACK,MAAM,CAAC,QAAUP,EAAIQ,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,eAAgBX,EAAIQ,aAAcN,EAAG,gBAAgB,CAACK,MAAM,CAAC,QAAUP,EAAIQ,gBAAgBN,EAAG,MAAM,CAACA,EAAG,aAAa,CAACK,MAAM,CAAC,MAAQ,CAAC,CAACK,MAAOZ,EAAIa,GAAG,QAASC,MAAOA,IAAMd,EAAIe,QAAQC,KAAK,CAACC,KAAM,WAAY,CAACL,MAAOZ,EAAIa,GAAG,oBAAoBX,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,KAAKC,UAAUnB,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEJ,EAAIoB,KAAKE,KAAMpB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMP,EAAIuB,cAAcvB,EAAIoB,KAAKE,KAAKE,SAAS,IAAMxB,EAAIoB,KAAKE,KAAKL,QAAQjB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,KAAKE,KAAKL,MAAM,SAASjB,EAAIyB,KAAKvB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAI0B,iBAAiB1B,EAAIoB,KAAKO,mBAAmBzB,EAAG,MAAM,CAACE,YAAY,eAAewB,SAAS,CAAC,UAAY5B,EAAImB,GAAGnB,EAAIoB,KAAKS,YAAY3B,EAAG,QAAQ,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,UAAWF,EAAIoB,KAAKU,aAAaC,OAAS,EAAG7B,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,4DAA4D,CAACF,EAAG,KAAK,CAACF,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIa,GAAG,mBAAmBX,EAAG,IAAI,CAACK,MAAM,CAAC,KAAO,MAAM,CAACP,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIa,GAAG,kBAAkBX,EAAG,MAAM,CAACE,YAAY,QAAQJ,EAAIgC,GAAIhC,EAAIoB,KAAKU,cAAc,SAASG,EAAEC,GAAG,OAAOhC,EAAG,WAAW,CAACiC,IAAID,EAAE3B,MAAM,CAAC,KAAO0B,QAAO,KAAKjC,EAAIyB,MAAM,IAAI,IAAI,IAE5/CW,EAAkB,G,wBCwCP,GACfnB,KAAA,SACAoB,WAAA,CAAAC,iBACAxC,OACA,OACAO,SAAA,EACAC,OAAA,EACAc,KAAA,KACAZ,aAAA,OAGA+B,UACA,KAAA5B,YAEA6B,QAAA,CACA,iBACA,KAAAnC,SAAA,EACA,KAAAC,OAAA,EACA,KAAAE,aAAA,KACA,MAAAiC,QAAA/C,OAAAgD,OAAA,KAAAC,OAAAC,OAAA,aAEA,GADA,KAAAvC,SAAA,GACAoC,EAGA,OAFA,KAAAnC,OAAA,OACA,KAAAE,aAAA,KAAAK,GAAA,oEAIA4B,EAAAnC,MACA,KAAAE,aAAAiC,EAAAI,SAIA,KAAAzB,KAAAqB,EAAA3C,KACA,KAAAgD,cAAA,KAAA1B,KAAA2B,IAAA1B,WC3E8V,I,wBCQ1V2B,EAAY,eACd,EACAjD,EACAqC,GACA,EACA,KACA,KACA,MAIa,aAAAY,E","file":"js/chunk-2b4fcaf2.a4593e57.js","sourcesContent":["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!./Detail.vue?vue&type=style&index=0&id=2a5fa591&prod&lang=scss\"","import httpHelper from \"@/helpers/httpHelper\";\n\nconst postService = {\n    async detail(aliasUrl) {\n        return await httpHelper.get(\"/WebApi/Post/Detail\", {aliasUrl});\n    },\n    async list(data) {\n        return await httpHelper.get(\"/WebApi/Post/List\", data);\n    }\n};\n\nexport default postService;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-post-detail\"},[_c('b-col',{staticClass:\"py-3\"},[(_vm.loading)?_c('LoadingPanel'):(_vm.error)?_c('ErrorPanel',{attrs:{\"message\":_vm.errorMessage},on:{\"retry\":function($event){return _vm.loadPost()}}}):(_vm.errorMessage)?_c('NotFoundPanel',{attrs:{\"message\":_vm.errorMessage}}):_c('div',[_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('News'), click: () => _vm.$router.push({name: 'Posts'})}, {label: _vm.$t('Post detail')}]}}),_c('div',{staticClass:\"post-header\"},[_c('h1',[_vm._v(_vm._s(_vm.post.title))]),_c('div',{staticClass:\"post-info\"},[(_vm.post.game)?_c('span',{staticClass:\"post-game\"},[_c('img',{attrs:{\"src\":_vm.getWebFileUrl(_vm.post.game.iconUrl),\"alt\":_vm.post.game.name}}),_vm._v(\" \"+_vm._s(_vm.post.game.name)+\" | \")]):_vm._e(),_c('span',{staticClass:\"post-time\"},[_vm._v(_vm._s(_vm.toDateTimeString(_vm.post.createdAt)))])])]),_c('div',{staticClass:\"post-content\",domProps:{\"innerHTML\":_vm._s(_vm.post.content)}}),_c('b-row',{staticClass:\"mt-5 mb-4\"},[_c('div',{staticClass:\"w-100\"},[_c('hr')])]),(_vm.post.relatedPosts.length > 0)?_c('div',{staticClass:\"related-posts\"},[_c('div',{staticClass:\"header d-flex justify-content-between align-items-center\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"Other posts\")))]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t(\"View all\")))])]),_c('div',{staticClass:\"body\"},_vm._l((_vm.post.relatedPosts),function(p,i){return _c('PostCard',{key:i,attrs:{\"post\":p}})}),1)]):_vm._e()],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-post-detail\">\n    <b-col class=\"py-3\">\n      <LoadingPanel v-if=\"loading\"/>\n      <ErrorPanel v-else-if=\"error\" :message=\"errorMessage\" @retry=\"loadPost()\"/>\n      <NotFoundPanel v-else-if=\"errorMessage\" :message=\"errorMessage\"/>\n      <div v-else>\n        <Breadcrumb :items=\"[{label: $t('News'), click: () => $router.push({name: 'Posts'})}, {label: $t('Post detail')}]\"/>\n        <div class=\"post-header\">\n          <h1>{{post.title}}</h1>\n          <div class=\"post-info\">\n            <span class=\"post-game\" v-if=\"post.game\"><img :src=\"getWebFileUrl(post.game.iconUrl)\" :alt=\"post.game.name\"> {{post.game.name}} | </span>\n            <span class=\"post-time\">{{toDateTimeString(post.createdAt)}}</span>\n          </div>\n        </div>\n\n        <div class=\"post-content\" v-html=\"post.content\">\n\n        </div>\n        <b-row class=\"mt-5 mb-4\">\n          <div class=\"w-100\">\n            <hr/>\n          </div>\n        </b-row>\n        <div class=\"related-posts\" v-if=\"post.relatedPosts.length > 0\">\n          <div class=\"header d-flex justify-content-between align-items-center\">\n            <h3>{{$t(\"Other posts\")}}</h3>\n            <a href=\"#\">{{$t(\"View all\")}}</a>\n          </div>\n          <div class=\"body\">\n            <PostCard v-for=\"(p, i) in post.relatedPosts\" :key=\"i\" :post=\"p\"/>\n          </div>\n        </div>\n      </div>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport postService from \"@/services/postService\";\nimport PostCard from \"@/components/cards/PostCard\";\n\nexport default {\n  name: \"Detail\",\n  components: {PostCard},\n  data() {\n    return {\n      loading: true,\n      error: false,\n      post: null,\n      errorMessage: null\n    }\n  },\n  created() {\n    this.loadPost();\n  },\n  methods: {\n    async loadPost() {\n      this.loading = true;\n      this.error = false;\n      this.errorMessage = null;\n      const response = await postService.detail(this.$route.params[\"aliasUrl\"]);\n      this.loading = false;\n      if (!response) {\n        this.error = true;\n        this.errorMessage = this.$t(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        this.errorMessage = response.message;\n        return;\n      }\n\n      this.post = response.data;\n      this.$setPageTitle(this.post.seo.title);\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.page-post-detail {\n  .post-header {\n    border-bottom: 1px solid #f2f2f2;\n    padding-bottom: 15px;\n    margin-bottom: 20px;\n    \n    h1 {\n      font-size: 18px;\n      font-weight: 700;\n    }\n    \n    .post-info {\n      .post-game {\n        img {\n          width: 20px;\n          height: 20px;\n          object-fit: contain;\n          margin-right: 5px;\n        }\n      }\n\n      .post-time {\n        color: #8e8e93;\n      }\n    }\n  }\n  \n  .post-content {\n    font-size: 16px;\n\n    h3 {\n      font-weight: 700;\n      font-size: 18px !important;\n      margin-bottom: 3px;\n    }\n\n    img, table {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n  \n  .related-posts {\n    .header {\n      padding-bottom: 15px;\n      margin-bottom: 15px;\n      border-bottom: 1px solid #f2f2f2;\n      \n      h3 {\n        font-weight: 700;\n        font-size: 22px;\n        margin: 0;\n      }\n      \n      a {\n        font-weight: 700;\n        font-size: 15px;\n        color: #ed3812;\n      }\n    }\n  }\n}\n</style>","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!./Detail.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!./Detail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=2a5fa591\"\nimport script from \"./Detail.vue?vue&type=script&lang=js\"\nexport * from \"./Detail.vue?vue&type=script&lang=js\"\nimport style0 from \"./Detail.vue?vue&type=style&index=0&id=2a5fa591&prod&lang=scss\"\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":""}