{"version":3,"sources":["webpack:///./src/views/ResultSearch.vue","webpack:///./src/views/ResultSearch.vue?bf6e","webpack:///./src/views/ResultSearch.vue?702d"],"names":["class","style","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$data","loader","_hoisted_3","products","_hoisted_4","_ctx","$t","_createVNode","_component_font","color","$route","query","text","_hoisted_5","_hoisted_6","_hoisted_7","_Fragment","_renderList","data","product","key","_component_ProductItem","last_page","_hoisted_8","_component_vue_awesome_paginate","total-items","items-per-page","max-pages-shown","currentPage","$event","onClick","$options","onClickHandler","components","ProductItem","created","this","findSearch","methods","document","getElementById","scrollIntoView","behavior","axios","get","params","page","headers","Authorization","localStorage","getItem","then","response","catch","error","computed","watch","__exports__","render"],"mappings":"kMACOA,MAAM,a,GACJA,MAAM,mC,SACJA,MAAM,U,SAETA,MAAM,+B,SAONA,MAAM,+B,GAMHA,MAAM,mB,GACJA,MAAM,oB,SAUTC,MAAA,6C,wJA5BRC,eAyCM,MAzCNC,EAyCM,CAxCJC,eAuCM,MAvCNC,EAuCM,CAtCiC,OAAXC,EAAAC,Q,iBAA1BL,eAAwD,MAAxDM,EAA2C,Y,uBAGxB,IAAXF,EAAAC,QAAoBD,EAAAG,SAASA,WAAa,I,iBAFlDP,eAMK,KANLQ,EAMK,C,8BAFAC,EAAAC,GAAG,cAAe,KACrB,GAAAC,eAAyDC,EAAA,CAAnDC,MAAM,WAAS,C,wBAAC,IAA4B,C,mCAApBC,OAAOC,MAAMC,MAAI,K,gCAI9B,IAAXZ,EAAAC,QAAoBD,EAAAG,SAASA,WAAa,I,iBAFlDP,eAMK,KANLiB,EAMK,C,8BAFAR,EAAAC,GAAG,aAAc,IACpB,GAAAC,eAAyDC,EAAA,CAAnDC,MAAM,WAAS,C,wBAAC,IAA4B,C,mCAApBC,OAAOC,MAAMC,MAAI,K,+BAEjDd,eAsBM,MAtBNgB,EAsBM,CArBJhB,eAQM,MARNiB,EAQM,E,mBAPJnB,eAMMoB,OAAA,KAAAC,eAJcjB,EAAAG,SAASe,KAApBC,I,iBAFTvB,eAMM,OALJF,MAAM,kBAEL0B,IAAKD,G,CAENZ,eAA8Cc,EAAA,CAAhCF,QAASA,GAAO,wB,QAK1BnB,EAAAG,SAASmB,UAAY,G,iBAF7B1B,eAWM,MAXN2B,EAWM,CAPJhB,eAMEiB,EAAA,CALCC,cAAkC,EAArBzB,EAAAG,SAASmB,UACtBI,iBAAgB,EAChBC,kBAAiB,E,WACT3B,EAAA4B,Y,qCAAA5B,EAAA4B,YAAWC,GACnBC,QAAOC,EAAAC,gB,mHAaL,G,UAAA,CACbC,WAAY,CACVC,oBAGFhB,OACE,MAAO,CACLjB,OAAQ,KACRE,SAAU,GACVyB,YAAa,IAGjBO,UACEC,KAAKC,cAEPC,QAAS,CACPN,iBACEO,SAASC,eAAe,OAAOC,eAAe,CAAEC,SAAU,WAC1DN,KAAKC,cAEPA,aACEM,IACGC,IAAK,UAAU,CACdC,OAAQ,CACNjC,KAAMwB,KAAK1B,OAAOC,MAAMC,KACxBkC,KAAMV,KAAKR,aAEbmB,QAAS,CACPC,cAAeC,aAAaC,QAAQ,gBAC/B,UAASD,aAAaC,QAAQ,gBAC/B,QAGPC,KAAMC,IACLhB,KAAKjC,SAAWiD,EAASlC,KAAKf,SAC9BiC,KAAKnC,QAAS,IAGfoD,MAAOC,IACNlB,KAAKnC,QAAS,MAItBsD,SAAU,GACVC,MAAO,CACL,oBAAqB,WACnBpB,KAAKnC,OAAS,KACdmC,KAAKC,iB,iCC1FX,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,kCCTf","file":"js/chunk-4bf4ad51.94dfa263.js","sourcesContent":["<template>\n  <div class=\"favorites\">\n    <div class=\"favorites__container _container\">\n      <div class=\"loader\" v-if=\"loader === null\">loading</div>\n      <h1\n        class=\"favorites__title main-title\"\n        v-if=\"loader === false && products.products !== []\"\n      >\n        {{ $t(\"searching\") }}:\n        <font color=\"#D81921\">{{ this.$route.query.text }}</font>\n      </h1>\n      <h1\n        class=\"favorites__title main-title\"\n        v-if=\"loader === false && products.products === []\"\n      >\n        {{ $t(\"notFound\") }}\n        <font color=\"#D81921\">{{ this.$route.query.text }}</font>\n      </h1>\n      <div class=\"favorites__body\">\n        <div class=\"favorites__items\">\n          <div\n            class=\"favorites__item\"\n            v-for=\"product in products.data\"\n            :key=\"product\"\n          >\n            <ProductItem :product=\"product\"></ProductItem>\n          </div>\n        </div>\n        <div\n          style=\"display: flex; justify-content: center\"\n          v-if=\"products.last_page > 1\"\n        >\n          <vue-awesome-paginate\n            :total-items=\"products.last_page * 5\"\n            :items-per-page=\"5\"\n            :max-pages-shown=\"5\"\n            v-model=\"currentPage\"\n            @click=\"onClickHandler\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ProductItem from \"@/components/ProductItem\";\nimport axios from \"axios\";\nimport \"vue-awesome-paginate/dist/style.css\";\n\nexport default {\n  components: {\n    ProductItem,\n  },\n\n  data() {\n    return {\n      loader: null,\n      products: [],\n      currentPage: 1,\n    };\n  },\n  created() {\n    this.findSearch();\n  },\n  methods: {\n    onClickHandler() {\n      document.getElementById('app').scrollIntoView({ behavior: 'smooth' });\n      this.findSearch();\n    },\n    findSearch() {\n      axios\n        .get(`/search`, {\n          params: {\n            text: this.$route.query.text,\n            page: this.currentPage,\n          },\n          headers: {\n            Authorization: localStorage.getItem(\"access_token\")\n              ? `Bearer ${localStorage.getItem(\"access_token\")}`\n              : null,\n          },\n        })\n        .then((response) => {\n          this.products = response.data.products;\n          this.loader = false;\n        })\n\n        .catch((error) => {\n          this.loader = false;\n        });\n    },\n  },\n  computed: {},\n  watch: {\n    \"$route.query.text\": function () {\n      this.loader = null;\n      this.findSearch();\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.favorites {\n  width: 100%;\n  padding: 40px 0 92px 0;\n  @media (max-width: $mobileSmall + px) {\n    padding: 32px 0 112px 0;\n  }\n\n  &__title {\n    margin: 0 0 49px 0;\n    @media (max-width: $mobileSmall + px) {\n      margin: 0 0 45px 0;\n    }\n  }\n\n  &__items {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1%;\n    row-gap: 15px;\n    margin: 0 0 40px 0;\n    @media (max-width: $mobileSmall + px) {\n      gap: 10px;\n      margin: 0 0 35px 0;\n    }\n  }\n\n  &__item {\n    align-self: normal;\n    width: 24%;\n    @media (max-width: $tablet + px) {\n      flex: 0 1 calc(33% - 11px);\n    }\n    @media (max-width: $mobile + px) {\n      flex: 0 1 calc(50% - 11px);\n    }\n    @media (max-width: $mobileSmall + px) {\n      flex: 0 1 calc(50% - 5px);\n    }\n  }\n\n  &__text {\n    margin: 0 0 20px 0;\n  }\n\n  &__btn {\n    padding: 0 22px;\n    @media (max-width: $mobileSmall + px) {\n      width: 100%;\n    }\n  }\n}\n.loader {\n  overflow: hidden;\n  font-size: 10px;\n  margin: 50px auto;\n  text-indent: -9999em;\n  width: 11em;\n  height: 11em;\n  border-radius: 50%;\n  background: #d81921;\n  background: -moz-linear-gradient(\n    left,\n    #d81921 10%,\n    rgba(101, 171, 248, 0) 42%\n  );\n  background: -webkit-linear-gradient(\n    left,\n    #d81921 10%,\n    rgba(101, 171, 248, 0) 42%\n  );\n  background: -o-linear-gradient(left, #d81921 10%, rgba(101, 171, 248, 0) 42%);\n  background: -ms-linear-gradient(\n    left,\n    #d81921 10%,\n    rgba(101, 171, 248, 0) 42%\n  );\n  background: linear-gradient(\n    to right,\n    #d81921 10%,\n    rgba(101, 171, 248, 0) 42%\n  );\n  position: relative;\n  -webkit-animation: load3 1.4s infinite linear;\n  animation: load3 1.4s infinite linear;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n.loader:before {\n  width: 50%;\n  height: 50%;\n  background: #d81921;\n  border-radius: 100% 0 0 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  content: \"\";\n}\n.loader:after {\n  background: white;\n  width: 75%;\n  height: 75%;\n  border-radius: 50%;\n  content: \"\";\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n@-webkit-keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n</style>","import { render } from \"./ResultSearch.vue?vue&type=template&id=747fc3e4\"\nimport script from \"./ResultSearch.vue?vue&type=script&lang=js\"\nexport * from \"./ResultSearch.vue?vue&type=script&lang=js\"\n\nimport \"./ResultSearch.vue?vue&type=style&index=0&id=747fc3e4&lang=scss\"\n\nimport exportComponent from \"/var/www/vivid-front/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ResultSearch.vue?vue&type=style&index=0&id=747fc3e4&lang=scss\""],"sourceRoot":""}