{"version":3,"sources":["webpack:///./src/views/FrontendPages/Blog.vue","webpack:///src/views/FrontendPages/Blog.vue","webpack:///./src/views/FrontendPages/Blog.vue?2033","webpack:///./src/views/FrontendPages/Blog.vue?c206","webpack:///./src/views/FrontendPages/Blog.vue?fb76"],"names":["render","_vm","this","_c","_self","staticClass","_l","newsitems","data","index","key","attrs","image","url","staticStyle","_v","_s","title","geturl","shorttitle","summary","date","category","staticRenderFns","name","slice","i","length","dateformat","methods","dt","Date","getMonth","toString","getDate","getFullYear","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,UAAU,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOJ,EAAIK,GAAIL,EAAIM,WAAW,SAASC,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAID,EAAMJ,YAAY,qBAAqB,CAACF,EAAG,SAAS,CAACE,YAAY,eAAeM,MAAM,CAAC,MAAQ,uBAAuB,UAAY,OAAO,CAACR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,cAAc,CAACE,YAAY,kBAAkBM,MAAM,CAAC,GAAK,MAAM,CAACR,EAAG,MAAM,CAACE,YAAY,kBAAkBM,MAAM,CAAC,IAAMH,EAAKI,MAAMC,IAAI,IAAM,gBAAgBV,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACW,YAAY,CAAC,MAAQ,UAAU,CAACb,EAAIc,GAAGd,EAAIe,GAAGR,EAAKS,UAAUd,EAAG,cAAc,CAACQ,MAAM,CAAC,GAAKV,EAAIiB,OAAOV,EAAKW,cAAc,CAAChB,EAAG,MAAM,CAACA,EAAG,MAAMA,EAAG,IAAI,CAACA,EAAG,KAAK,CAACW,YAAY,CAAC,MAAQ,YAAY,CAACb,EAAIc,GAAG,4BAA4B,GAAGZ,EAAG,IAAI,CAACW,YAAY,CAAC,MAAQ,UAAU,CAACb,EAAIc,GAAGd,EAAIe,GAAGR,EAAKY,YAAYjB,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,IAAI,CAACE,YAAY,iBAAiBS,YAAY,CAAC,MAAQ,SAASH,MAAM,CAAC,KAAO,MAAM,CAACV,EAAIc,GAAGd,EAAIe,GAAGR,EAAKa,SAASlB,EAAG,IAAI,CAACE,YAAY,gBAAgBS,YAAY,CAAC,MAAQ,SAASH,MAAM,CAAC,KAAO,MAAM,CAACV,EAAIc,GAAGd,EAAIe,GAAGR,EAAKc,eAAenB,EAAG,MAAM,CAACE,YAAY,cAAc,MAAM,MAAK,YAE32CkB,EAAkB,GCmFP,GACfC,KAAA,OACAhB,OACA,OACAD,UAAA,KAGA,gBAuBA,KAAAA,UAAAC,KAAAD,UAAAkB,MAAA,MACA,QAAAC,EAAA,EAAAA,EAAA,KAAAnB,UAAAoB,OAAAD,IACA,KAAAnB,UAAAmB,GAAAL,KAAA,KAAAO,WAAA,KAAArB,UAAAmB,GAAAL,OAGAQ,QAAA,CACAD,WAAAP,GACA,IAAAS,EAAA,IAAAC,KAAAV,GACA,OACAS,EAAAE,WAAA,GAAAC,WACA,KACAH,EAAAI,UAAA,GAAAD,WACA,IACAH,EAAAK,cAAAF,YAGAf,OAAAD,GACA,2BAAAA,KCpI6V,I,wBCQzVmB,EAAY,eACd,EACApC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,6CCnBf","file":"js/chunk-1a5cec19.053a65aa.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-content\"},[_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"blog-post-grid\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.newsitems),function(data,index){return _c('div',{key:index,staticClass:\"col-md-6 col-lg-4\"},[_c('v-card',{staticClass:\"rounded-card\",attrs:{\"color\":\"rgb(50, 50, 50, 1.0)\",\"elevation\":\"24\"}},[_c('div',{staticClass:\"blog-item mb-5\"},[_c('router-link',{staticClass:\"blog-post-image\",attrs:{\"to\":\"#\"}},[_c('img',{staticClass:\"img-fluid w-100\",attrs:{\"src\":data.image.url,\"alt\":\"blog-img\"}})]),_c('div',{staticClass:\"blog-post-info\"},[_c('h4',{staticClass:\"blog-post-title\"},[_c('div',{staticStyle:{\"color\":\"white\"}},[_vm._v(_vm._s(data.title))]),_c('router-link',{attrs:{\"to\":_vm.geturl(data.shorttitle)}},[_c('div',[_c('br'),_c('a',[_c('h6',{staticStyle:{\"color\":\"#ffd700\"}},[_vm._v(\"Read Full Story\")])])])])],1),_c('p',{staticStyle:{\"color\":\"white\"}},[_vm._v(_vm._s(data.summary))]),_c('div',{staticClass:\"post-event d-flex align-items-center\"},[_c('a',{staticClass:\"blog-info-meta\",staticStyle:{\"color\":\"white\"},attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(data.date))]),_c('a',{staticClass:\"blog-category\",staticStyle:{\"color\":\"white\"},attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(data.category))])]),_c('div',{staticClass:\"center\"})])],1)])],1)}),0)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"main-content\">\n\t\t<!-- BradCrumb header End -->\n\t\t<!-- Blog Grid Section Start -->\n\t\t<section class=\"section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<div class=\"blog-post-grid\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<!-- Start Blog Item -->\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"col-md-6 col-lg-4\"\n\t\t\t\t\t\t\tv-for=\"(data, index) in newsitems\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<v-card\n\t\t\t\t\t\t\t\tcolor=\"rgb(50, 50, 50, 1.0)\"\n\t\t\t\t\t\t\t\televation=\"24\"\n\t\t\t\t\t\t\t\tclass=\"rounded-card\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div class=\"blog-item mb-5\">\n\t\t\t\t\t\t\t\t\t<router-link class=\"blog-post-image\" to=\"#\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t:src=\"data.image.url\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"blog-img\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"img-fluid w-100\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t\t\t\t<div class=\"blog-post-info\">\n\t\t\t\t\t\t\t\t\t\t<h4 class=\"blog-post-title\">\n\t\t\t\t\t\t\t\t\t\t\t<!-- <router-link class=\"text-dark\" :to=\"{name: 'News', params: { id: data.shorttitle, image: data.image.url, text:data.text.html, title:data.title, summary:data.summary, date:data.date },}\"> -->\n\t\t\t\t\t\t\t\t\t\t\t<div style=\"color: white\">{{ data.title }}</div>\n\t\t\t\t\t\t\t\t\t\t\t<router-link :to=\"geturl(data.shorttitle)\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 style=\"color: #ffd700\">Read Full Story</h6>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t\t\t\t\t\t<!-- </router-link> -->\n\t\t\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t\t\t<p style=\"color: white\">{{ data.summary }}</p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"post-event d-flex align-items-center\">\n\t\t\t\t\t\t\t\t\t\t\t<a style=\"color: white\" href=\"#\" class=\"blog-info-meta\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tdata.date\n\t\t\t\t\t\t\t\t\t\t\t}}</a>\n\t\t\t\t\t\t\t\t\t\t\t<a style=\"color: white\" href=\"#\" class=\"blog-category\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tdata.category\n\t\t\t\t\t\t\t\t\t\t\t}}</a>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"center\">\n\t\t\t\t\t\t\t\t\t\t\t<!-- <router-link  :to=\"{name: 'News', params: { id: data.shorttitle, image: data.image.url, text:data.text.html, title:data.title, summary:data.summary, date:data.date },}\">\n\t\t\t\t\t\t\t\t\t\t<div> <br> <a> <h6 style=\"color:#FFD700\"> Read Full Announcement </h6> </a> </div>\n                                    </router-link> -->\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</v-card>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- End Blog Item -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<!-- <div class=\"pagination  d-flex justify-content-center mt-lg-5\">\n                    <ul class=\"pagination mb-0\">\n                        <li class=\"page-item text-center\">\n                            <a href=\"#\" class=\"page-link rounded-0\">\n                                <i class=\"mdi mdi-chevron-left\"></i>\n                            </a>\n                        </li>\n                        <li class=\"page-item text-center active\">\n                            <a href=\"#\" class=\"page-link rounded-0\">1</a>\n                        </li>\n                        <li class=\"page-item text-center\">\n                            <a href=\"#\" class=\"page-link rounded-0\">\n                                <i class=\"mdi mdi-chevron-right\"></i>\n                            </a>\n                        </li>\n                    </ul>\n                </div> -->\n\t\t\t</div>\n\t\t</section>\n\t\t<!-- Blog Grid Section End -->\n\t</div>\n</template>\n<script>\nexport default {\n\tname: \"blog\",\n\tdata() {\n\t\treturn {\n\t\t\tnewsitems: [],\n\t\t};\n\t},\n\tasync created() {\n\t\t// Get Data from the API\n\t\t// gql`\n\t\t//     {\n\t\t//       newsitems(orderBy: createdAt_DESC) {\n\t\t//         title\n\t\t//         shorttitle\n\t\t//         date\n\t\t//         summary\n\t\t//         text {\n\t\t//           raw\n\t\t//           html\n\t\t//           markdown\n\t\t//           text\n\t\t//         }\n\t\t//         category\n\t\t//         image {\n\t\t//           url\n\t\t//         }\n\t\t//       }\n\t\t//     }\n\t\t//   `\n\t\t// )\n\t\tthis.newsitems = data.newsitems.slice(0, 50);\n\t\tfor (let i = 0; i < this.newsitems.length; i++) {\n\t\t\tthis.newsitems[i].date = this.dateformat(this.newsitems[i].date);\n\t\t}\n\t},\n\tmethods: {\n\t\tdateformat(date) {\n\t\t\tvar dt = new Date(date);\n\t\t\treturn (\n\t\t\t\t(dt.getMonth() + 1).toString() +\n\t\t\t\t\"/\" +\n\t\t\t\t(dt.getDate() + 1).toString() +\n\t\t\t\t\"/\" +\n\t\t\t\tdt.getFullYear().toString()\n\t\t\t);\n\t\t},\n\t\tgeturl(title) {\n\t\t\treturn \"/newsdetail?title=\" + title;\n\t\t},\n\t},\n};\n</script>\n<style scoped>\n.center {\n\tmargin: 0;\n\tposition: relative;\n\ttop: 105%;\n\tleft: 50%;\n\t-ms-transform: translate(-50%, -50%);\n\ttransform: translate(-50%, -50%);\n}\n.blog-item {\n\tposition: relative;\n\theight: 400px;\n\toverflow-y: scroll;\n}\n\n.blog-post-title {\n\tfont-size: 18px;\n\tmargin-top: 18px;\n\tmargin-bottom: 15px;\n}\n\n.blog-post-info p,\n.post-event a {\n\tfont-size: 14px;\n}\n\n.blog-post-info p {\n\tmargin-bottom: 14px;\n}\n\n.blog-category {\n\tposition: relative;\n\tpadding-left: 15px;\n\tmargin-left: 10px;\n}\n\n.blog-category::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 5px;\n\tleft: 0;\n\theight: 12px;\n\twidth: 2px;\n\tbackground-color: #969696;\n}\n\n.blog-btn {\n\tpadding: 10px 20px;\n}\n\n.blog-post-image {\n\tdisplay: block;\n\toverflow: hidden;\n\tposition: relative;\n}\n\n.blog-post-image::after {\n\tcontent: \"\";\n\twidth: 0;\n\theight: 4px;\n\tbottom: 0;\n\tposition: absolute;\n\tleft: auto;\n\tright: 0;\n\t-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;\n\t-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;\n\ttransition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;\n\tbackground: #f2b636;\n}\n\n.blog-item:hover .blog-post-image::after {\n\twidth: 100%;\n\tleft: 0;\n\tright: auto;\n}\n\n.blog-post-image img {\n\t-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n\t-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n\ttransition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.blog-item:hover .blog-post-image img {\n\twidth: 100%;\n\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\n\ttransform: scale3d(1.1, 1.1, 1.1);\n}\n\n.pagination li {\n\tmargin: 0 5px;\n}\n\n.pagination li a {\n\theight: 40px;\n\twidth: 40px;\n\tdisplay: flex;\n\tvertical-align: top;\n\tbackground: #314584;\n\tcolor: #fff;\n\tborder: #314584;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.page-item.active .page-link,\n.page-item:hover .page-link {\n\tbackground: #f2b636;\n\tborder: #f2b636;\n\tcolor: #fff;\n}\n\n.blog-post-info {\n\tpadding: 0 20px 50px;\n}\n\n.blog-read-more {\n\tposition: absolute;\n\tbottom: -30px;\n\tleft: 50%;\n\t-webkit-transform: translate(-50%);\n\t-ms-transform: translate(-50%);\n\ttransform: translate(-50%);\n\tfont-size: 20px;\n\twidth: 60px;\n\theight: 60px;\n\tline-height: 60px;\n\tborder-radius: 50%;\n\tbackground-color: #fff;\n\tborder: 2px solid #314584;\n\tcolor: #314584;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t-webkit-transition: all 0.3s ease;\n\ttransition: all 0.3s ease;\n\tz-index: 1;\n}\n\n.blog-item:hover .blog-read-more {\n\tbackground-color: #f2b636;\n\tborder: 2px solid #f2b636;\n\tcolor: #fff;\n}\n</style>\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!./Blog.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!./Blog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Blog.vue?vue&type=template&id=78e7e168&scoped=true&\"\nimport script from \"./Blog.vue?vue&type=script&lang=js&\"\nexport * from \"./Blog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Blog.vue?vue&type=style&index=0&id=78e7e168&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  \"78e7e168\",\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/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!./Blog.vue?vue&type=style&index=0&id=78e7e168&prod&scoped=true&lang=css&\""],"sourceRoot":""}