{"version":3,"sources":["webpack:///./src/views/Category.vue?418e","webpack:///src/views/Category.vue","webpack:///./src/views/Category.vue?26e4","webpack:///./src/views/Category.vue","webpack:///./src/views/Category.vue?fc12"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","displayName","_l","post","i","key","postsPagination","page","pages","_e","on","$event","loadPage","$route","params","name","staticRenderFns","data","total","created","load","methods","api","getCategoryPosts","$store","state","pageTitle","route","posts","getCategory","watch","components","Post","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,iBAAiB,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,oBAAoBN,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIW,GAAIX,EAAS,OAAE,SAASY,EAAKC,GAAG,OAAOT,EAAG,OAAO,CAACU,IAAID,EAAEN,MAAM,CAAC,KAAOK,QAAU,GAAMZ,EAAIe,gBAAgBC,MAAQhB,EAAIe,gBAAgBE,MAA+KjB,EAAIkB,KAA3Kd,EAAG,IAAI,CAACE,YAAY,oBAAoBa,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,SAASrB,EAAIsB,OAAOC,OAAOC,KAAMxB,EAAIe,gBAAgBC,KAAK,MAAM,CAAChB,EAAIQ,GAAG,oBACrnBiB,EAAkB,G,oCCyBtB,GACED,KAAM,OACNE,KAAM,WAAR,OACA,eACA,SACA,iBACQV,KAAM,EACNC,MAAO,EACPU,MAAO,KAGbC,QAXF,WAYI3B,KAAK4B,KAAK5B,KAAKqB,SAEjBQ,QAAS,CACPT,SADJ,SACA,yEACMpB,KAAK8B,IAAIC,iBAAiBR,EAAM,GAAIR,GAC1C,kBAAQ,IAAR,mBACA,QADQ,IACE,IAAK,EAAf,oCACY,EAAZ,eAFA,8BAIQ,EAAR,iBACU,KAAV,OACU,MAAV,+BACU,MAAV,aAIIa,KAdJ,SAcA,cACM5B,KAAKgC,OAAOC,MAAMC,UAAYC,EAAMb,OAAOC,KAC3CvB,KAAKoC,MAAQ,GACbpC,KAAKoB,SAASe,EAAMb,OAAOC,KAAM,GACjCvB,KAAK8B,IAAIO,YAAYF,EAAMb,OAAOC,MACxC,kBACQ,QAAR,OACQ,EAAR,gCAIEe,MAAO,CACLjB,OADJ,SACA,OACM,KAAN,QACM,MAGJkB,WAAY,CACVC,KAAJ,SCxEkV,I,wBCQ9UC,EAAY,eACd,EACA3C,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,kECnBf","file":"js/chunk-e5a89680.cbc2202e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_c('div',{attrs:{\"id\":\"category-top\"}},[_c('div',{staticClass:\"content\"},[_c('h1',[_vm._v(_vm._s(_vm.displayName))])])]),_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.$route.params.name, _vm.postsPagination.page+1)}}},[_vm._v(\"LOAD MORE\")]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"home\">\n    <div id=\"category-top\">\n        <div class=\"content\">\n            <!-- RECOMMENDATIONS <div id=\"categories\">\n                <router-link to=\"/category/hardware\">Hardware</router-link>\n                <router-link to=\"/category/web-development\">Web Development</router-link>\n            </div>-->\n            <h1>{{displayName}}</h1>\n        </div>\n    </div>\n    <div class=\"content\">\n      <br><br>\n      <!--<post v-if=\"posts[0]\" :post=\"posts[0]\" v-show=\"i != 0\" />-->\n      \n      <div class=\"post-list\">\n        <post v-for=\"(post, i) of posts\" :key=\"i\" :post='post' />\n      </div>\n      <a @click=\"loadPage($route.params.name, 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.load(this.$route)\n  },\n  methods: {\n    loadPage(name, page = 1){\n      this.api.getCategoryPosts(name, 10, page)\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    load(route){\n      this.$store.state.pageTitle = route.params.name\n      this.posts = []\n      this.loadPage(route.params.name, 1)\n      this.api.getCategory(route.params.name)\n        .then(res=>{\n          console.log(res);\n          this.displayName = res.display_name\n        })\n    }\n  },\n  watch: {\n    $route(to, from, next){\n        this.load(to);\n        next();\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!./Category.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!./Category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Category.vue?vue&type=template&id=23142e02&scoped=true&\"\nimport script from \"./Category.vue?vue&type=script&lang=js&\"\nexport * from \"./Category.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Category.vue?vue&type=style&index=0&id=23142e02&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  \"23142e02\",\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!./Category.vue?vue&type=style&index=0&id=23142e02&lang=scss&scoped=true&\""],"sourceRoot":""}