{"version":3,"sources":["webpack:///./src/views/News/Category.vue","webpack:///src/views/News/Category.vue","webpack:///./src/views/News/Category.vue?48f1","webpack:///./src/views/News/Category.vue?0150"],"names":["staticClass","staticStyle","_vm","_c","attrs","title","avatar","_v","id","content","code","key","category","staticRenderFns","render","NEWS_URL","name","props","components","data","contents","categories","methods","diffToHuman","value","date","moment","locale","fromNow","fetchData","http","get","params","ContentCategoryCode","$route","then","res","catch","e","console","log","fetchCategory","results","created","destroyed","component"],"mappings":"uOAAgL,W,IAAmB,OAAE,EAAK,QAAS,G,OAAmBA,QAAY,cAAoBC,YAAY,Q,CAAC,UAA6B,OAAIC,KAAO,KAAqD,GAAOC,M,CAAmCH,UAA+B,MAAM,CAAsBI,aAAM,S,GAAW,OAAO,UAAK,C,YAAS,oB,YAAM,CAAE,kBAAa,c,GAAQ,GAAK,aAAYC,EAAM,eAAQ,Y,OAAC,EAAK,OAASC,CAAM,WAAG,YAAQ,qBAAiCN,UAAY,CAAgB,MAAMO,CAAuDP,QAAyCE,KAAOA,MAAoDF,MAAW,SAA8IA,UAAW,CAAgBI,MAAM,CAAC,IAAK,kB,IAAM,EAAE,W,GAAwBI,EAAIC,OAAQC,U,YAAK,iB,CAAC,mCAAC,wCAAG,CAACP,EAAG,KAAO,GAACD,EAAO,UAAc,EAAE,OAAO,CAAG,YAAW,2BAAaE,GAAM,uFAAC,YAAW,eAAC,MAAK,CAAG,IAAO,kBAAe,OAAC,CAAC,KAAa,SAA2CA,GAAM,yCAAC,QAAQ,aAAgB,OAAID,KAAG,KAAeH,S,CAA6C,UAA6B,OAAIE,aAAO,K,CAAkFS,EAAG,OAACC,C,YAAoB,Y,MAAC,C,MAAoB,mB,UAA8B,C,YAACA,oB,YAAsB,C,kBAAC,cAAG,GAAI,GAAC,gBAAoB,6B,OAACZ,SAAY,CAAa,IAAK,EAAO,KAAqC,MAAM,CACtoD,aACGa,IAEKC,KAAM,e,kKCwCf,MAAAC,EAAA,iBAGe,OACfC,KAAA,YACAC,MAAA,gBACAC,WAAA,GAEAC,OACA,OACAC,SAAA,GACAC,WAAA,KAGAC,QAAA,CACAC,YAAAC,GACA,IAAAC,EAAAC,IAAAF,EAAA,cAAAG,OAAA,MACA,OAAAD,IAAAD,GAAAG,WAEAC,YACA,OAAAC,OAAAC,IAAAhB,EAAA,CACAiB,OAAA,CACAC,oBAAA,KAAAC,OAAAF,OAAApB,YAEAuB,KAAAC,IACA,KAAAhB,SAAAgB,EAAAjB,OACAkB,MAAAC,IACAC,QAAAC,IAAA,8BAAAF,MAGAG,gBACA,OAAAX,OAAAC,IAAA,qBAAAI,KAAAC,IACA,KAAAf,WAAAe,EAAAjB,KAAAuB,YAIAC,UACA,KAAAd,YACA,KAAAY,iBAGAG,eCrFiW,I,YCO7VC,EAAY,eACd,EACA,EACAhC,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E","file":"js/NewsCategory.0d0228bd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('v-row',{staticClass:\"px-3\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('v-card',{attrs:{\"min-height\":\"80vh\"}},[_c('v-list',[_c('v-subheader',{staticClass:\"black--text title\",staticStyle:{\"text-decoration\":\"underline\"}},[_vm._v(\"Tin tức\")]),_vm._l((_vm.contents),function(content){return _c('v-list-item',{key:content.code,staticClass:\"d-block d-md-flex\"},[_c('v-list-item-avatar',{attrs:{\"tile\":\"\",\"size\":\"200\",\"color\":\"grey\"}},[_c('v-img',{attrs:{\"alt\":`${content.title} avatar`,\"src\":content.avatar}})],1),_c('v-list-item-content',[_c('div',{staticClass:\"overline mb-4\"},[_vm._v(_vm._s(content.category))]),_c('v-list-item-title',{staticClass:\"headline mb-1 pink--text\"},[_vm._v(_vm._s(content.title))]),_c('v-list-item-subtitle',{staticClass:\"mb-1 font-weight-medium\"},[_vm._v(_vm._s(_vm.diffToHuman(content.createdAt)))]),_c('div',[_vm._v(_vm._s(content.brief))]),_c('router-link',{staticClass:\"orange--text\",attrs:{\"to\":{ name: 'NewsDetail', params: { id: content.code }}}},[_c('span',[_vm._v(\"Chi tiết\")])])],1)],1)})],2)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-card',{attrs:{\"min-height\":\"\"}},[_c('v-list',{staticClass:\"py-0 pb-4\",attrs:{\"color\":\"lime lighten-5\"}},[_c('v-subheader',{staticClass:\"title black--text\",staticStyle:{\"text-decoration\":\"underline\"}},[_vm._v(\"Danh mục\")]),_vm._l((_vm.categories),function(category){return _c('v-list-item',{key:category.code,attrs:{\"color\":\"teal\",\"to\":{name:'NewsCategory', params: {category:category.code}}}},[_c('v-list-item-title',{staticClass:\"subtitle-2\"},[_vm._v(\" \"+_vm._s(category.title)+\" \")])],1)})],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div style=\"\">\r\n        <v-row class=\"px-3\">\r\n            <v-col cols=\"12\" md=\"9\">\r\n                <v-card min-height=\"80vh\">\r\n                    <v-list>\r\n                        <v-subheader style=\"text-decoration: underline;\" class=\"black--text title\">Tin tức</v-subheader>\r\n                        <v-list-item v-for=\"content in contents\" :key=\"content.code\" class=\"d-block d-md-flex\">\r\n                            <v-list-item-avatar tile size=\"200\" color=\"grey\" >\r\n                                <v-img\r\n                                    :alt=\"`${content.title} avatar`\"\r\n                                    :src=\"content.avatar\"\r\n                                ></v-img>\r\n                            </v-list-item-avatar>\r\n                            <v-list-item-content>\r\n                            <div class=\"overline mb-4\">{{content.category}}</div>\r\n                            <v-list-item-title class=\"headline mb-1 pink--text\">{{content.title}}</v-list-item-title>\r\n                            <v-list-item-subtitle class=\"mb-1 font-weight-medium\">{{ diffToHuman(content.createdAt) }}</v-list-item-subtitle>\r\n                            <div>{{content.brief}}</div>\r\n                            \r\n                            <router-link  class=\"orange--text\" :to=\"{ name: 'NewsDetail', params: { id: content.code }}\">\r\n                                <span>Chi tiết</span>\r\n                            </router-link>\r\n                            </v-list-item-content>\r\n                        </v-list-item>\r\n                    </v-list>\r\n                </v-card>\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"3\">\r\n                <v-card min-height=\"\">\r\n                    <v-list class=\"py-0 pb-4\" color=\"lime lighten-5\">\r\n                        <v-subheader style=\"text-decoration: underline;\" class=\"title black--text\">Danh mục</v-subheader>\r\n                        <v-list-item v-for=\"category in categories\" :key=\"category.code\" color=\"teal\" :to=\"{name:'NewsCategory', params: {category:category.code}}\">\r\n                            <v-list-item-title class=\"subtitle-2\">\r\n                                {{category.title}}\r\n                            </v-list-item-title>\r\n                        </v-list-item>\r\n                    </v-list>\r\n                </v-card>\r\n            </v-col>\r\n        </v-row>\r\n    </div>\r\n</template>\r\n<script>\r\nconst NEWS_URL = \"contents/shows\";\r\nimport http from '@/components/services/http-common';\r\nimport moment from 'moment';\r\nexport default {\r\n    name: \"NewsIndex\",\r\n    props: [\"breadcrumbs\"],\r\n    components:{\r\n    },\r\n    data(){\r\n        return {\r\n            contents: [],\r\n            categories:[],\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            return http.get(NEWS_URL,{\r\n                            params: {\r\n                                ContentCategoryCode: this.$route.params.category,\r\n                            }\r\n                        }).then(res => {\r\n                this.contents = res.data;\r\n            }).catch(e => {\r\n                console.log(\"xay ra loi khi load du lieu\", e);\r\n            })\r\n        },\r\n        fetchCategory(){\r\n            return http.get(\"ContentCategories\").then(res => {\r\n                this.categories = res.data.results;\r\n            });\r\n        },\r\n    },\r\n    created(){\r\n        this.fetchData();\r\n        this.fetchCategory();\r\n    },\r\n    \r\n    destroyed() {\r\n    }\r\n}\r\n</script>\r\n\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!./Category.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!./Category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Category.vue?vue&type=template&id=194da700&\"\nimport script from \"./Category.vue?vue&type=script&lang=js&\"\nexport * from \"./Category.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":""}