{"version":3,"sources":["webpack:///./src/pages/sanPhamSenApp/index.vue","webpack:///src/pages/sanPhamSenApp/index.vue","webpack:///./src/pages/sanPhamSenApp/index.vue?8178","webpack:///./src/pages/sanPhamSenApp/index.vue?051f","webpack:///./src/pages/sanPhamSenApp/index.vue?646a","webpack:///./src/assets/images/4.png"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticStyle","_l","model","item","index","key","path","concat","_id","avartar","apiView","fileId","require","_v","_s","name","mieuTa","danhGia","rating","class","doanhNghiepSanXuat","numberOfElement","totalRows","perPage","value","currentPage","callback","$$v","expression","staticRenderFns","components","data","process","url","sortBy","sortDesc","menu","filterOn","isArray","pageOptions","menuName","ratings","selectedRating","computed","watch","deep","handler","val","getData","console","log","created","window","addEventListener","windowScroll","destroyed","removeEventListener","mounted","start","Date","starttime","getTime","end","endtime","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","params","wrap","_context","prev","next","limit","$store","dispatch","then","res","length","stop","getColorWithExtFile","ext","getIconWithExtFile","getUrl","link","indexOf","level","idMenu","id","$router","push","replace","handleShowRegisterModal","state","snackBarStore","registerModal","onFiltered","filteredItems","navbar","document","getElementById","body","scrollTop","documentElement","classList","add","remove","toggleMenu","toggle","nextSlide","$refs","carousel","goToPage","getNextPage","prevSlide","getPreviousPage","normalizer","node","children","component","module","exports"],"mappings":"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","file":"js/chunk-697835a0.14994976.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"section p-2 bg-white\",attrs:{\"id\":\"about\"}},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"container\",staticStyle:{\"padding\":\"0px 20px\"}},[_c('div',{staticClass:\"wrap-main col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.model),function(item,index){return _c('div',{key:index,staticClass:\"col-lg-4 col-md-6 col-sm-12 mb-3 card-item\"},[_c('router-link',{attrs:{\"to\":{\n                                  path: `/san-pham-sen/chi-tiet/${item._id}`,\n                                  }}},[(!item.avartar)?_c('div',{staticClass:\"card-img\"},[_c('div',{staticStyle:{\"height\":\"100%\"}},[_c('img',{staticStyle:{\"height\":\"100%\"},attrs:{\"src\":require(\"@/assets/images/4.png\"),\"alt\":\"Không có ảnh\"}})])]):_c('div',{staticClass:\"card-img\"},[_c('div',{staticStyle:{\"height\":\"100%\"}},[_c('img',{staticStyle:{\"height\":\"100%\"},attrs:{\"src\":_vm.apiView + item.avartar.fileId}})])]),_c('div',{staticClass:\"box-text\"},[_c('div',{staticClass:\"box-info\"},[_c('p',{staticClass:\"name-cate\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('p',{staticClass:\"decs-cate\"},[_vm._v(\" \"+_vm._s(item.mieuTa)+\" \")]),_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"margin-bottom\":\"10px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"font-size\":\"18px\"}},[_c('div',{staticClass:\"rating\"},_vm._l((item.danhGia),function(rating){return _c('span',{key:rating,class:{ 'filled': rating <= item.danhGia }},[_vm._v(\"★\")])}),0)]),_c('b-button',{staticClass:\"fs-13 btn-detail\",attrs:{\"pill\":\"\",\"size\":\"\"}},[_c('i',{staticClass:\"bx bx-link-external ps-2\"}),_c('span',{staticClass:\"ps-1 px-2\"},[_vm._v(\"Chi tiết\")])])],1)])]),_c('div',{staticClass:\"du-an\"},[_c('span',[_vm._v(\" \"+_vm._s(item.doanhNghiepSanXuat.name))])])])],1)}),0)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row mb-3\"},[_c('b-col',[_c('div',[_vm._v(\"Hiển thị \"+_vm._s(_vm.numberOfElement)+\" trên tổng số \"+_vm._s(_vm.totalRows)+\" dòng\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('ul',{staticClass:\"pagination pagination-rounded mb-0\"},[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])])],1)])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Multiselect from \"vue-multiselect\";\r\n\r\n/**\r\n * Crypto ICO-landing page\r\n */\r\nexport default {\r\n  components: {},\r\n  data() {\r\n    return {\r\n      data: [],\r\n      apiView: `${process.env.VUE_APP_API_URL}filesminio/view/`,\r\n      url: `${process.env.VUE_APP_API_URL}filesminio/view`,\r\n      totalRows: 1,\r\n      numberOfElement: 1,\r\n      perPage: 15,\r\n      currentPage: 1,\r\n      sortBy: \"ngayXuatBan\",\r\n      sortDesc: true,\r\n      model: null,\r\n      menu : null,\r\n      filterOn: [],\r\n      isArray : true,\r\n      pageOptions: [5,10,25,50,100],\r\n      menuName : \" \",\r\n      ratings: [1, 2, 3, 4, 5],\r\n      selectedRating: 4 // Giả sử bạn muốn hiển thị 4 sao ban đầu\r\n    };\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n    perPage: {\r\n      deep: true,\r\n      handler(val){\r\n        this.getData();\r\n      }\r\n    },\r\n    currentPage:{\r\n      deep: true,\r\n      handler(val){\r\n        console.log(\"this.perpage\", this.currentPage);\r\n        this.getData();\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    window.addEventListener(\"scroll\", this.windowScroll);\r\n    this.getData();\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"scroll\", this.windowScroll);\r\n  },\r\n  mounted() {\r\n    this.start = new Date(this.starttime).getTime();\r\n    this.end = new Date(this.endtime).getTime();\r\n    // Update the count down every 1 second\r\n  },\r\n  methods: {\r\n\r\n\r\n    async getData(){\r\n      //console.log(\"LOG GIOI THIEU  :  \")\r\n      const params = {\r\n        start: this.currentPage,\r\n        limit: this.perPage,\r\n        sortBy: \"danhGia\",\r\n        sortDesc: true,\r\n      };\r\n      await this.$store.dispatch(\"sanPhamSenStore/getPagingParams\",params ).then((res) => {\r\n          this.model = res.data.data;\r\n          console.log(\"DU LICH: \", res.data);\r\n          this.totalRows = res.data.totalRows;\r\n          this.numberOfElement = res.data.data.length;\r\n      })\r\n    },\r\n    getColorWithExtFile(ext) {\r\n      if (ext == '.docx' || ext == '.doc')\r\n        return 'text-primary';\r\n      else if (ext == '.xlsx' || ext == '.xls')\r\n        return 'text-success';\r\n      else if (ext == '.pdf')\r\n        return 'text-danger';\r\n      else return 'text-danger';\r\n    },\r\n\r\n    getIconWithExtFile(ext) {\r\n      if (ext == '.docx' || ext == '.doc')\r\n        return 'mdi mdi-microsoft-word';\r\n      else if (ext == '.xlsx' || ext == '.xls')\r\n        return 'mdi mdi-microsoft-excel';\r\n      else if (ext == '.pdf')\r\n        return 'mdi mdi-file-pdf-outline';\r\n      else if (ext == '.pptx')\r\n        return 'fas fa-file-powerpoint';\r\n      else return 'mdi-file-clock-outline';\r\n    },\r\n\r\n\r\n    getUrl(item) {\r\n      // console.log(\"LOG DANH MUC CLICK\", item)\r\n      if (item.link.indexOf(\"/{id}\") < 0  && item.level === 0)\r\n      {\r\n        // console.log(\"LOG ROUTER IF LAYOUT  : \", item)\r\n        this.idMenu = item.id;\r\n        //  console.log(\"LOG ITEM : \", item.link)\r\n        this.$router.push(item.link);\r\n      } else if (item.link.indexOf(\"/{id}\") > 0 && item.level === 0){\r\n        this.idMenu = item.id;\r\n        // console.log(\"LOG ROUTER IF ELSE  LAYOUT  : \", item.link.replace(\"{id}\",  item.id))\r\n        this.$router.push(item.link.replace(\"{id}\",  item.id));\r\n      }else {\r\n        // console.log(\"LOG ROUTER ELSE LAYOUT  : \", item.link +   item.id)\r\n        this.idMenu = item.id;\r\n        this.$router.push(item.link +  \"/\" + item.id);\r\n      }\r\n    },\r\n\r\n    handleShowRegisterModal(){\r\n      this.$store.dispatch(\"snackBarStore/showRegisterModal\", !this.$store.state.snackBarStore.registerModal)\r\n      console.log(\"abc\")\r\n    },\r\n    onFiltered(filteredItems) {\r\n      // Trigger pagination to update the number of buttons/pages due to filtering\r\n      this.totalRows = filteredItems.length;\r\n      this.currentPage = 1;\r\n    },\r\n    /**\r\n     * Window scroll method\r\n     */\r\n    windowScroll() {\r\n      const navbar = document.getElementById(\"navbar\");\r\n      if (\r\n          document.body.scrollTop >= 50 ||\r\n          document.documentElement.scrollTop >= 50\r\n      ) {\r\n        navbar.classList.add(\"nav-sticky\");\r\n      } else {\r\n        navbar.classList.remove(\"nav-sticky\");\r\n      }\r\n    },\r\n    /**\r\n     * Toggle menu\r\n     */\r\n    toggleMenu() {\r\n      document.getElementById(\"topnav-menu-content\").classList.toggle(\"show\");\r\n    },\r\n    nextSlide() {\r\n      this.$refs.carousel.goToPage(this.$refs.carousel.getNextPage());\r\n    },\r\n    prevSlide() {\r\n      this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage());\r\n    },\r\n    normalizer(node) {\r\n      if (node.children == null || node.children == 'null') {\r\n        delete node.children;\r\n      }\r\n    },\r\n\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n    <section class=\"section p-2 bg-white\" id=\"about\">\r\n        <div class=\"row align-items-center\">\r\n          <div class=\"container\" style=\"padding: 0px 20px;\">\r\n            <!-- <div class=\"col-lg-12\">\r\n              <div class=\"cs-title-box\">\r\n                <div class=\"cs-title py-2\" style=\"padding-top: 7px !important;\">\r\n                  <a href=\"\">\r\n                    <i class=\"mdi mdi-star ic-item\"></i>\r\n                    <span style=\"color: #fff; font-size: 16px;\">\r\n                      Sản phẩm sen\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"wrap-main col-md-12\">\r\n              <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                      <div class=\"row\">\r\n                          <div class=\"col-lg-4 col-md-6 col-sm-12 mb-3 card-item\" v-for=\"(item, index) in model\" :key=\"index\">\r\n                              <router-link\r\n                                  :to=\"{\r\n                                      path: `/san-pham-sen/chi-tiet/${item._id}`,\r\n                                      }\"\r\n                              >\r\n                                  <div v-if=\"!item.avartar\" class=\"card-img\">\r\n                                    <div style=\"height: 100%;\">\r\n                                      <img\r\n                                          src=\"@/assets/images/4.png\"\r\n                                          alt=\"Không có ảnh\"\r\n                                          style=\"height: 100%;\"\r\n                                      >\r\n                                    </div>\r\n                                  </div>\r\n                                  <div v-else class=\"card-img\">\r\n                                    <div style=\"height: 100%;\">\r\n                                      <img\r\n                                        :src=\"apiView + item.avartar.fileId\"\r\n                                        class=\"\"\r\n                                        style=\"height: 100%;\"\r\n                                    />\r\n\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class=\"box-text\">\r\n                                    <div class=\"box-info\">\r\n                                      <p class=\"name-cate\">\r\n                                        {{ item.name }}\r\n                                      </p>\r\n                                      <p class=\"decs-cate\">\r\n                                        {{ item.mieuTa }}\r\n                                      </p>\r\n                                      <div style=\"display: flex; justify-content: space-between; margin-bottom: 10px;\">\r\n                                        <div style=\"display: flex; align-items: center; font-size: 18px;\">\r\n                                          <div class=\"rating\">\r\n                                            <span v-for=\"rating in item.danhGia\" :key=\"rating\" :class=\"{ 'filled': rating <= item.danhGia }\">&#9733;</span>\r\n                                          </div>\r\n                                        </div>\r\n                                        <b-button\r\n                                          pill\r\n                                          class=\"fs-13 btn-detail\"\r\n                                          size=\"\"\r\n                                          >\r\n                                          <i class='bx bx-link-external ps-2'></i>\r\n                                            <span class=\"ps-1 px-2\">Chi tiết</span>\r\n                                            <!-- <i class=\"mdi mdi-arrow-right ps-2\"></i> -->\r\n                                        </b-button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class=\"du-an\">\r\n                                      <span>\r\n                                      {{ item.doanhNghiepSanXuat.name }}</span>\r\n                                  </div>\r\n                              </router-link>\r\n                          </div>\r\n                      </div>\r\n                  </div> \r\n              </div>\r\n            </div>\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-12\">\r\n                <div class=\"row mb-3\">\r\n                <b-col>\r\n                  <div>Hiển thị {{numberOfElement}} trên tổng số {{totalRows}} dòng</div>\r\n                </b-col>\r\n                <div class=\"col\">\r\n                  <div\r\n                      class=\"dataTables_paginate paging_simple_numbers float-end\">\r\n                    <ul class=\"pagination pagination-rounded mb-0\">\r\n                      <!-- pagination -->\r\n                      <b-pagination\r\n                          v-model=\"currentPage\"\r\n                          :total-rows=\"totalRows\"\r\n                          :per-page=\"perPage\"\r\n                      ></b-pagination>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </section>\r\n</template>\r\n<style>\r\n.category{\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.cate-title{\r\n  background-color: #05912a;\r\n  color: #fff;\r\n  padding: 10px;\r\n  font-size: 20px;\r\n}\r\n\r\n.cate-list ul li{\r\n  list-style: none;\r\n  border-bottom: 1px dashed #d0cfcf;\r\n  padding: 10px 0 10px 0;\r\n}\r\n\r\n.cate-list ul li a{\r\n  margin-left: 10px;\r\n  font-size: 14px;\r\n  color: #78797C;\r\n}\r\n.btn-yellow{\r\n  background-color: #EFC62C;\r\n  border: none;\r\n  border-radius: 0 !important;\r\n  color: #000 !important;\r\n}\r\n\r\n.btn-yellow:hover{\r\n  background-color: #ffc800;\r\n  border: none;\r\n}\r\n\r\n.w-10 {\r\n  width: 10%;\r\n}\r\n.w-80 {\r\n  width: 80%;\r\n}\r\n.w-90 {\r\n  width: 90%;\r\n}\r\n\r\n.block-ellipsis {\r\n  display: block;\r\n  display: -webkit-box;\r\n  max-width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n  -webkit-line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\ntr {\r\n  vertical-align: middle !important;\r\n  box-shadow: 0 0 1rem rgb(18 38 63 / 3%) !important;\r\n}\r\n\r\n.bg-ico-primary {\r\n  height: 340px;\r\n}\r\n.ribbons {\r\n  /*background: linear-gradient(45deg, #940012, #F6C6C6);*/\r\n  position: absolute;\r\n  padding: 10px;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  top: -18px;\r\n  left: 20px;\r\n  background-color: #2b569a;\r\n  box-shadow: rgba(255, 255, 255, 0) 0px 4px 6px -1px, rgba(255, 255, 255, 0.5) 0px 2px 4px -1px;\r\n}\r\n\r\n@media only screen and (max-width: 425px){\r\n  .create-at{\r\n    text-align: start !important;\r\n    margin-bottom: 5px;\r\n  }\r\n}\r\n\r\n\r\nsection.bg-ico-primary {\r\n  padding-top: 100px;\r\n}\r\n\r\n.custom-content{\r\n  display: -webkit-box !important;\r\n  -webkit-line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\r\n.card-body{\r\n  padding: 10px;\r\n}\r\n.card-title{\r\n  font-size: 16px;\r\n  color:#000\r\n}\r\n\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=045d24ca&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=045d24ca&prod&lang=css&\"\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--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=045d24ca&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/4.cd06c044.png\";"],"sourceRoot":""}