{"version":3,"sources":["webpack:///./src/services/postService.js","webpack:///./src/views/post/Category.vue","webpack:///src/views/post/Category.vue","webpack:///./src/views/post/Category.vue?82cb","webpack:///./src/views/post/Category.vue?7c12","webpack:///./src/views/post/Category.vue?581f"],"names":["postService","aliasUrl","httpHelper","get","data","render","_vm","this","_c","_self","staticClass","attrs","label","$t","idCategory","on","$event","onCategoryClick","_v","_s","_l","categories","category","index","key","id","name","posts","length","loading","post","_e","error","errorMessage","loadData","staticRenderFns","draw","skip","ended","take","components","PostCard","mounted","$bridge","$on","beforeDestroy","$off","methods","renew","response","list","message","totalPosts","component"],"mappings":"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","file":"js/chunk-dfde8a9c.52ab5041.js","sourcesContent":["import httpHelper from \"@/helpers/httpHelper\";\n\nconst postService = {\n    async detail(aliasUrl) {\n        return await httpHelper.get(\"/WebApi/Post/Detail\", {aliasUrl});\n    },\n    async list(data) {\n        return await httpHelper.get(\"/WebApi/Post/List\", data);\n    }\n};\n\nexport default postService;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-posts\"},[_c('b-col',{staticClass:\"py-3\"},[_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('News')}]}}),_c('div',{staticClass:\"list-categories d-flex justify-content-between\"},[_c('div',{staticClass:\"button\"},[_c('b-button',{staticClass:\"btn-rounded font-weight-bold\",attrs:{\"variant\":_vm.idCategory == 0 ? 'primary' : 'outline-primary',\"block\":\"\"},on:{\"click\":function($event){return _vm.onCategoryClick(0)}}},[_vm._v(_vm._s(_vm.$t(\"All\"))+\" \")])],1),_vm._l((_vm.categories),function(category,index){return _c('div',{key:index,staticClass:\"button\"},[_c('b-button',{staticClass:\"btn-rounded font-weight-bold\",attrs:{\"variant\":_vm.idCategory == category.id ? 'primary' : 'outline-primary',\"block\":\"\"},on:{\"click\":function($event){return _vm.onCategoryClick(category.id)}}},[_vm._v(_vm._s(category.name)+\" \")])],1)})],2),(_vm.posts.length === 0 && !_vm.loading)?_c('div',{staticClass:\"list-posts\"},[_c('NotFoundPanel')],1):_c('div',{staticClass:\"list-posts\"},_vm._l((_vm.posts),function(post,index){return _c('PostCard',{key:index,attrs:{\"post\":post}})}),1),(_vm.loading)?_c('LoadingPanel'):_vm._e(),(_vm.error)?_c('ErrorPanel',{attrs:{\"message\":_vm.errorMessage},on:{\"retry\":function($event){return _vm.loadData()}}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-posts\">\n    <b-col class=\"py-3\">\n      <Breadcrumb :items=\"[{label: $t('News')}]\"/>\n      <div class=\"list-categories d-flex justify-content-between\">\n        <div class=\"button\">\n          <b-button :variant=\"idCategory == 0 ? 'primary' : 'outline-primary'\" block class=\"btn-rounded font-weight-bold\" @click=\"onCategoryClick(0)\">{{ $t(\"All\") }}\n          </b-button>\n        </div>\n        <div class=\"button\" v-for=\"(category, index) in categories\" :key=\"index\">\n          <b-button :variant=\"idCategory == category.id ? 'primary' : 'outline-primary'\" block class=\"btn-rounded font-weight-bold\" @click=\"onCategoryClick(category.id)\">{{ category.name }}\n          </b-button>\n        </div>\n      </div>\n      <div class=\"list-posts\" v-if=\"posts.length === 0 && !loading\">\n        <NotFoundPanel/>\n      </div>\n      <div class=\"list-posts\" v-else>\n        <PostCard v-for=\"(post, index) in posts\" :key=\"index\" :post=\"post\"/>\n      </div>\n      <LoadingPanel v-if=\"loading\"/>\n      <ErrorPanel v-if=\"error\" :message=\"errorMessage\" @retry=\"loadData()\"/>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport PostCard from \"@/components/cards/PostCard\";\nimport postService from \"@/services/postService\";\n\nlet draw = 0;\nlet skip = 0;\nlet ended = false;\nconst take = 8;\n\nexport default {\n  name: \"Category\",\n  components: {PostCard},\n  data() {\n    return {\n      loading: false,\n      error: false,\n      posts: [],\n      categories: [],\n      errorMessage: null,\n      idCategory: 0\n    }\n  },\n  async created() {\n    skip = 0;\n    ended = false;\n    await this.loadData();\n  },\n  mounted() {\n    this.$bridge.$on(\"scrollToBottom\", this.loadData);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"scrollToBottom\", this.loadData);\n  },\n  methods: {\n    async loadData(renew = false) {\n      if (renew) {\n        skip = 0;\n        ended = false;\n        this.posts = [];\n        this.error = false;\n        this.errorMessage = null;\n      } else {\n        if (this.loading || ended)\n          return;\n      }\n\n      this.loading = true;\n      draw++;\n      const response = await postService.list({\n        idCategory: this.idCategory < 1 ? null : this.idCategory,\n        take,\n        skip,\n        draw,\n      })\n\n      this.loading = false;\n      if (!response) {\n        this.error = true;\n        this.errorMessage = \"Connect to server failed. Please check your internet connection\";\n        return;\n      }\n\n      if (response.error) {\n        this.error = true;\n        this.errorMessage = error.message;\n        return;\n      }\n\n      const data = response.data;\n      if (data.draw === draw) {\n        if (this.categories.length === 0)\n          this.categories = data.categories;\n\n        const totalPosts = data.posts.length;\n        this.posts = [...this.posts, ...data.posts];\n        skip += totalPosts;\n        ended = totalPosts < take;\n      }\n    },\n    onCategoryClick(idCategory) {\n      this.idCategory = idCategory;\n      this.loadData(true);\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.page-posts {\n  .list-categories {\n    margin: 0 -5px;\n    \n    .button {\n      flex: 1;\n      padding: 5px 5px 15px 5px;\n    }\n  }\n\n  .list-posts {\n    padding: 15px 0;\n    border-top: 1px solid #e4e4e4;\n    border-bottom: 1px solid #e4e4e4;\n  }\n}\n</style>","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!./Category.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!./Category.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Category.vue?vue&type=template&id=2baf5d84&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=2baf5d84&prod&scoped=true&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  \"2baf5d84\",\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!./Category.vue?vue&type=style&index=0&id=2baf5d84&prod&scoped=true&lang=scss\""],"sourceRoot":""}