{"version":3,"sources":["webpack:///./src/views/product/Index.vue?d989","webpack:///src/views/product/Index.vue","webpack:///./src/views/product/Index.vue?ee8d","webpack:///./src/views/product/Index.vue","webpack:///./src/views/product/Index.vue?b737"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","name","_v","_m","_e","directives","rawName","value","expression","domProps","Array","isArray","selectedAllCates","_i","on","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","categories","length","staticStyle","_l","category","key","Id","selectedCategories","_s","Name","includes","collapses","filter","_","push","Moq","class","show","products","ProductCategories","some","pc","ProductId","CategoryId","sort","a","b","DisplayOrder","product","i","params","slug","Slug","$http","defaults","ThumbnailImage","ShortDescription","staticRenderFns","loading","loadProducts","computed","get","set","newValue","map","methods","otherCate","p","Status","component"],"mappings":"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","file":"js/chunk-2bff55f3.7f38c957.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"breadcrumb-area\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8 offset-lg-2\"},[_c('div',{staticClass:\"breadcrumb-wrapper\"},[_c('ul',{staticClass:\"breadcrumb-list\"},[_c('li',[_c('router-link',{attrs:{\"to\":{ name: 'HomePage' }}},[_c('i',{staticClass:\"fa fa-home\"}),_vm._v(\" Home \")])],1),_vm._m(0)])])])])])]),_c('div',{staticClass:\"page-content-wrapper\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[(_vm.loading)?_c('div',{staticClass:\"text-center\"},[_vm._m(1)]):_vm._e()]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-2\"},[_c('div',{staticClass:\"shop-sidebar-wrapper\"},[_c('div',{staticClass:\"single-sidebar-widget\"},[_c('div',{staticClass:\"single-sidebar-widget__title mb-2\"},[_c('div',{staticClass:\"check-box d-inline-block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedAllCates),expression:\"selectedAllCates\"}],attrs:{\"type\":\"checkbox\",\"id\":\"chkCate_All\"},domProps:{\"checked\":Array.isArray(_vm.selectedAllCates)?_vm._i(_vm.selectedAllCates,null)>-1:(_vm.selectedAllCates)},on:{\"change\":function($event){var $$a=_vm.selectedAllCates,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedAllCates=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedAllCates=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedAllCates=$$c}}}}),_c('label',{staticClass:\"cate-title\",attrs:{\"for\":\"chkCate_All\"}},[_vm._v(\" Categories \")])])]),(_vm.categories && _vm.categories.length)?_c('ul',{staticClass:\"single-sidebar-widget__dropdown\",staticStyle:{\"padding-left\":\"0\"},attrs:{\"id\":\"single-sidebar-widget__dropdown\"}},_vm._l((_vm.categories),function(category){return _c('li',{key:(\"cate-\" + (category.Id)),staticClass:\"py-3\"},[_c('div',{staticClass:\"check-box d-inline-block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedCategories),expression:\"selectedCategories\"}],attrs:{\"type\":\"checkbox\",\"id\":(\"chkCate_\" + (category.Id))},domProps:{\"value\":category.Id,\"checked\":Array.isArray(_vm.selectedCategories)?_vm._i(_vm.selectedCategories,category.Id)>-1:(_vm.selectedCategories)},on:{\"change\":function($event){var $$a=_vm.selectedCategories,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=category.Id,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedCategories=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedCategories=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedCategories=$$c}}}}),_c('label',{attrs:{\"for\":(\"chkCate_\" + (category.Id))}},[_vm._v(\" \"+_vm._s(category.Name)+\" \")])])])}),0):_vm._e()])])]),_c('div',{staticClass:\"col-lg-10\"},[_c('div',{staticClass:\"sale-product-wrapper section-space\"},[_c('div',{staticClass:\"product-double-row-area\"},[(_vm.categories && _vm.categories.length)?_c('div',{staticClass:\"accordion\"},_vm._l((_vm.categories),function(category){return _c('transition',{key:(\"cate-\" + (category.Id)),attrs:{\"name\":\"fade\"}},[(_vm.selectedCategories.includes(category.Id))?_c('div',{staticClass:\"card mb-2\"},[_c('div',{staticClass:\"card-header bg-white border-bottom-0\"},[_c('h5',{staticClass:\"mb-0 fw-normal\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.collapses.includes(category.Id)\n                            ? (_vm.collapses = _vm.collapses.filter(\n                                function (_) { return _ != category.Id; }\n                              ))\n                            : _vm.collapses.push(category.Id)}}},[_vm._v(\" \"+_vm._s(category.Name)+\" \"),_c('span',{staticClass:\"d-inline-block ms-2\"},[(_vm.collapses.includes(category.Id))?_c('i',{staticClass:\"fa fa-angle-down\"}):_c('i',{staticClass:\"fa fa-angle-up\"})]),_c('span',{staticClass:\"text-dark small\"},[_vm._v(\" (MOQ \"+_vm._s(category.Moq)+\" PCS) \")])])]),_c('div',{staticClass:\"collapse\",class:{ show: !_vm.collapses.includes(category.Id) }},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"product-row-wrapper\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.products\n                                .filter(function (_) { return _.ProductCategories.some(\n                                    function (pc) { return pc.ProductId == _.Id &&\n                                      pc.CategoryId == category.Id; }\n                                  ); }\n                                )\n                                .sort(function (a, b) { return a.ProductCategories[0].DisplayOrder >=\n                                  b.ProductCategories[0].DisplayOrder\n                                    ? 1\n                                    : -1; }\n                                )),function(product,i){return _c('div',{key:(\"product-\" + i),staticClass:\"\\n                                col-lg-3 col-md-4 col-sm-6 col-custom-sm-6\\n                              \"},[_c('div',{staticClass:\"single-grid-product\"},[_c('div',{staticClass:\"single-grid-product__image\"},[_c('router-link',{staticClass:\"image-wrap\",attrs:{\"to\":{\n                                      name: 'ProductDetail',\n                                      params: { slug: product.Slug },\n                                    }}},[(product.ThumbnailImage)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":((_vm.$http.defaults.baseURL) + \"/Document/download/Thumbnails/\" + (product.ThumbnailImage.FileName)),\"alt\":\"\"}}):_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/No_Picture.png\",\"alt\":\"\"}})])],1),_c('div',{staticClass:\"single-grid-product__content\"},[_c('h3',{staticClass:\"title\"},[_c('router-link',{attrs:{\"to\":{\n                                        name: 'ProductDetail',\n                                        params: { slug: product.Slug },\n                                      }}},[_vm._v(\" \"+_vm._s(product.Name)+\" \")])],1),(product.ShortDescription)?_c('div',{staticClass:\"small text-center\"},[_vm._v(\" \"+_vm._s(product.ShortDescription)+\" \")]):_vm._e()])])])}),0)])])])]):_vm._e()])}),1):_vm._e()])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"active\"},[_c('i',{staticClass:\"fa fa-stars\"}),_vm._v(\" Star Collection \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"spinner-border text-info\",attrs:{\"role\":\"status\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"breadcrumb-area\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col-lg-8 offset-lg-2\">\r\n            <!--=======  breadcrumb wrapper  =======-->\r\n\r\n            <div class=\"breadcrumb-wrapper\">\r\n              <!-- <h2 class=\"page-title\">Star Collection</h2> -->\r\n              <ul class=\"breadcrumb-list\">\r\n                <li>\r\n                  <router-link :to=\"{ name: 'HomePage' }\">\r\n                    <i class=\"fa fa-home\"></i>\r\n                    Home\r\n                  </router-link>\r\n                </li>\r\n                <li class=\"active\">\r\n                  <i class=\"fa fa-stars\"></i>\r\n                  Star Collection\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            <!--=======  End of breadcrumb wrapper  =======-->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"page-content-wrapper\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"text-center\" v-if=\"loading\">\r\n            <div class=\"spinner-border text-info\" role=\"status\">\r\n              <span class=\"sr-only\">Loading...</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-lg-2\">\r\n            <div class=\"shop-sidebar-wrapper\">\r\n              <!--=======  single sidebar widget  =======-->\r\n\r\n              <div class=\"single-sidebar-widget\">\r\n                <div class=\"single-sidebar-widget__title mb-2\">\r\n                  <div class=\"check-box d-inline-block\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      id=\"chkCate_All\"\r\n                      v-model=\"selectedAllCates\"\r\n                    />\r\n                    <label for=\"chkCate_All\" class=\"cate-title\">\r\n                      Categories\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n\r\n                <ul\r\n                  class=\"single-sidebar-widget__dropdown\"\r\n                  id=\"single-sidebar-widget__dropdown\"\r\n                  style=\"padding-left: 0\"\r\n                  v-if=\"categories && categories.length\"\r\n                >\r\n                  <li\r\n                    v-for=\"category in categories\"\r\n                    :key=\"`cate-${category.Id}`\"\r\n                    class=\"py-3\"\r\n                  >\r\n                    <div class=\"check-box d-inline-block\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        :id=\"`chkCate_${category.Id}`\"\r\n                        :value=\"category.Id\"\r\n                        v-model=\"selectedCategories\"\r\n                      />\r\n                      <label :for=\"`chkCate_${category.Id}`\">\r\n                        {{ category.Name }}\r\n                      </label>\r\n                    </div>\r\n                  </li>\r\n                  <!-- <li><a href=\"shop-left-sidebar.html\">Outdoor</a></li> -->\r\n                </ul>\r\n              </div>\r\n\r\n              <!--=======  End of single sidebar widget  =======-->\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-10\">\r\n            <div class=\"sale-product-wrapper section-space\">\r\n              <div class=\"product-double-row-area\">\r\n                <div class=\"accordion\" v-if=\"categories && categories.length\">\r\n                  <transition\r\n                    v-for=\"category in categories\"\r\n                    name=\"fade\"\r\n                    :key=\"`cate-${category.Id}`\"\r\n                  >\r\n                    <div\r\n                      class=\"card mb-2\"\r\n                      v-if=\"selectedCategories.includes(category.Id)\"\r\n                    >\r\n                      <div class=\"card-header bg-white border-bottom-0\">\r\n                        <h5\r\n                          role=\"button\"\r\n                          class=\"mb-0 fw-normal\"\r\n                          @click=\"\r\n                            collapses.includes(category.Id)\r\n                              ? (collapses = collapses.filter(\r\n                                  (_) => _ != category.Id\r\n                                ))\r\n                              : collapses.push(category.Id)\r\n                          \"\r\n                        >\r\n                          {{ category.Name }}\r\n                          <span class=\"d-inline-block ms-2\">\r\n                            <i\r\n                              class=\"fa fa-angle-down\"\r\n                              v-if=\"collapses.includes(category.Id)\"\r\n                            ></i>\r\n                            <i class=\"fa fa-angle-up\" v-else></i>\r\n                          </span>\r\n                          <span class=\"text-dark small\">\r\n                            (MOQ {{ category.Moq }} PCS)\r\n                          </span>\r\n                        </h5>\r\n                      </div>\r\n\r\n                      <div\r\n                        class=\"collapse\"\r\n                        :class=\"{ show: !collapses.includes(category.Id) }\"\r\n                        style=\"\"\r\n                      >\r\n                        <div class=\"card-body\">\r\n                          <div class=\"product-row-wrapper\">\r\n                            <div class=\"row\">\r\n                              <div\r\n                                v-for=\"(product, i) in products\r\n                                  .filter((_) =>\r\n                                    _.ProductCategories.some(\r\n                                      (pc) =>\r\n                                        pc.ProductId == _.Id &&\r\n                                        pc.CategoryId == category.Id\r\n                                    )\r\n                                  )\r\n                                  .sort((a, b) =>\r\n                                    a.ProductCategories[0].DisplayOrder >=\r\n                                    b.ProductCategories[0].DisplayOrder\r\n                                      ? 1\r\n                                      : -1\r\n                                  )\"\r\n                                :key=\"`product-${i}`\"\r\n                                class=\"\r\n                                  col-lg-3 col-md-4 col-sm-6 col-custom-sm-6\r\n                                \"\r\n                              >\r\n                                <div class=\"single-grid-product\">\r\n                                  <div class=\"single-grid-product__image\">\r\n                                    <router-link\r\n                                      :to=\"{\r\n                                        name: 'ProductDetail',\r\n                                        params: { slug: product.Slug },\r\n                                      }\"\r\n                                      class=\"image-wrap\"\r\n                                    >\r\n                                      <!-- 6654eca0-510b-4638-80f5-13416f5f3d44 -->\r\n                                      <img\r\n                                        v-if=\"product.ThumbnailImage\"\r\n                                        :src=\"`${$http.defaults.baseURL}/Document/download/Thumbnails/${product.ThumbnailImage.FileName}`\"\r\n                                        class=\"img-fluid\"\r\n                                        alt=\"\"\r\n                                      />\r\n                                      <img\r\n                                        v-else\r\n                                        src=\"/img/No_Picture.png\"\r\n                                        class=\"img-fluid\"\r\n                                        alt=\"\"\r\n                                      />\r\n                                    </router-link>\r\n                                  </div>\r\n                                  <div class=\"single-grid-product__content\">\r\n                                    <h3 class=\"title\">\r\n                                      <router-link\r\n                                        :to=\"{\r\n                                          name: 'ProductDetail',\r\n                                          params: { slug: product.Slug },\r\n                                        }\"\r\n                                      >\r\n                                        {{ product.Name }}\r\n                                      </router-link>\r\n                                    </h3>\r\n                                    <div\r\n                                      v-if=\"product.ShortDescription\"\r\n                                      class=\"small text-center\"\r\n                                    >\r\n                                      {{ product.ShortDescription }}\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </transition>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      products: [],\r\n      categories: [],\r\n      collapses: [],\r\n      loading: false,\r\n      selectedCategories: [],\r\n    };\r\n  },\r\n  mounted() {\r\n    this.loadProducts();\r\n  },\r\n  computed: {\r\n    selectedAllCates: {\r\n      // getter\r\n      get: function () {\r\n        return this.categories.length\r\n          ? this.selectedCategories.length == this.categories.length\r\n          : false;\r\n      },\r\n      // setter\r\n      set: function (newValue) {\r\n        if (newValue) {\r\n          this.selectedCategories = this.categories.map((_) => _.Id);\r\n        } else {\r\n          this.selectedCategories = [];\r\n        }\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    async loadProducts() {\r\n      this.loading = true;\r\n      try {\r\n        let filters = [];\r\n        filters.push(`StatusCode eq '15'`);\r\n        let resp = await this.$http.get(`odata/Product`, {\r\n          params: {\r\n            $select: `Id,ItemNumber,Name,Slug,ShortDescription`,\r\n            $top: 100,\r\n            $expand:\r\n              `ThumbnailImage, ` +\r\n              `ProductCategories($expand=Category;$filter=Status eq ${this.$const.STATUS.Active})`,\r\n          },\r\n        });\r\n        if (resp && resp.status == 200) {\r\n          this.products = resp.data.value;\r\n          let categories = [];\r\n\r\n          this.products.forEach((p) => {\r\n            if (p.ProductCategories && p.ProductCategories.length) {\r\n              p.ProductCategories.forEach((pc) => {\r\n                if (\r\n                  pc.Category &&\r\n                  !categories.some((c) => c.Id == pc.Category.Id)\r\n                ) {\r\n                  categories.push(pc.Category);\r\n                }\r\n              });\r\n            } else {\r\n              let otherCate = {\r\n                Id: 0,\r\n                Name: \"Others\",\r\n                DisplayOrder: 100,\r\n                Description: \"\",\r\n                Status: this.$const.STATUS.Active,\r\n                Moq: null,\r\n              };\r\n              p.ProductCategories = [\r\n                {\r\n                  CategoryId: otherCate.Id,\r\n                  ProductId: p.Id,\r\n                  Status: this.$const.STATUS.Active,\r\n                  DisplayOrder: 0,\r\n                },\r\n              ];\r\n              if (!categories.some((_) => _.Id == otherCate.Id)) {\r\n                categories.push(otherCate);\r\n              }\r\n            }\r\n          });\r\n          this.categories = categories.sort(\r\n            (a, b) => a.DisplayOrder - b.DisplayOrder\r\n          );\r\n          this.selectedCategories = categories.map((_) => _.Id);\r\n        }\r\n      } catch (error) {\r\n        this.$swal({ text: error.message });\r\n      }\r\n      this.loading = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.single-grid-product__image {\r\n  width: 100%;\r\n  height: 300px;\r\n  vertical-align: middle;\r\n  text-align: center;\r\n  display: table-cell;\r\n}\r\n\r\n.accordion {\r\n  .collapse {\r\n    opacity: 0;\r\n    transition: opacity 0.6s linear;\r\n\r\n    &.show {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.cate-title {\r\n  font-size: 22px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 24px !important;\r\n  color: #111 !important;\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 0.5s;\r\n}\r\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=9cd72b1a&scoped=true&\"\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=9cd72b1a&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  \"9cd72b1a\",\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!./Index.vue?vue&type=style&index=0&id=9cd72b1a&lang=scss&scoped=true&\""],"sourceRoot":""}