{"version":3,"sources":["webpack:///./src/views/Shop/Shop.vue?540d","webpack:///./src/views/Shop/Shop.vue?b0a3","webpack:///./src/views/Shop/Shop.vue?16e9","webpack:///src/views/Shop/Shop.vue","webpack:///./src/views/Shop/Shop.vue?af9c","webpack:///./src/views/Shop/Shop.vue?bbd2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","_v","_s","$t","_l","product","key","id","name","params","slug","pictureUrl","tag","_e","saleitemname","Math","floor","parseFloat","orjprice","description","on","$event","handleCartActionClick","isInCart","staticRenderFns","directives","Ripple","components","BCard","BCardBody","BLink","BImg","BCardText","BButton","setup","fetchProducts","then","products","value","response","totalProducts","length","fetchShopProducts","filters","filterOptions","sortBy","sortByOptions","itemView","itemViewOptions","mqShallShowLeftSidebar","component"],"mappings":"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","file":"js/chunk-d64b813e.b93f5d0b.js","sourcesContent":["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!./Shop.vue?vue&type=style&index=1&id=2e90cfb6&lang=scss&scoped=true&\"","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!./Shop.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"inherit\"}},[_c('section',{attrs:{\"id\":\"ecommerce-header\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"ecommerce-header-items\"},[_c('div',{staticClass:\"result-toggler\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"buyProducts\")))]),_c('div',{staticClass:\"search-results\"})])])])])]),_c('div',{staticClass:\"body-content-overlay\"}),_c('section',{staticClass:\"d-flex shop-container\"},_vm._l((_vm.products),function(product){return _c('b-card',{key:product.id,staticClass:\"shop-card\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"item-img text-left p-1 bg-white\"},[_c('b-link',{attrs:{\"to\":{\n            name: 'apps-e-commerce-product-details',\n            params: { slug: product.slug },\n          }}},[_c(product.pictureUrl,{tag:\"component\",staticStyle:{\"max-width\":\"300px\"},attrs:{\"alt\":(\"\" + (product.name))}}),(!product.pictureUrl)?_c('b-img',{staticStyle:{\"width\":\"150px\"},attrs:{\"src\":require('@/assets/images/logo/logo.png'),\"alt\":(\"\" + (product.name))}}):_vm._e()],1)],1),_c('b-card-body',[_c('h6',{staticClass:\"item-name\"},[_c('b-link',{staticClass:\"text-body h2\",attrs:{\"to\":{\n              name: 'apps-e-commerce-product-details',\n              params: { slug: product.slug },\n            }}},[_vm._v(\" \"+_vm._s(product.saleitemname)+\" \")]),_c('b-card-text',{staticClass:\"item-company\"},[_c('b-link',{staticClass:\"ml-25\"})],1)],1),_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"item-rating\"}),_c('div',[_c('h6',{staticClass:\"item-price\"},[_vm._v(\" ₺\"+_vm._s(Math.floor(parseFloat(product.orjprice)))+\" \")])])]),_c('b-card-text',{staticClass:\"item-description\"},[_vm._v(\" \"+_vm._s(product.description)+\" \")])],1),_c('div',{staticClass:\"px-2 pb-2\"},[_c('b-button',{staticClass:\"btn-cart w-100\",attrs:{\"variant\":\"primary\",\"tag\":\"a\"},on:{\"click\":function($event){return _vm.handleCartActionClick(product)}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(_vm._s(product.isInCart ? \"View In Cart\" : _vm.$t(\"addToCart\")))])],1)],1)],1)}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"height: inherit\">\n    <!-- ECommerce Header -->\n    <section id=\"ecommerce-header\">\n      <div class=\"row\">\n        <div class=\"col-sm-12\">\n          <div class=\"ecommerce-header-items\">\n            <div class=\"result-toggler\">\n              <h1>{{ $t(\"buyProducts\") }}</h1>\n              <div class=\"search-results\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- Overlay -->\n    <div class=\"body-content-overlay\" />\n    <!-- Prodcuts -->\n    <section class=\"d-flex shop-container\">\n      <b-card\n        v-for=\"product in products\"\n        :key=\"product.id\"\n        class=\"shop-card\"\n        no-body\n      >\n        <div class=\"item-img text-left p-1 bg-white\">\n          <b-link\n            :to=\"{\n              name: 'apps-e-commerce-product-details',\n              params: { slug: product.slug },\n            }\"\n          >\n            <component\n              :is=\"product.pictureUrl\"\n              :alt=\"`${product.name}`\"\n              style=\"max-width: 300px\"\n            />\n            <b-img\n              v-if=\"!product.pictureUrl\"\n              :src=\"require('@/assets/images/logo/logo.png')\"\n              :alt=\"`${product.name}`\"\n              style=\"width: 150px\"\n            />\n          </b-link>\n        </div>\n\n        <!-- Product Details -->\n        <b-card-body>\n          <h6 class=\"item-name\">\n            <b-link\n              class=\"text-body h2\"\n              :to=\"{\n                name: 'apps-e-commerce-product-details',\n                params: { slug: product.slug },\n              }\"\n            >\n              {{ product.saleitemname }}\n            </b-link>\n            <b-card-text class=\"item-company\">\n              <b-link class=\"ml-25\"> </b-link>\n            </b-card-text>\n          </h6>\n          <div class=\"item-wrapper\">\n            <div class=\"item-rating\"></div>\n            <div>\n              <h6 class=\"item-price\">\n                ₺{{ Math.floor(parseFloat(product.orjprice)) }}\n              </h6>\n            </div>\n          </div>\n          <b-card-text class=\"item-description\">\n            {{ product.description }}\n          </b-card-text>\n        </b-card-body>\n        <div class=\"px-2 pb-2\">\n          <b-button\n            variant=\"primary\"\n            tag=\"a\"\n            class=\"btn-cart w-100\"\n            @click=\"handleCartActionClick(product)\"\n          >\n            <feather-icon icon=\"ShoppingCartIcon\" class=\"mr-50\" />\n            <span>{{\n              product.isInCart ? \"View In Cart\" : $t(\"addToCart\")\n            }}</span>\n          </b-button>\n          <!-- Product Actions -->\n        </div>\n      </b-card>\n    </section>\n  </div>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardBody,\n  BLink,\n  BImg,\n  BCardText,\n  BButton,\n  BPagination,\n} from \"bootstrap-vue\";\nimport Ripple from \"vue-ripple-directive\";\nimport { watch } from \"@vue/composition-api\";\nimport { useResponsiveAppLeftSidebarVisibility } from \"@core/comp-functions/ui/app\";\nimport {\n  useShopFiltersSortingAndPagination,\n  useShopUi,\n  useShopRemoteData,\n} from \"./useShop\";\nimport { useEcommerceUi } from \"./useCart\";\n\nexport default {\n  directives: {\n    Ripple,\n  },\n  components: {\n    // BSV\n    BCard,\n    BCardBody,\n    BLink,\n    BImg,\n    BCardText,\n    BButton,\n\n    // SFC\n  },\n  setup() {\n    const { filters, filterOptions, sortBy, sortByOptions } =\n      useShopFiltersSortingAndPagination();\n\n    const { handleCartActionClick } = useEcommerceUi();\n\n    const { itemView, itemViewOptions, totalProducts } = useShopUi();\n\n    const { products, fetchProducts } = useShopRemoteData();\n\n    const { mqShallShowLeftSidebar } = useResponsiveAppLeftSidebarVisibility();\n\n    // Wrapper Function for `fetchProducts` which can be triggered initially and upon changes of filters\n    const fetchShopProducts = () => {\n      fetchProducts().then((response) => {\n        products.value = response;\n        totalProducts.value = response.length;\n      });\n    };\n\n    fetchShopProducts();\n\n    watch(\n      [filters, sortBy],\n      () => {\n        fetchShopProducts();\n      },\n      {\n        deep: true,\n      }\n    );\n\n    return {\n      // useShopFiltersSortingAndPagination\n      filters,\n      filterOptions,\n      sortBy,\n      sortByOptions,\n\n      // useShopUi\n      itemView,\n      itemViewOptions,\n      totalProducts,\n      handleCartActionClick,\n\n      // useShopRemoteData\n      products,\n      // mqShallShowLeftSidebar\n      mqShallShowLeftSidebar,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"~@core/scss/base/pages/app-ecommerce.scss\";\n</style>\n\n<style lang=\"scss\" scoped>\n.item-view-radio-group ::v-deep {\n  .btn {\n    display: flex;\n    align-items: center;\n  }\n}\n\n.shop-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 1rem;\n  .shop-card {\n    width: calc(25% - 1rem);\n    max-width: 100%;\n    @media (max-width: 623px) {\n      width: 100%;\n    }\n    @media (min-width: 624px) and (max-width: 1346px) {\n      width: calc(50% - 1rem);\n    }\n  }\n}\n</style>\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!./Shop.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!./Shop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Shop.vue?vue&type=template&id=2e90cfb6&scoped=true&\"\nimport script from \"./Shop.vue?vue&type=script&lang=js&\"\nexport * from \"./Shop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Shop.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./Shop.vue?vue&type=style&index=1&id=2e90cfb6&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  \"2e90cfb6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}