{"version":3,"sources":["webpack:///./src/views/News.vue","webpack:///src/views/News.vue","webpack:///./src/views/News.vue?7ed9","webpack:///./src/views/News.vue?25dd"],"names":["attrs","errorMessage","_vm","key","staticClass","post","_e","domProps","_c","nextPage","staticStyle","_s","staticRenderFns","name","data","page","news","fetched","computed","methods","setNews","fetch","then","fetchedNews","created","component"],"mappings":"wOAA8JA,EAAM,W,IAAC,OAAkB,aAAC,OAAO,EAACC,QAA0DD,MAAM,CAAC,MAAO,W,CAAe,SAAK,CAAG,OAAIE,MAAQA,K,CAA+CC,EAAG,OAAE,C,MAACC,CAAqCJ,QAAM,W,CAAe,gDAAC,MAAIK,CAAoCD,UAAmBJ,GAAK,K,GAAE,M,CAAqE,2BAAC,OAAGE,EAAII,OAAO,CAA+JF,MAA0BG,YAAS,yB,MAAC,CAAgC,eAAUC,CAAW,MAAT,EAAC,UAAQ,UAACR,YAAM,OAAC,OAAc,IAAQ,sCAAU,wBAAK,EAAO,KAAKS,mHAAQ,0BAAID,SAAG,CAAwGR,UAAM,oBAAa,MAAU,SAAK,CAAG,OAAIQ,SAAW,GAAEJ,MAAW,W,GAAiC,CAAc,mBAAsBM,UAAW,CAAC,oF,MAAC,CAAc,KAAQ,KAAU,QAAuB,SAAqD,WAAE,YAAaC,yBACtuC,OACGC,e,oNCsDW,G,oBAAA,CACfC,YAEAC,gBACA,OACAC,OACAC,QACAf,kBACAgB,aAGAC,YACAC,SACAC,mBAAA,0KACAC,oDACA,SAEAC,kBAAA,mBACAA,kBAAA,mBAJAC,cAMA,KACA,0CACA,aACA,wBACA,cACA,0CAZA,IAeAd,oBAAA,oJACA,gCACA,sDAFA,KAKAe,mBAAA,oJACA,oCACA,sDAFA,MCzFkS,I,YCO9RC,EAAY,eACd,EACA,EACAb,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/chunk-2d20813a.7e4947e5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-main',{attrs:{\"align\":\"center\"}},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[(_vm.errorMessage == null && this.fetched == true)?_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"8\"}},[_vm._l((_vm.news),function(post,i){return _c('v-card',{key:i,staticClass:\"elevation-12 mb-5 py-3\",attrs:{\"align\":\"left\"}},[(post.imagePath != null)?_c('v-img',{staticClass:\"mx-5\",attrs:{\"src\":'https://stok.iot-ab.se/' + post.imagePath,\"max-height\":\"450px\"}}):_vm._e(),_c('v-card-title',[_vm._v(\" \"+_vm._s(post.title)+\" \")]),_c('v-card-subtitle',[_vm._v(\" \"+_vm._s(_vm.humanDate(post.date, \"yyyy-MM-dd\"))+\" \")]),_c('v-card-text',{staticClass:\"text-body-1\",domProps:{\"innerHTML\":_vm._s(post.content)}})],1)}),_c('v-btn',{attrs:{\"outlined\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.nextPage}},[_c('v-icon',[_vm._v(\"mdi-refresh\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"common.getMorePages\")))],1)],2):_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"8\"}},[_c('v-card',{staticClass:\"elevation-12 mb-5 py-3\",attrs:{\"align\":\"left\"}},[_c('v-card-text',{staticStyle:{\"width\":\"90%\",\"margin\":\"0 auto\",\"border-radius\":\"10px\",\"background-color\":\"rgb(238, 85, 85)\",\"color\":\"white\"}},[_vm._v(_vm._s(this.errorMessage))])],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-main align=\"center\">\r\n    <v-container fluid>\r\n      <v-row justify=\"center\">\r\n        <v-col\r\n          cols=\"12\"\r\n          sm=\"12\"\r\n          md=\"8\"\r\n          v-if=\"errorMessage == null && this.fetched == true\"\r\n        >\r\n          <v-card\r\n            v-for=\"(post, i) in news\"\r\n            :key=\"i\"\r\n            class=\"elevation-12 mb-5 py-3\"\r\n            align=\"left\"\r\n          >\r\n            <v-img\r\n              v-if=\"post.imagePath != null\"\r\n              :src=\"'https://stok.iot-ab.se/' + post.imagePath\"\r\n              max-height=\"450px\"\r\n              class=\"mx-5\"\r\n            />\r\n            <v-card-title> {{ post.title }} </v-card-title>\r\n            <v-card-subtitle>\r\n              {{ humanDate(post.date, \"yyyy-MM-dd\") }}\r\n            </v-card-subtitle>\r\n            <v-card-text\r\n              class=\"text-body-1\"\r\n              v-html=\"post.content\"\r\n            ></v-card-text>\r\n          </v-card>\r\n          <!-- TODO: ADD PAGINATION -->\r\n          <v-btn outlined color=\"primary\" @click=\"nextPage\"\r\n            ><v-icon>mdi-refresh</v-icon> {{ $t(\"common.getMorePages\") }}</v-btn\r\n          >\r\n        </v-col>\r\n        <v-col cols=\"12\" sm=\"12\" md=\"8\" v-else>\r\n          <v-card class=\"elevation-12 mb-5 py-3\" align=\"left\">\r\n            <v-card-text\r\n              style=\"\r\n                width: 90%;\r\n                margin: 0 auto;\r\n                border-radius: 10px;\r\n                background-color: rgb(238, 85, 85);\r\n                color: white;\r\n              \"\r\n              >{{ this.errorMessage }}</v-card-text\r\n            >\r\n          </v-card>\r\n        </v-col>\r\n      </v-row>\r\n    </v-container>\r\n  </v-main>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"News\",\r\n\r\n  data() {\r\n    return {\r\n      page: 0,\r\n      news: [],\r\n      errorMessage: null,\r\n      fetched: false,\r\n    };\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    async setNews() {\r\n      let fetchedNews = await fetch(\r\n        `https://stok.iot-ab.se/api/news/all/${this.page}`\r\n      )\r\n        .then((response) => response.json())\r\n        .then((d) => d);\r\n\r\n      if (fetchedNews == undefined) {\r\n        this.errorMessage = this.$t(\"news.cannotGetNews\");\r\n      } else if (fetchedNews.length > 0) {\r\n        this.news = this.news.concat(fetchedNews);\r\n        this.fetched = true;\r\n      }\r\n    },\r\n\r\n    async nextPage() {\r\n      this.page = this.page + 1;\r\n      await this.setNews();\r\n    },\r\n  },\r\n  async created() {\r\n    this.errorMessage = null;\r\n    await this.setNews();\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??ref--13-1!../../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/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??ref--13-1!../../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=12646c42&\"\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":""}