{"version":3,"sources":["webpack:///./src/views/Trending.vue?ca21","webpack:///src/views/Trending.vue","webpack:///./src/views/Trending.vue?4420","webpack:///./src/views/Trending.vue","webpack:///./src/views/Trending.vue?e3ce"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","post","i","key","attrs","postsPagination","page","pages","on","$event","loadPage","_v","_e","staticRenderFns","name","data","total","created","methods","api","get","components","Post","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIQ,GAAIR,EAAS,OAAE,SAASS,EAAKC,GAAG,OAAON,EAAG,OAAO,CAACO,IAAID,EAAEE,MAAM,CAAC,KAAOH,QAAU,GAAIT,EAAIa,gBAAgBC,KAAOd,EAAIa,gBAAgBE,MAAOX,EAAG,IAAI,CAACE,YAAY,oBAAoBU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,SAASlB,EAAIa,gBAAgBC,KAAK,MAAM,CAACd,EAAImB,GAAG,eAAenB,EAAIoB,UAC7fC,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACQ,MAAM,CAAC,GAAK,iBAAiB,CAACR,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACJ,EAAImB,GAAG,oB,wBCmBpM,GACEG,KAAM,OACNC,KAAM,WAAR,OACA,eACA,SACA,iBACQT,KAAM,EACNC,MAAO,EACPS,MAAO,KAGbC,QAXF,WAYIxB,KAAKiB,SAAS,IAEhBQ,QAAS,CACPR,SADJ,WACA,sEACMjB,KAAK0B,IAAIC,IAAI,0BAA2B,CAA9C,kCACA,kBAAQ,OAAR,YACA,kBAAQ,IAAR,mBACA,QADQ,IACE,IAAK,EAAf,oCACY,EAAZ,eAFA,8BAIQ,EAAR,iBACU,KAAV,OACU,MAAV,+BACU,MAAV,cAKEC,WAAY,CACVC,KAAJ,SCnDkV,I,wBCQ9UC,EAAY,eACd,EACAhC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,2CCnBf,W","file":"js/chunk-fd9b6f16.ea63bf20.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_vm._m(0),_c('div',{staticClass:\"content\"},[_c('br'),_c('br'),_c('div',{staticClass:\"post-list\"},_vm._l((_vm.posts),function(post,i){return _c('post',{key:i,attrs:{\"post\":post}})}),1),(_vm.postsPagination.page < _vm.postsPagination.pages)?_c('a',{staticClass:\"big-action-button\",on:{\"click\":function($event){return _vm.loadPage(_vm.postsPagination.page+1)}}},[_vm._v(\"LOAD MORE\")]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"category-top\"}},[_c('div',{staticClass:\"content\"},[_c('h1',[_vm._v(\"Trending\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"home\">\n    <div id=\"category-top\">\n        <div class=\"content\">\n            <h1>Trending</h1>\n        </div>\n    </div>\n    <div class=\"content\">\n      <br><br>\n      <div class=\"post-list\">\n        <post v-for=\"(post, i) of posts\" :key=\"i\" :post='post' />\n      </div>\n      <a @click=\"loadPage(postsPagination.page+1)\" class=\"big-action-button\" v-if=\"postsPagination.page < postsPagination.pages\">LOAD MORE</a>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Post from '../components/Post.vue'\n\nexport default {\n  name: 'Home',\n  data: ()=>({\n    displayName: false,\n    posts: [],\n    postsPagination: {\n        page: 0,\n        pages: 0,\n        total: 0\n    }\n  }),\n  created(){\n    this.loadPage(1)\n  },\n  methods: {\n    loadPage(page = 1){\n      this.api.get(\"/api/v1/global/trending\", {limit: 10, page, trending: 'true'})\n        .then(res=>res.json())\n        .then(res => {\n          for (const post of res.data){\n            this.posts.push(post)\n          }\n          this.postsPagination = {\n              page: res.page,\n              pages: Math.ceil(res.total/res.page_size),\n              total: res.total\n          }\n        })\n    }\n  },\n  components: {\n    Post\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.content {\n  max-width: 900px;\n  padding: 10px;\n  margin: auto;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Trending.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Trending.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Trending.vue?vue&type=template&id=10faab69&scoped=true&\"\nimport script from \"./Trending.vue?vue&type=script&lang=js&\"\nexport * from \"./Trending.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Trending.vue?vue&type=style&index=0&id=10faab69&lang=scss&scoped=true&\"\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  \"10faab69\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Trending.vue?vue&type=style&index=0&id=10faab69&lang=scss&scoped=true&\""],"sourceRoot":""}