{"version":3,"sources":["webpack:///./src/views/private/news/tips/_id.vue","webpack:///src/views/private/news/tips/_id.vue","webpack:///./src/views/private/news/tips/_id.vue?4a92","webpack:///./src/views/private/news/tips/_id.vue?6a7b"],"names":["staticClass","_c","_v","_vm","attrs","list","index","item","staticStyle","scopedSlots","fn","detail","post_image","banner","on","selected","key","proxy","class","staticRenderFns","data","related","sosmed","network","icon","process","load","news","message","success","error","components","watch","computed","rps","mounted","methods","id","params","then","limit","post_status","post_cat_id","component"],"mappings":"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","file":"js/chunk-2d0cf74c.00e392d2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[(_vm.process.load && Object.keys(_vm.detail).length < 1)?_c('v-row',[_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"article, image, article, list-item-avatar-two-line, article, list-item-three-line, article, list-item-three-line\"}})],1),_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"article, card, card, card\"}})],1)],1):_vm._e(),(!_vm.process.load && Object.keys(_vm.detail).length > 0)?_c('div',{staticClass:\"pb-0\"},[_c('v-row',[_c('v-col',{staticClass:\"pb-0\"},[_c('div',{staticClass:\"d-flex align-center color-first cursor-pointer mb-2\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('v-icon',{attrs:{\"color\":\"#B71C1C\"}},[_vm._v(\"mdi-arrow-left-thick\")]),_c('span',{staticClass:\"body-1 ml-1\"},[_vm._v(\"\\n                  Kembali\\n                \")])],1),_c('v-card',{attrs:{\"flat\":\"\",\"color\":\"transparent\"}},[_c('v-card-title',{staticClass:\"text-h5 font-weight-bold px-0\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.detail.post_title)+\"\\n                \")]),_c('v-card-subtitle',{staticClass:\"body-1 font-weight-light px-0\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.detail.post_cat_title)+\"\\n                \")])],1)],1)],1),_c('v-row',[_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"1\"}},[_c('div',{staticClass:\"sosmed\"},_vm._l((_vm.list.sosmed),function(item,index){return _c('v-avatar',{key:index,staticClass:\"mb-2\",attrs:{\"width\":\"50\",\"height\":\"50\"}},[_c('ShareNetwork',{attrs:{\"network\":item.network,\"url\":`https://disdukcapil.klaten.go.id/${_vm.$route.path}`,\"title\":_vm.detail.post_title,\"description\":_vm.detail.post_content,\"quote\":_vm.detail.post_content,\"hashtags\":\"Matur Dokter,Kominfo,Klaten\"}},[_c('v-img',{attrs:{\"width\":\"45\",\"height\":\"45\",\"contain\":\"\",\"src\":item.icon}})],1)],1)}),1)]),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"11\"}},[_c('v-card',{staticClass:\"mb-4\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"flat\":\"\",\"color\":\"transparent\"}},[_c('v-img',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"width\":\"100%\",\"height\":\"600\",\"gradient\":\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\",\"src\":_vm.detail.post_image[_vm.selected.banner].url},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)},[_c('div',{staticClass:\"d-flex justify-center\",staticStyle:{\"position\":\"absolute\",\"right\":\"0\",\"left\":\"0\",\"bottom\":\"30px\"}},_vm._l((_vm.detail.post_image),function(item,index){return _c('v-btn',{key:index,staticClass:\"mx-2\",attrs:{\"width\":_vm.selected.banner === index ? 10 : 13,\"height\":_vm.selected.banner === index ? 15 : 13,\"elevation\":\"0\",\"x-small\":\"\",\"rounded\":_vm.selected.banner === index,\"fab\":_vm.selected.banner !== index,\"color\":_vm.selected.banner === index ? '#B71C1C' : '#CBCBCB'},on:{\"click\":function($event){_vm.selected.banner = index}}})}),1)])],1),_c('v-card',{staticStyle:{\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 5px\",\"border-radius\":\"10px\"},attrs:{\"flat\":\"\"}},[_c('v-card-title',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.detail.post_title)+\"\\n                    \")]),_c('v-card-subtitle',{staticClass:\"font-weight-light pb-0 d-flex align-center\"},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-tag-multiple-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.detail.post_cat_title)+\"\\n                      \")])],1),_c('v-list',{staticClass:\"my-1\",attrs:{\"color\":\"transparent\"}},[_c('v-list-item',[_c('v-list-item-avatar',{attrs:{\"size\":\"45\"}},[_c('v-img',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"src\":_vm.detail.post_extra.createdby.image.length > 0 ? _vm.detail.post_extra.createdby.image : require('@/assets/image/member-default.jpg')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"body-1 font-weight-bold mb-1\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.detail.post_extra.createdby.name)+\"\\n                          \")]),_c('v-list-item-subtitle',{staticClass:\"caption font-weight-light\"},[_vm._v(\"\\n                            \"+_vm._s(_vm._f(\"date\")(_vm.detail.post_create_datetime))+\"\\n                          \")])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4\",staticStyle:{\"border\":\"2px solid #f3f3f3\",\"border-radius\":\"50px\"}}),_c('v-card-text',{staticClass:\"body-1 font-weight-light line-text-second black--text\",staticStyle:{\"opacity\":\"60%\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.detail.post_content)}})])],1)],1)],1)],1),_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticStyle:{\"position\":\"sticky\",\"top\":\"80px\"}},[_c('v-divider',{staticClass:\"mb-1\",staticStyle:{\"border\":\"3px solid #B71C1C\",\"border-radius\":\"50px\",\"width\":\"30%\"}}),_c('div',{staticClass:\"title font-weight-bold mb-3\"},[_vm._v(\"\\n                  Berita Terkait\\n                \")]),(_vm.list.related.length > 0)?_c('div',_vm._l((_vm.list.related),function(item,index){return _c('v-card',{key:index,class:index < 3 ? 'mb-4' : '',staticStyle:{\"border-radius\":\"10px\",\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 5px\"},attrs:{\"to\":`/admin/tips/${item.post_id}`,\"color\":\"white\"}},[_c('v-img',{attrs:{\"width\":\"100%\",\"height\":\"200\",\"gradient\":\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9)\",\"src\":item.post_image[0].url},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)},[_c('v-chip',{staticClass:\"ma-3 white--text\",attrs:{\"small\":\"\",\"color\":\"#B71C1C\"}},[_vm._v(\"\\n                        \"+_vm._s(item.post_cat_title)+\"\\n                      \")]),_c('v-card-text',{staticClass:\"white--text\",staticStyle:{\"position\":\"absolute\",\"bottom\":\"0px\"}},[_c('div',{staticClass:\"title font-weigght-bold one-line\"},[_vm._v(\"\\n                          \"+_vm._s(item.post_title)+\"\\n                        \")]),_c('div',{staticClass:\"body-2 font-weight-light two-line\",domProps:{\"innerHTML\":_vm._s(_vm.detail.post_content)}})])],1)],1)}),1):_c('div',{staticClass:\"font-italic font-weight-light line-text-second\",staticStyle:{\"opacity\":\"60%\"}},[_vm._v(\"\\n                  *Berita terkait belum tersedia, kunjungi berita lainnya\\n\\n                  \"),_c('router-link',{attrs:{\"to\":\"/news?type=article\"}},[_vm._v(\"\\n                    disini\\n                  \")]),_vm._v(\".\\n                \")],1)],1)])],1)],1):_vm._e()],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height\">\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-row v-if=\"process.load && Object.keys(detail).length < 1\">\n            <v-col \n              cols=\"12\"\n              md=\"9\"\n              class=\"pb-0\">\n              <v-skeleton-loader\n                type=\"article, image, article, list-item-avatar-two-line, article, list-item-three-line, article, list-item-three-line\">\n              </v-skeleton-loader>\n            </v-col>\n\n            <v-col \n              cols=\"12\"\n              md=\"3\"\n              class=\"pb-0\">\n              <v-skeleton-loader\n                type=\"article, card, card, card\">\n              </v-skeleton-loader>\n            </v-col>\n          </v-row>\n\n          <div v-if=\"!process.load && Object.keys(detail).length > 0\"\n            class=\"pb-0\">\n            <v-row>\n              <v-col \n                class=\"pb-0\">\n                <div @click=\"$router.go(-1)\"\n                  class=\"d-flex align-center color-first cursor-pointer mb-2\">\n                  <v-icon color=\"#B71C1C\">mdi-arrow-left-thick</v-icon>\n              \n                  <span class=\"body-1 ml-1\">\n                    Kembali\n                  </span>\n                </div>\n\n                <v-card\n                  flat\n                  color=\"transparent\">\n                  <v-card-title\n                    class=\"text-h5 font-weight-bold px-0\">\n                    {{ detail.post_title }}\n                  </v-card-title>\n\n                  <v-card-subtitle\n                    class=\"body-1 font-weight-light px-0\">\n                    {{ detail.post_cat_title }}\n                  </v-card-subtitle>\n                </v-card>\n              </v-col>\n            </v-row>\n\n            <v-row>\n              <v-col \n                cols=\"12\"\n                md=\"9\"\n                class=\"pb-0\">\n                <v-row>\n                  <v-col \n                    cols=\"1\"\n                    class=\"py-0\">\n                    <div class=\"sosmed\">\n                      <v-avatar \n                        v-for=\"(item, index) in list.sosmed\"\n                        :key=\"index\"\n                        class=\"mb-2\"\n                        width=\"50\"\n                        height=\"50\">\n                        <ShareNetwork\n                          :network=\"item.network\"\n                          :url=\"`https://disdukcapil.klaten.go.id/${$route.path}`\"\n                          :title=\"detail.post_title\"\n                          :description=\"detail.post_content\"\n                          :quote=\"detail.post_content\"\n                          hashtags=\"Matur Dokter,Kominfo,Klaten\">\n                          <v-img\n                            width=\"45\"\n                            height=\"45\"\n                            contain\n                            :src=\"item.icon\">\n                          </v-img>\n                        </ShareNetwork>\n                      </v-avatar>\n                    </div>\n                  </v-col>\n\n                  <v-col \n                    cols=\"11\"\n                    class=\"py-0\">\n                    <v-card\n                      flat\n                      color=\"transparent\"\n                      class=\"mb-4\"\n                      style=\"border-radius: 10px;\">\n                      <v-img\n                        width=\"100%\"\n                        height=\"600\"\n                        gradient=\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\"\n                        :src=\"detail.post_image[selected.banner].url\"\n                        style=\"border-radius: 10px;\">\n                        <template v-slot:placeholder>\n                          <v-row\n                            class=\"fill-height\"\n                            align=\"center\"\n                            justify=\"center\">\n                            <v-progress-circular \n                              indeterminate \n                              color=\"#B71C1C\">\n                            </v-progress-circular>\n                          </v-row>\n                        </template>\n\n                        <div class=\"d-flex justify-center\"\n                          style=\"position: absolute;\n                                right: 0;\n                                left: 0;\n                                bottom: 30px;\">\n                          <v-btn \n                            v-for=\"(item, index) in detail.post_image\" \n                            :key=\"index\"\n                            :width=\"selected.banner === index ? 10 : 13\"\n                            :height=\"selected.banner === index ? 15 : 13\"\n                            elevation=\"0\"\n                            x-small\n                            :rounded=\"selected.banner === index\"\n                            :fab=\"selected.banner !== index\"\n                            :color=\"selected.banner === index ? '#B71C1C' : '#CBCBCB'\"\n                            class=\"mx-2\"\n                            @click=\"selected.banner = index\">\n                          </v-btn>\n                        </div>\n                      </v-img>\n                    </v-card>\n\n                    <v-card\n                      flat\n                      style=\"box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; border-radius: 10px;\">\n                      <v-card-title class=\"font-weight-bold\">\n                        {{ detail.post_title }}\n                      </v-card-title>\n\n                      <v-card-subtitle \n                        class=\"font-weight-light pb-0 d-flex align-center\">\n                        <v-icon small>mdi-tag-multiple-outline</v-icon>\n\n                        <span class=\"ml-1\">\n                          {{ detail.post_cat_title }}\n                        </span>\n                      </v-card-subtitle>\n\n                      <v-list \n                        color=\"transparent\"\n                        class=\"my-1\">\n                        <v-list-item>\n                          <v-list-item-avatar\n                            size=\"45\">\n                            <v-img\n                              :src=\"detail.post_extra.createdby.image.length > 0 ? detail.post_extra.createdby.image : require('@/assets/image/member-default.jpg')\"\n                              style=\"border-radius: 10px;\">\n                              <template v-slot:placeholder>\n                                <v-row\n                                  class=\"fill-height\"\n                                  align=\"center\"\n                                  justify=\"center\">\n                                  <v-progress-circular \n                                    indeterminate \n                                    color=\"#B71C1C\">\n                                  </v-progress-circular>\n                                </v-row>\n                              </template>\n                            </v-img>\n                          </v-list-item-avatar>\n\n                          <v-list-item-content>\n                            <v-list-item-title\n                              class=\"body-1 font-weight-bold mb-1\">\n                              {{ detail.post_extra.createdby.name }}\n                            </v-list-item-title>\n\n                            <v-list-item-subtitle\n                              class=\"caption font-weight-light\">\n                              {{ detail.post_create_datetime | date }}\n                            </v-list-item-subtitle>\n                          </v-list-item-content>\n                        </v-list-item>\n                      </v-list>\n\n                      <v-divider \n                        class=\"mx-4\"\n                        style=\"border: 2px solid #f3f3f3; border-radius: 50px;\" />\n\n                      <v-card-text\n                        class=\"body-1 font-weight-light line-text-second black--text\"\n                        style=\"opacity: 60%;\">\n                        <div v-html=\"detail.post_content\"></div>\n                      </v-card-text>\n                    </v-card>\n                  </v-col>\n                </v-row>\n              </v-col>\n\n              <v-col \n                cols=\"12\"\n                md=\"3\"\n                class=\"pb-0\">\n                <div style=\"position: sticky; top: 80px;\">\n                  <v-divider\n                    class=\"mb-1\"\n                    style=\"border: 3px solid #B71C1C; border-radius: 50px; width: 30%;\" />\n\n                  <div class=\"title font-weight-bold mb-3\">\n                    Berita Terkait\n                  </div>\n\n                  <div v-if=\"list.related.length > 0\">\n                    <v-card\n                      v-for=\"(item, index) in list.related\"\n                      :key=\"index\"\n                      :to=\"`/admin/tips/${item.post_id}`\"\n                      color=\"white\"\n                      :class=\"index < 3 ? 'mb-4' : ''\"\n                      style=\"border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;\">\n                      <v-img\n                        width=\"100%\"\n                        height=\"200\"\n                        gradient=\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9)\"\n                        :src=\"item.post_image[0].url\">\n                        <template v-slot:placeholder>\n                          <v-row\n                            class=\"fill-height\"\n                            align=\"center\"\n                            justify=\"center\">\n                            <v-progress-circular \n                              indeterminate \n                              color=\"#B71C1C\">\n                            </v-progress-circular>\n                          </v-row>\n                        </template>\n\n                        <v-chip\n                          small\n                          class=\"ma-3 white--text\"\n                          color=\"#B71C1C\">\n                          {{ item.post_cat_title}}\n                        </v-chip>\n\n                        <v-card-text\n                          class=\"white--text\"\n                          style=\"position: absolute; bottom: 0px;\">\n                          <div class=\"title font-weigght-bold one-line\">\n                            {{ item.post_title }}\n                          </div>\n                          \n                          <div \n                            class=\"body-2 font-weight-light two-line\"\n                            v-html=\"detail.post_content\">\n                          </div>\n                        </v-card-text>\n                      </v-img>\n                    </v-card>\n                  </div>\n\n                  <div v-else\n                    class=\"font-italic font-weight-light line-text-second\"\n                    style=\"opacity: 60%;\">\n                    *Berita terkait belum tersedia, kunjungi berita lainnya\n\n                    <router-link to=\"/news?type=article\">\n                      disini\n                    </router-link>.\n                  </div>\n                </div>\n              </v-col>\n            </v-row>\n          </div>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    data () {\n      return {\n        selected: {\n          banner: 0\n        },\n        list: {\n          related: [],\n          sosmed: [\n            { network: 'facebook', icon: require('@/assets/sosmed/ic_share_fb.svg') },\n            { network: 'instagram', icon: require('@/assets/sosmed/ic_share_ig.svg') },\n            { network: 'twitter', icon: require('@/assets/sosmed/ic_share_tw.svg') },\n            { network: 'telegram', icon: require('@/assets/sosmed/ic_share_tel.svg') },\n            { network: 'whatsapp', icon: require('@/assets/sosmed/ic_share_wa.svg') }\n          ]\n        },\n        detail: {},\n        process: {\n          load: false,\n          news: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      \n    },\n    watch: {\n      \n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      }\n    },\n    mounted () {\n      this.fetchData()\n    },\n    methods: {\n      async fetchData () {\n        this.process.load = true\n\n        let params = {\n          id: this.$route.params.id\n        }\n\n        await get(`post/detail`, { params })\n        .then((response) => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.load = false\n            \n            this.detail = res.data\n\n            this.fetchNews()\n          }\n        })\n      },\n      async fetchNews () {\n        this.process.news = true\n\n        let params = {\n          limit: 4,\n          post_status: 'publish',\n          post_cat_id: this.detail.post_cat_id\n        }\n\n        await get(`post`, { params })\n        .then((response) => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.news = false\n            \n            this.list.related = res.data\n          }\n        })\n      }\n    }\n  }\n</script>","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!./_id.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!./_id.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_id.vue?vue&type=template&id=55370ea8&\"\nimport script from \"./_id.vue?vue&type=script&lang=js&\"\nexport * from \"./_id.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":""}