{"version":3,"sources":["webpack:///./src/views/News.vue","webpack:///src/views/News.vue","webpack:///./src/views/News.vue?8eaf","webpack:///./src/views/News.vue?2ca1","webpack:///./src/views/News.vue?8b8e"],"names":["render","_vm","this","_c","_self","staticClass","style","backgroundImage","newsListHeaderImage","attrs","_m","alternatingList","total","page","_e","staticRenderFns","_v","name","data","totalNewsArticles","newsArticles","dateFormat","newsListHeader","limit","components","AlternatingList","Pagination","apollo","query","totalNewsArticlesQuery","fetchPolicy","notifyOnNetworkStatusChange","update","meta","pagination","newsArticlesQuery","variables","start","globalOptionQuery","optionId","globalOptions","metaInfo","title","config","globalPageTitle","computed","$route","Math","ceil","getImageUrl","localize","attributes","image","url","list","self","articlesSorted","slice","sort","a","b","displayDateA","dateOverride","Date","createdAt","displayDateB","forEach","article","index","push","titleImage","subComponent","date","displayDate","excerpt","methods","urlKey","component"],"mappings":"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","file":"js/chunk-746e3d2e.bed28180.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"entry-short\",style:({ backgroundImage: 'url(' + _vm.newsListHeaderImage + ')' }),attrs:{\"id\":\"news-header\"}},[_vm._m(0)]),_c('AlternatingList',{attrs:{\"list\":_vm.alternatingList,\"contentType\":\"newsArticles\"}}),(_vm.total > 1)?_c('Pagination',{attrs:{\"path\":\"/news\",\"total\":_vm.total,\"page\":_vm.page,\"scrollAnchor\":\"news-header\"}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"context\"},[_c('h1',[_vm._v(\"News\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- TODO: Hedaer image optimization -->\n        <div id=\"news-header\" class=\"entry-short\" v-bind:style=\"{ backgroundImage: 'url(' + newsListHeaderImage + ')' }\">\n            <div class=\"context\">\n                <h1>News</h1>\n            </div>\n        </div>\n\n        <AlternatingList :list=\"alternatingList\" contentType=\"newsArticles\"/>\n\n        <Pagination\n            v-if=\"total > 1\"\n            path=\"/news\"\n            :total=\"total\"\n            :page=\"page\"\n            scrollAnchor=\"news-header\"\n        />\n    </div>\n</template>\n\n<script>\n    import AlternatingList from '@/components/AlternatingList'\n    import Pagination from '@/components/Pagination'\n    import { totalNewsArticlesQuery, newsArticlesQuery, globalOptionQuery } from '@/queries'\n    import { dateFormat } from '@/helper'\n    import { config } from '@/config'\n\n    export default {\n        name: 'News',\n\n        data() {\n            return {\n                totalNewsArticles: 0,\n                newsArticles: null,\n                dateFormat: dateFormat,\n                newsListHeader: null,\n                limit: 10\n            }\n        },\n\n        components: {\n            AlternatingList,\n            Pagination\n        },\n\n        apollo: {\n            totalNewsArticles: {\n                query: totalNewsArticlesQuery,\n                fetchPolicy: 'network-only',\n                notifyOnNetworkStatusChange: true,\n                update: data => data.newsArticles.meta.pagination.total\n            },\n\n            newsArticles: {\n                query: newsArticlesQuery,\n                variables() {\n                    return {\n                        limit: this.limit,\n                        start: this.start\n                    }\n                },\n                fetchPolicy: 'network-only',\n                notifyOnNetworkStatusChange: true,\n            },\n\n            newsListHeader: {\n                query: globalOptionQuery,\n                variables: {\n                    optionId: 'news-list-header'\n                },\n                fetchPolicy: 'cache-first',\n                update: data => data.globalOptions.data[0]\n            }\n\n        },\n\n        metaInfo() {\n            var title = config.globalPageTitle + ' - News'\n            return {\n                title: title\n            }\n        },\n\n        computed: {\n            page() {\n                return this.$route.query.page ? this.$route.query.page : 1\n            },\n\n            start() {\n                return (this.page - 1) * this.limit\n            },\n\n            total() {\n                return Math.ceil(this.totalNewsArticles / this.limit)\n            },\n\n            newsListHeaderImage() {\n                if(this.newsListHeader){\n                    return this.getImageUrl(this.localize(this.newsListHeader.attributes.image).data.attributes.url)\n                }\n            },\n\n            alternatingList() {\n                var list = []\n                var self = this\n                if(this.newsArticles){\n                    var articlesSorted = this.newsArticles.data.slice().sort(function(a, b){\n                        var displayDateA = a.attributes.dateOverride ? new Date(a.attributes.dateOverride) : new Date(a.attributes.createdAt)\n                        var displayDateB = b.attributes.dateOverride ? new Date(b.attributes.dateOverride) : new Date(b.attributes.createdAt)\n                        return displayDateA > displayDateB ? -1 : 1\n                    })\n                    articlesSorted.forEach(function(article, index){\n                        list.push({\n                            index: index,\n                            image: article.attributes.titleImage ? self.localize(article.attributes.titleImage).data.attributes : null,\n                            title: self.localize(article.attributes.title),\n                            url: self.url(article),\n                            subComponent: {\n                                title: self.localize(article.attributes.title),\n                                date: self.displayDate(article),\n                                excerpt: self.localize(article.attributes.excerpt),\n                                url: self.url(article)\n                            }\n                        })\n                    })\n                }\n                return list\n            }\n        },\n\n        methods: {\n            url(article) {\n                return '/news/' + article.attributes.urlKey\n            },\n\n            displayDate(article) {\n                return article.attributes.dateOverride ? dateFormat(new Date(article.attributes.dateOverride)) : dateFormat(new Date(article.attributes.createdAt))\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\">\n    #news-header {\n        background-size: cover;\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!./News.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!./News.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./News.vue?vue&type=template&id=c55306be\"\nimport script from \"./News.vue?vue&type=script&lang=js\"\nexport * from \"./News.vue?vue&type=script&lang=js\"\nimport style0 from \"./News.vue?vue&type=style&index=0&id=c55306be&prod&lang=scss\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&id=c55306be&prod&lang=scss\""],"sourceRoot":""}