{"version":3,"sources":["webpack:///./src/views/News/Index.vue","webpack:///src/views/News/Index.vue","webpack:///./src/views/News/Index.vue?90ef","webpack:///./src/views/News/Index.vue?6206"],"names":["proxy","_c","staticClass","_vm","attrs","key","content","scopedSlots","staticStyle","name","params","category","staticRenderFns","render","NEWS_URL","props","components","MyBreadcrumb","data","contents","categories","methods","diffToHuman","value","date","moment","locale","fromNow","fetchData","http","get","then","res","catch","e","console","log","fetchCategory","results","created","destroyed","component"],"mappings":"iRAAgP,W,MAAY,K,IAAyM,S,SAAiE,Q,YAAI,O,MAAC,CAACA,KAAM,KAAS,CAACC,EAAG,OAAU,CAAwBC,OAA8CC,KAAO,GAA4CD,UAAY,I,YAAuC,EAAC,KAAQ,UAAID,GAAG,WAASG,MAAM,WAAC,MAAO,CAAU,UAAG,uMAAO,SAAS,4DAAsC,aAAuBF,WAAY,UAAW,YAAa,iCAAEE,GAAK,GAAC,qC,YAAU,e,YAAW,CAAG,YAAQ,WAAS,CAACD,EAAG,OAAI,CAA6G,MAAOF,CAAYI,KAAIC,KAAaF,GAAK,M,GAAc,OAAK,C,MAAG,CAAE,aAAa,QAAEA,KAAM,K,GAAiB,OAAW,C,YAAE,YAAE,GAAEH,OAAG,C,MAAc,C,KAAE,G,UAAqB,G,MAAgB,S,CAA6C,EAAC,yF,OAACM,SAAYJ,C,IAAY,EAAC,K,MAAiB,C,KAAW,K,GAAkBK,M,UAA6B,C,MAACJ,C,UAAa,I,SAAsN,K,GAAK,OAAE,C,MAAC,CAACJ,QAAM,GAAM,OAAM,QAAQC,IAAG,EAAc,MAAd,UAAgBC,MAAY,QAAiPA,YAAY,OAAeE,IAAM,cAAC,GAAI,WAAGK,MAAM,SAAY,CAAEC,YAAQ,CAAI,MAAS,SAAO,OAAC,qNAAO,IAAQP,QAAmF,OAAK,IAAG,WAAM,EAAC,OAAS,CAACC,YAAM,oBAAC,UAAa,EAAE,qJAAC,YAAO,eAAE,OAAM,GAAC,CAAUF,KAAW,aAAkB,QAAgBA,GAAW,EAAC,SAA8C,UAAQ,GAAM,kCAAC,QAAO,iBAAE,OAAIC,KAAO,KAAyF,GAAOF,M,CAAoCG,SAAM,C,MAAC,C,aAAmB,G,KAAK,K,UAA0BO,C,YAAsB,a,GAAC,Q,YAAC,YAAE,GAAEV,OAAG,C,MAA+CC,CAAyB,UAAK,GAAUE,MAAM,O,KAAO,K,CAAuB,gFAAC,OAAM,EAAG,OAAC,CAA4E,IAAI,EAAQ,KACnsF,OACGQ,YAEJ,GAASC,C,4RCyDT,MAAAC,EAAA,iBAIe,OACfL,KAAA,YACAM,MAAA,gBACAC,WAAA,CACAC,qBAEAC,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,GAAAiB,KAAAC,IACA,KAAAb,SAAAa,EAAAd,OACAe,MAAAC,IACAC,QAAAC,IAAA,8BAAAF,MAGAG,gBACA,OAAAR,OAAAC,IAAA,qBAAAC,KAAAC,IACA,KAAAZ,WAAAY,EAAAd,KAAAoB,YAIAC,UACA,KAAAX,YACA,KAAAS,iBAGAG,eCpG8V,I,YCO1VC,EAAY,eACd,EACA,EACA7B,GACA,EACA,KACA,KACA,MAIa,aAAA6B,E","file":"js/News.7ec68a7b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"mb-2\",attrs:{\"flat\":\"\"}},[_c('v-toolbar',{attrs:{\"flat\":\"\",\"prominent\":\"\"},scopedSlots:_vm._u([{key:\"img\",fn:function(){return [_c('v-img',{attrs:{\"overla\":\"\",\"src\":\"https://img.freepik.com/free-photo/workspace-workplace-office-table_144627-40148.jpg?w=1380&t=st=1690596289~exp=1690596889~hmac=3fe80953b05c0b0091b2b7e41afb88c64c882419d046eae960a6f4cf97b9e968\",\"gradient\":\"to top right, rgba(154,222,6,.33), rgba(25,32,72,.8)\"}})]},proxy:true}])},[_c('v-spacer'),_c('v-toolbar-title',{staticClass:\"display-2 white--text my-auto\"},[_vm._v(\"Tin tức\")]),_c('v-spacer')],1),_c('v-row',{staticClass:\"mx-auto mt-4\",staticStyle:{\"max-width\":\"1200px\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('v-card',{attrs:{\"min-height\":\"350px\",\"flat\":\"\"}},[_c('v-card-title',{staticClass:\"headline\"},[_c('v-icon',{attrs:{\"left\":\"\",\"x-large\":\"\",\"color\":\"teal\"}},[_vm._v(\"mdi-history\")]),_vm._v(\" GẦN ĐÂY\")],1),_c('v-card-text',[_c('v-row',_vm._l((_vm.contents),function(content){return _c('v-col',{key:content.code,attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-card',{attrs:{\"elevation\":\"0\",\"outlined\":\"\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"height\":\"300px\",\"alt\":`${content.title} avatar`,\"src\":content.avatar},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('img',{staticStyle:{\"width\":\"350px\"},attrs:{\"src\":\"https://media.istockphoto.com/id/1153672822/vector/contract-papers-document-folder-with-stamp-and-text-stack-of-agreements-document-with.jpg?s=612x612&w=0&k=20&c=kjNCXISJ69chBylPnz_pY_jDPlyus3qxB38soxW78J8=\",\"alt\":\"\"}})]},proxy:true}],null,true)}),_c('v-card-title',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(content.title)+\" \")]),_c('v-divider'),_c('v-card-subtitle',[_c('b',[_vm._v(\"Ngày đăng:\")]),_vm._v(\" \"+_vm._s(_vm.diffToHuman(content.createdAt)))]),_c('v-card-actions',[_c('v-spacer'),_c('router-link',{staticClass:\"orange--text\",attrs:{\"to\":{ name: 'NewsDetail', params: { id: content.code }}}},[_c('span',[_vm._v(\"Chi tiết\")])])],1)],1)],1)}),1)],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-card',{attrs:{\"min-height\":\"\",\"flat\":\"\"}},[_c('v-list',{staticClass:\"py-0 pb-4\"},[_c('v-card-title',{staticClass:\"headline\"},[_c('v-icon',{attrs:{\"x-large\":\"\",\"color\":\"pink\",\"left\":\"\"}},[_vm._v(\"mdi-scatter-plot\")]),_vm._v(\" DANH MỤC\")],1),_vm._l((_vm.categories),function(category){return _c('v-list-item',{key:category.code,attrs:{\"color\":\"red\",\"to\":{name:'NewsCategory', params: {category:category.code}}}},[_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"subtitle-1\"},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"secondary\"}},[_vm._v(\"mdi-chevron-right\")]),_vm._v(\" \"+_vm._s(category.title)+\" \")],1)],1)],1)})],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card  class=\"mb-2\" flat>\r\n        <v-toolbar flat prominent>\r\n            <template v-slot:img=\"\">\r\n                <v-img overla src=\"https://img.freepik.com/free-photo/workspace-workplace-office-table_144627-40148.jpg?w=1380&t=st=1690596289~exp=1690596889~hmac=3fe80953b05c0b0091b2b7e41afb88c64c882419d046eae960a6f4cf97b9e968\" \r\n                gradient=\"to top right, rgba(154,222,6,.33), rgba(25,32,72,.8)\"></v-img>\r\n            </template>\r\n            <v-spacer></v-spacer>\r\n            <v-toolbar-title class=\"display-2 white--text my-auto\" >Tin tức</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n        </v-toolbar>\r\n        <v-row style=\"max-width:1200px\" class=\"mx-auto mt-4\">\r\n            <v-col cols=\"12\" md=\"8\">\r\n                <v-card min-height=\"350px\" flat >\r\n                    <v-card-title class=\"headline\"><v-icon left x-large color=\"teal\">mdi-history</v-icon> GẦN ĐÂY</v-card-title>\r\n                    <v-card-text>\r\n                        <v-row>\r\n                            <v-col cols=\"12\" md=\"6\" v-for=\"content in contents\" :key=\"content.code\">\r\n                                <v-card elevation=\"0\" outlined>\r\n                                    <v-img contain height=\"300px\"\r\n                                        :alt=\"`${content.title} avatar`\"\r\n                                        :src=\"content.avatar\">\r\n                                        <template v-slot:placeholder><img style=\"width:350px\" src=\"https://media.istockphoto.com/id/1153672822/vector/contract-papers-document-folder-with-stamp-and-text-stack-of-agreements-document-with.jpg?s=612x612&w=0&k=20&c=kjNCXISJ69chBylPnz_pY_jDPlyus3qxB38soxW78J8=\" alt=\"\"></template>\r\n                                    </v-img>\r\n                                    <v-card-title class=\"font-weight-bold\">\r\n                                        {{content.title}}\r\n                                    </v-card-title>\r\n                                    <v-divider></v-divider>\r\n                                    <v-card-subtitle><b>Ngày đăng:</b> {{ diffToHuman(content.createdAt) }}</v-card-subtitle>\r\n                                    <v-card-actions>\r\n                                        <v-spacer></v-spacer>\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-card-actions>\r\n                                </v-card>\r\n\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-card-text>\r\n                </v-card>\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"4\">\r\n                <v-card min-height=\"\" flat >\r\n                    <v-list class=\"py-0 pb-4\"  >\r\n                        <v-card-title class=\"headline\"><v-icon x-large color=\"pink\" left>mdi-scatter-plot</v-icon> DANH MỤC</v-card-title>\r\n                        <v-list-item v-for=\"category in categories\" :key=\"category.code\" color=\"red\" :to=\"{name:'NewsCategory', params: {category:category.code}}\" >\r\n                            <v-list-item-content>\r\n                                <v-list-item-title class=\"subtitle-1\">\r\n                                    <v-icon left color=\"secondary\">mdi-chevron-right</v-icon>\r\n                                    {{category.title}}\r\n                                </v-list-item-title>\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-row>\r\n    </v-card>\r\n</template>\r\n<script>\r\nconst NEWS_URL = \"contents/shows\";\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: \"NewsIndex\",\r\n    props: [\"breadcrumbs\"],\r\n    components:{\r\n        MyBreadcrumb,\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).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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=61460892&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.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":""}