{"version":3,"sources":["webpack:///./src/components/Events.vue?db6e","webpack:///src/components/Events.vue","webpack:///./src/components/Events.vue?c0b2","webpack:///./src/components/Events.vue","webpack:///./src/components/Events.vue?6eb8","webpack:///./src/views/News.vue?1898","webpack:///src/views/News.vue","webpack:///./src/views/News.vue?e131","webpack:///./src/views/News.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","news","_l","newscontent","key","id","attrs","staticStyle","src","_s","title","domProps","description","posted_date","totalItems","pageLimit","Math","ceil","on","changePage","model","value","callback","$$v","page","expression","_e","staticRenderFns","length","slice","methods","component","VCard","VCardText","VCardTitle","VCol","VImg","VPagination","VRow","image","name","components","TopBanner","Navbar","Events"],"mappings":"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","file":"js/chunk-bbb7d7bc.26503f09.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center\"},[_c('h4',{staticClass:\"news-above-main-title\"},[_vm._v(\"EXPLORE NEWS & INSIGHTS\")]),_c('h1',{staticClass:\"news-main-title medium-title\"},[_vm._v(\"News and Articles\")]),(_vm.news.length)?_c('div',{staticClass:\"center\"},[_c('v-row',_vm._l((_vm.news),function(newscontent){return _c('v-col',{key:newscontent.id,attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\"}},[_c('router-link',{staticStyle:{\"text-decoration\":\"none\"},attrs:{\"to\":'/news/' + newscontent.id}},[_c('v-card',{staticClass:\"news-card\"},[_c('v-img',{attrs:{\"height\":\"250\",\"src\":newscontent.src}}),_c('v-card-title',{staticClass:\"news-title\"},[_vm._v(_vm._s(newscontent.title))]),_c('v-card-text',[_c('p',{staticClass:\"news-description\",domProps:{\"innerHTML\":_vm._s(newscontent.description)}}),_c('div',[_vm._v(_vm._s(newscontent.posted_date))])])],1)],1)],1)}),1),(_vm.totalItems>_vm.pageLimit)?_c('v-pagination',{staticStyle:{\"margin-top\":\"20px\"},attrs:{\"length\":Math.ceil(_vm.totalItems/_vm.pageLimit),\"color\":\"#77C74E\"},on:{\"input\":_vm.changePage},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}}):_vm._e(),_c('br')],1):_c('div',{staticClass:\"center\",staticStyle:{\"margin\":\"20px auto\",\"color\":\"#454545\"}},[_vm._v(\" No news and articles. \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"center\">\n        <h4 class=\"news-above-main-title\">EXPLORE NEWS & INSIGHTS</h4>\n        <h1 class=\"news-main-title medium-title\">News and Articles</h1>\n        <div class=\"center\" v-if=\"news.length\">\n            <v-row>\n                <v-col cols=\"12\" sm=\"6\" md=\"4\" v-for=\"newscontent in news\" :key=\"newscontent.id\">\n                    <router-link :to=\"'/news/' + newscontent.id\" style=\"text-decoration:none;\">\n                        <v-card class=\"news-card\">\n\n                            <v-img\n                                height=\"250\"\n                                :src=\"newscontent.src\"\n                            ></v-img>\n\n                            <v-card-title class=\"news-title\">{{ newscontent.title }}</v-card-title>\n\n                            <v-card-text>\n                                <p class=\"news-description\" v-html=\"newscontent.description\">\n                                </p>\n\n                                <div>{{ newscontent.posted_date }}</div>\n\n                            </v-card-text>\n\n                        </v-card>\n                    </router-link>\n                </v-col>\n            </v-row>\n\n            <v-pagination\n                v-if=\"totalItems>pageLimit\"\n                v-model=\"page\"\n                @input=\"changePage\"\n                :length=\"Math.ceil(totalItems/pageLimit)\"\n                color=\"#77C74E\"\n                style=\"margin-top:20px;\"\n            ></v-pagination><br/>\n        </div>\n\n        <div class=\"center\" v-else style=\"margin:20px auto; color:#454545;\">\n            No news and articles.\n        </div>\n    </div>\n</template>\n\n<script>\nimport Data from './../data'\n\nexport default {\n    data() {\n        return {\n            page: 1,\n            news: Data.news,\n            pageLimit: 6,\n            totalItems: Data.news.length\n        }\n    },\n    created() {\n        this.news = Data.news.slice((this.page-1)* this.pageLimit, this.page* this.pageLimit) \n    },\n    methods: {  \n        changePage(page){\n            this.news = Data.news.slice((page-1)* this.pageLimit, page* this.pageLimit) \n        }\n    },\n\n}\n</script>\n\n<style scoped>\n.news-main-title{\n  color:#2D2C2C;\n  margin-bottom:5px;\n  text-align: center;\n}\n.news-above-main-title{\n  color:#ABABAC;\n  letter-spacing: 3px;\n  text-align: center;\n}\n.news-card{\n    margin:18px;\n    box-shadow: none !important;\n    transition: .2s ease;\n}\n.news-title{\n    color:#2D2C2C;\n    word-break: break-word;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    height:87px;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n.news-description{\n    color:#2D2C2C;\n    text-align: justify;\n    text-justify: inter-word;\n    word-break: break-word;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    height:85px;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n}\n\n.news-card:hover{\n    -ms-transform: scale(1.01);\n    -webkit-transform: scale(1.01);\n    transform: scale(1.01);\n    border: none;\n    box-shadow: 1px 5px 10px 5px rgba(0, 0, 0, 0.1) !important;\n}\n\n/* --------- Responsive ---------- */\n\n@media only screen and (max-width: 400px) {\n    .news-card{\n        margin:10px;\n    }\n}\n@media only screen and (min-width: 400px) {\n    .news-card{\n        margin:12px;\n    }\n}\n@media only screen and (min-width: 600px) {\n    .news-card{\n        margin:12px;\n    }\n}\n@media only screen and (min-width: 768px) {\n    .news-card{\n        margin:14px;\n    }\n}\n@media only screen and (min-width: 880px) {\n    .news-card{\n        margin:14px;\n    }\n}\n@media only screen and (min-width: 992px) {\n    .news-card{\n        margin:16px;\n    }\n}\n@media only screen and (min-width: 1200px) {\n    .news-card{\n        margin:16px;\n    }\n}\n@media only screen and (min-width: 1300px) {\n    .news-card{\n        margin:18px;\n    }\n}\n@media only screen and (min-width: 1400px) {\n    .news-card{\n        margin:18px;\n    }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Events.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Events.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Events.vue?vue&type=template&id=13ddc88a&scoped=true&\"\nimport script from \"./Events.vue?vue&type=script&lang=js&\"\nexport * from \"./Events.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Events.vue?vue&type=style&index=0&id=13ddc88a&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  \"13ddc88a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCol,VImg,VPagination,VRow})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../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!./Events.vue?vue&type=style&index=0&id=13ddc88a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"news\"},[_c('top-banner',{attrs:{\"title\":\"News & Articles\",\"subtitle\":\"Enhance and grow your career by applying to work with STS's experienced experts\",\"topimage\":_vm.image}}),_c('navbar'),_c('br'),_c('events'),_c('br')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"news\">\n    <top-banner \n      title=\"News & Articles\" \n      subtitle=\"Enhance and grow your career by applying to work with STS's experienced experts\" \n      :topimage=\"image\"\n    />\n    \n    <navbar/>\n    <br/>\n\n    <events />\n    <br/>\n  </div>\n</template>\n\n<script>\nimport image from \"./../assets/img/people.jpg\"\nimport TopBanner from '../components/TopBanner.vue'\nimport Navbar from '../components/Navbar.vue'\nimport Events from '../components/Events.vue'\n\nexport default {\n  name: 'News',\n  components: {\n    TopBanner,\n    Navbar,\n    Events, \n  },\n  data() {\n    return{\n      image,\n    }\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./News.vue?vue&type=template&id=6900a1fd&\"\nimport script from \"./News.vue?vue&type=script&lang=js&\"\nexport * from \"./News.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":""}