{"version":3,"sources":["webpack:///./src/views/News/Detail.vue","webpack:///src/views/News/Detail.vue","webpack:///./src/views/News/Detail.vue?8b3d","webpack:///./src/views/News/Detail.vue?f580","webpack:///./src/views/News/Detail.vue?9ea7"],"names":["attrs","_c","_vm","staticClass","_v","domProps","ref","staticRenderFns","render","NEWS_URL","name","props","components","MyBreadcrumb","data","content","loading","methods","diffToHuman","value","date","moment","locale","fromNow","fetchData","url","$route","params","id","http","get","then","res","Object","assign","created","updated","imgs","$refs","body","getElementsByTagName","img","addEventListener","event","preventDefault","getAttribute","window","open","component"],"mappings":"sOAAiJA,EAAM,W,IAAC,EAAM,K,EAAM,EAAK,S,OAAG,UAAE,MAAK,CAAUA,KAAM,K,CAAqB,SAAO,CAAE,oBAAG,CAACC,EAAG,QAASD,MAAM,CAAC,KAAME,KAAkB,SAAuBC,UAAW,CAAyC,MAAMC,CAA8DD,aAAY,OAAYD,KAAOA,KAA6EG,UAAS,C,MAAC,CAAqC,wBAAsBF,SAAY,CAAOH,YAAM,yC,CAAC,EAAI,GAAC,IAAM,uC,YAAQ,WAAE,6CAAE,YAAY,UAACM,SAAI,CAAOD,UAAS,yBAAqC,UAAG,YAAU,OAAaL,MAAM,CAAC,GAAM,OAAM,KAAK,KAAM,CAACC,EAAG,OAAQ,CAAED,IAAK,O,SAAU,CAAS,UAAS,2BAAe,IAAO,GAAC,UAAiB,OAAIC,KAAG,KAA+DE,SAAiFA,UAAW,CAAeH,MAAM,CAAC,OAAQE,QAAW,QAAID,SAAQ,GAACE,MAAW,oBACxjC,oDACGI,mCAEJ,EAASC,SAAQD,QAAe,a,kLCkChC,MAAAE,EAAA,WAIe,OACfC,KAAA,aACAC,MAAA,qBACAC,WAAA,CACAC,qBAEAC,OACA,OACAC,QAAA,GACAC,SAAA,IAGAC,QAAA,CACAC,YAAAC,GACA,IAAAC,EAAAC,IAAAF,EAAA,cAAAG,OAAA,MACA,OAAAD,IAAAD,GAAAG,WAEAC,YACA,IAAAC,EAAA,GAAAhB,KAAA,KAAAiB,OAAAC,OAAAC,KACA,OAAAC,OAAAC,IAAAL,GAAAM,KAAAC,IACA,KAAAjB,QAAAkB,OAAAC,OAAA,GAAAF,EAAAlB,MACA,KAAAE,SAAA,MAIAmB,UACA,KAAAX,aAEAY,UACA,IAAAC,EAAA,KAAAC,MAAAC,KAAAC,qBAAA,OACA,QAAAC,KAAAJ,EACAI,EAAAC,iBAAA,kBAAAC,GACAA,EAAAC,iBACA,IAAAnB,EAAAgB,EAAAI,aAAA,OACAC,OAAAC,KAAAtB,EAAA,uFC5E+V,I,wBCQ3VuB,EAAY,eACd,EACA,EACAzC,GACA,EACA,KACA,WACA,MAIa,aAAAyC,E,2CCnBf","file":"js/NewsDetail.7cadc2f3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-row',{staticClass:\"px-3\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('v-card',{attrs:{\"min-height\":\"80vh\",\"flat\":\"\"}},[_c('v-img',{attrs:{\"src\":_vm.content.avatar}}),_c('v-card-title',{staticClass:\"title mb-1 green--text text--darken-4\"},[_vm._v(\" \"+_vm._s(_vm.content.title)+\" \")]),_c('v-card-subtitle',{staticClass:\"caption\"},[_vm._v(_vm._s(_vm.content.createdAt))]),_c('v-card-subtitle',{staticClass:\"caption\",domProps:{\"innerHTML\":_vm._s(_vm.content.brief)}}),_c('v-card-text',{staticClass:\"mx-4\",attrs:{\"id\":\"body\",\"lazy\":\"\"}},[_c('span',{ref:\"body\",domProps:{\"innerHTML\":_vm._s(_vm.content.body)}})])],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-card',{attrs:{\"height\":\"400px\",\"flat\":\"\",\"outlined\":\"\",\"color\":\"amber lighten-5\"}},[_c('v-card-title',[_vm._v(\" Bài viết liên quan \")]),_c('v-sheet',{staticClass:\"d-flex flex-column\"}),_c('v-card-text')],1)],1)],1),_c('v-overlay',{staticClass:\"amber--text\",attrs:{\"value\":_vm.loading}},[_c('h3',{staticClass:\"underline\"},[_vm._v(\" Đang tải bài viết .... \")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card style=\"\" flat>\r\n        <v-row class=\"px-3\">\r\n            <v-col cols=\"12\" md=\"9\" class=\"\">\r\n                <v-card min-height=\"80vh\" flat>\r\n                    <v-img :src=\"content.avatar \"></v-img>\r\n                    <v-card-title class=\"title mb-1 green--text text--darken-4\">\r\n                        {{content.title }}\r\n                    </v-card-title>\r\n                    <v-card-subtitle class=\"caption\">{{content.createdAt}}</v-card-subtitle>\r\n                    <v-card-subtitle class=\"caption\" v-html=\"content.brief\"></v-card-subtitle>\r\n                    <v-card-text class=\"mx-4\" id=\"body\" lazy>\r\n                        <span v-html=\"content.body\" ref=\"body\">\r\n                        </span>\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"3\">\r\n                <v-card height=\"400px\" flat outlined color=\"amber lighten-5\">\r\n                    <v-card-title>\r\n                        Bài viết liên quan\r\n                    </v-card-title>\r\n                    <v-sheet class=\"d-flex flex-column\">\r\n                        \r\n                    </v-sheet>\r\n                    <v-card-text></v-card-text>\r\n                </v-card>\r\n            </v-col>\r\n        </v-row>\r\n        \r\n        <v-overlay :value=\"loading\" class=\"amber--text\">\r\n            <h3 class=\"underline\">\r\n                Đang tải bài viết ....\r\n            </h3>\r\n        </v-overlay>\r\n    </v-card>\r\n</template>\r\n<script>\r\nconst NEWS_URL = \"contents\";\r\nimport MyBreadcrumb from '@/components/BreadCrumb';\r\nimport http from '@/components/services/http-common';\r\nimport moment from 'moment';\r\nexport default {\r\n    name: \"NewsDetail\",\r\n    props: [\"breadcrumbs\", \"id\"],\r\n    components:{\r\n        MyBreadcrumb,\r\n    },\r\n    data(){\r\n        return {\r\n            content: \"\",\r\n            loading: true,\r\n        }\r\n    },\r\n    methods:{\r\n        diffToHuman(value){\r\n            let date = moment(value, \"YYYY-MM-DD\").locale(\"vi\");\r\n            return moment(date).fromNow();\r\n        },\r\n        fetchData() {\r\n            let url = `${NEWS_URL}/${this.$route.params.id}`\r\n            return http.get(url).then(res => {\r\n                this.content = Object.assign({}, res.data);\r\n                this.loading = false;\r\n            });\r\n        }\r\n    },\r\n    created(){\r\n        this.fetchData();\r\n    },\r\n    updated() {\r\n        let imgs = this.$refs.body.getElementsByTagName(\"img\");\r\n        for (let img of imgs) {\r\n            img.addEventListener('click', function(event) {\r\n                event.preventDefault();\r\n                let url = img.getAttribute('src');\r\n                window.open(url,'Image','width=largeImage.stylewidth,height=largeImage.style.height,resizable=1');\r\n            });\r\n        }\r\n    },\r\n}\r\n</script>\r\n<style scoped>\r\n    ::v-deep figcaption {\r\n        text-align: center;\r\n        font-size: small;\r\n        font-style: italic;\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!./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=2bd792be&scoped=true&\"\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=2bd792be&prod&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  \"2bd792be\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../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=2bd792be&prod&scoped=true&lang=css&\""],"sourceRoot":""}