{"version":3,"sources":["webpack:///./src/components/theme3/ProductDetails.vue","webpack:///./src/components/theme3/ProductDetails.vue?12e3","webpack:///./src/components/theme3/ProductDetails.vue?78a0","webpack:///./src/components/theme3/helper.js"],"names":["class","href","showLoader","$store","state","domainSystemX","to","langCodeX","toTitles","getters","getWordLocale","productName","src","productImage","otherProducts","product","pi","key","changeProductView","id","handleLoad","isLoading","image","title","fullTitle","data","imageCount","countryName","companyName","productId","companyProducts","productsKeywords","components","ForieLoader","TeLoader","methods","this","length","temp","index","lastIndexBeforeTarget","forEach","ele","push","description","productLink","filter","q","companyFirst3Words","split","slice","join","window","scrollTo","setTimeout","detailsTitleX","substr","detailsDescriptionX","scrollToTop","s","replace","t","charAt","toUpperCase","toLowerCase","getCompanyProducts","companies","singleCompanyIdX","fetch","method","headers","Accept","body","JSON","stringify","count","then","res","json","catch","err","console","log","message","singleCompanyFullProductsX","buildCompanyProducts","variable","Products","parseInt","_id","Images","pImage","Image","Localizations","LangCode","Name","Description","keywords","Keywords","undefined","k","trim","mounted","singleCompanyDetailsX","Country","helper","getProductId","$route","params","__exports__","render","setOp","url","array","hideLoader","$","removeClass","parent","remove","clearHtml","html","temporalDivElement","document","createElement","innerHTML","textContent","innerText"],"mappings":"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","file":"js/chunk-5f908db0.93abfdb0.js","sourcesContent":["<template>\r\n  <ForieLoader\r\n    class=\"t3-loader\"\r\n    v-show=\"showLoader && this.$store.state.domainSystemX == 1\"\r\n  />\r\n  <TeLoader\r\n    class=\"t3-loader\"\r\n    v-show=\"showLoader && this.$store.state.domainSystemX == 2\"\r\n  />\r\n\r\n  <div class=\"container\">\r\n    <div class=\"bread-crump\">\r\n      <router-link :to=\"'/' + this.$store.state.langCodeX\">\r\n        {{ toTitles(this.$store.getters.getWordLocale(\"txt_anasayfa\")) }}\r\n      </router-link>\r\n      ▸\r\n      <router-link\r\n        :to=\"\r\n          '/' +\r\n          this.$store.state.langCodeX +\r\n          '/' +\r\n          this.$store.state.singleCompanyUrlCountryX +\r\n          '/export-products/' +\r\n          this.$store.state.singleCompanyUrlNameX\r\n        \"\r\n      >\r\n        {{ this.$store.getters.getWordLocale(\"txt_urunler\") }}\r\n      </router-link>\r\n      ▸\r\n      <a href=\"javascript:;\" class=\"bread-crumb-item active\">{{\r\n        productName\r\n      }}</a>\r\n    </div>\r\n    <div class=\"product-detail-information\">\r\n      <div class=\"product-detail-information-head\">\r\n        <h1>\r\n          {{\r\n            this.$store.getters\r\n              .getWordLocale(\"txt_urun_detay_h1\")\r\n              .replace(`{1}`, productName)\r\n              .replace(`{2}`, companyName)\r\n          }}\r\n        </h1>\r\n      </div>\r\n\r\n      <div class=\"product-detail-information-img-box\">\r\n        <img :src=\"'https://cdn.turkishexporter.com.tr' + productImage\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"detail-product-item-title-box\">\r\n      <h6>\r\n        {{ this.$store.getters.getWordLocale(\"txt_diger_urunler\") }}\r\n      </h6>\r\n    </div>\r\n    <div class=\"detail-product-list row\">\r\n      <div\r\n        class=\"col-12 col-sm-6 col-md-3\"\r\n        v-for=\"(product, pi) in otherProducts\"\r\n        :key=\"pi\"\r\n      >\r\n        <router-link\r\n          :to=\"\r\n            '/' +\r\n            this.$store.state.langCodeX +\r\n            '/' +\r\n            product.productLink +\r\n            '/' +\r\n            this.$store.state.singleCompanyUrlNameX\r\n              .split(`-`)\r\n              .slice(0, 3)\r\n              .join(`-`) +\r\n            '/' +\r\n            this.$store.state.singleCompanyUrlCountryX +\r\n            '/export-products'\r\n          \"\r\n          v-on:click=\"changeProductView(product.id)\"\r\n          class=\"detail-product-item\"\r\n        >\r\n          <img\r\n            @load=\"handleLoad\"\r\n            v-bind:class=\"{ loading: isLoading }\"\r\n            :src=\"'https://cdn.turkishexporter.com.tr' + product.image\"\r\n          />\r\n          <small :title=\"product.fullTitle\"> {{ product.title }}</small>\r\n        </router-link>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ForieLoader from \"../shared/ForieLoader.vue\";\r\nimport TeLoader from \"../shared/TeLoader.vue\";\r\n\r\nimport helper from \"./helper.js\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      imageCount: 0,\r\n      isLoading: true,\r\n      showLoader: true,\r\n      countryName: \"\",\r\n      otherProducts: [],\r\n      productImage: \"\",\r\n      productName: \"\",\r\n      companyName: \"\",\r\n      productId: 0,\r\n      companyProducts: [],\r\n      productsKeywords: [],\r\n    };\r\n  },\r\n  components: {\r\n    ForieLoader,\r\n    TeLoader,\r\n  },\r\n  methods: {\r\n    handleLoad() {\r\n      this.imageCount++;\r\n      if (this.imageCount == this.otherProducts.length) {\r\n        this.isLoading = false;\r\n      }\r\n    },\r\n    changeProductView(id) {\r\n      this.showLoader = true;\r\n      var temp = [];\r\n      var index = 1;\r\n      var lastIndexBeforeTarget = 0;\r\n      this.companyProducts.forEach((ele) => {\r\n        if (ele.id == id) {\r\n          index = 0;\r\n          this.productName = ele.fullTitle;\r\n          this.productImage = ele.image;\r\n        }\r\n\r\n        temp.push({\r\n          index: index,\r\n          id: ele.id,\r\n          image: ele.image,\r\n          title: ele.title,\r\n          fullTitle: ele.fullTitle,\r\n          description: ele.description,\r\n          productLink: ele.productLink,\r\n        });\r\n\r\n        if (index == 0) {\r\n          index = lastIndexBeforeTarget + 1;\r\n        } else {\r\n          index++;\r\n        }\r\n      });\r\n\r\n      this.otherProducts = [];\r\n      this.otherProducts = temp.filter((q) => q.id != id);\r\n\r\n      var companyFirst3Words = this.companyName\r\n        .split(\" \")\r\n        .slice(0, 3)\r\n        .join(\" \");\r\n\r\n      window.scrollTo(0, 0);\r\n      setTimeout(() => {\r\n        this.showLoader = false;\r\n        this.$store.state.detailsTitleX =\r\n          `${this.productName} ${companyFirst3Words}`.substr(0, 70);\r\n        this.$store.state.detailsDescriptionX = `${this.productName} ${this.companyName} ${this.countryName}`;\r\n      }, 250);\r\n    },\r\n    scrollToTop() {\r\n      window.scrollTo(0, 0);\r\n    },\r\n    toTitles(s) {\r\n      return s.replace(/\\w\\S*/g, function (t) {\r\n        return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();\r\n      });\r\n    },\r\n    async getCompanyProducts() {\r\n      var companies = [this.$store.state.singleCompanyIdX];\r\n      await fetch(\r\n        `https://data.mongodb-api.com/app/forienetwork_app-qolvc/endpoint/getCompanyProducts`,\r\n        {\r\n          method: \"post\",\r\n          headers: {\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\",\r\n          },\r\n          body: JSON.stringify({\r\n            companies: companies,\r\n            count: 20,\r\n          }),\r\n        }\r\n      )\r\n        .then((res) => res.json())\r\n        .then((data) => (this.companyProducts = data))\r\n        .catch((err) => console.log(err.message));\r\n\r\n      this.$store.state.singleCompanyFullProductsX = this.companyProducts;\r\n      this.buildCompanyProducts(this.companyProducts);\r\n    },\r\n    buildCompanyProducts(variable) {\r\n      var temp = [];\r\n      if (variable.length > 0) {\r\n        variable = variable[0].Products;\r\n\r\n        variable.forEach((product) => {\r\n          var productId = parseInt(product._id);\r\n\r\n          if (product.Images.length > 0) {\r\n            product.Images.forEach((pImage) => {\r\n              var image = pImage.Image;\r\n              var id = parseInt(pImage._id);\r\n              var title =\r\n                product.Localizations.length == 0\r\n                  ? \"\"\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    ).length > 0\r\n                  ? product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    )[0].Name\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode != this.$store.state.langCodeX\r\n                    )[0].Name;\r\n\r\n              var fullTitle = title;\r\n              title = title.length > 15 ? `${title.substr(0, 15)}...` : title;\r\n\r\n              var description =\r\n                product.Localizations.length == 0\r\n                  ? \"\"\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    ).length > 0\r\n                  ? product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    )[0].Description\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode != this.$store.state.langCodeX\r\n                    )[0].Description;\r\n\r\n              var keywords =\r\n                product.Localizations.length == 0\r\n                  ? \"\"\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    ).length > 0\r\n                  ? product.Localizations.filter(\r\n                      (q) => q.LangCode == this.$store.state.langCodeX\r\n                    )[0].Keywords\r\n                  : product.Localizations.filter(\r\n                      (q) => q.LangCode != this.$store.state.langCodeX\r\n                    )[0].Keywords;\r\n\r\n              if (keywords != \"\" && keywords != undefined) {\r\n                keywords.split(\",\").forEach((k) => {\r\n                  this.productsKeywords.push(k);\r\n                });\r\n              }\r\n\r\n              var productLink = `${fullTitle\r\n                .toLowerCase()\r\n                .trim()\r\n                .split(\" \")\r\n                .join(\"-\")}-${id}`;\r\n\r\n              productLink = productLink.replace(/[^a-zA-Z0-9,-]/g, \"\");\r\n              productLink = productLink.replace(/---/g, \"-\");\r\n              productLink = productLink.replace(/--/g, \"-\");\r\n\r\n              temp.push({\r\n                productId: productId,\r\n                id: id,\r\n                image: image,\r\n                title: title,\r\n                fullTitle: fullTitle,\r\n                description: description,\r\n                productLink: productLink,\r\n              });\r\n            });\r\n          }\r\n        });\r\n\r\n        this.companyProducts = [];\r\n        this.companyProducts = temp;\r\n\r\n        this.productName = this.companyProducts.filter(\r\n          (q) => q.id == this.productId || q.productId == this.productId\r\n        )[0].fullTitle;\r\n\r\n        this.productImage = this.companyProducts.filter(\r\n          (q) => q.id == this.productId || q.productId == this.productId\r\n        )[0].image;\r\n\r\n        this.otherProducts = this.companyProducts.filter(\r\n          (q) => q.id != this.productId || q.productId == this.productId\r\n        );\r\n\r\n        var companyFirst3Words = this.companyName\r\n          .split(\" \")\r\n          .slice(0, 3)\r\n          .join(\" \");\r\n\r\n        this.$store.state.detailsTitleX =\r\n          `${this.productName} ${companyFirst3Words}`.substr(0, 70);\r\n        this.$store.state.detailsDescriptionX = `${this.productName} ${this.companyName} ${this.countryName}`;\r\n      }\r\n\r\n      this.showLoader = false;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.showLoader = true;\r\n\r\n    this.scrollToTop();\r\n    this.companyName =\r\n      this.$store.state.singleCompanyDetailsX.Localizations.filter(\r\n        (q) => q.LangCode == this.$store.state.langCodeX\r\n      ).length > 0\r\n        ? this.$store.state.singleCompanyDetailsX.Localizations.filter(\r\n            (q) => q.LangCode == this.$store.state.langCodeX\r\n          )[0].Name\r\n        : this.$store.state.singleCompanyDetailsX.Localizations.filter(\r\n            (q) => q.LangCode != this.$store.state.langCodeX\r\n          )[0].Name;\r\n\r\n    this.countryName =\r\n      this.$store.state.singleCompanyDetailsX.Country.filter(\r\n        (q) => q.LangCode == this.$store.state.langCodeX\r\n      ).length > 0\r\n        ? this.$store.state.singleCompanyDetailsX.Country.filter(\r\n            (q) => q.LangCode == this.$store.state.langCodeX\r\n          )[0].Name\r\n        : this.$store.state.singleCompanyDetailsX.Country.filter(\r\n            (q) => q.LangCode != this.$store.state.langCodeX\r\n          )[0].Name;\r\n\r\n    this.productId = helper.getProductId(this.$route.params.id);\r\n\r\n    if (this.$store.state.singleCompanyFullProductsX.length == 0) {\r\n      this.getCompanyProducts();\r\n    } else {\r\n      this.buildCompanyProducts(this.$store.state.singleCompanyFullProductsX);\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.detail-content-box {\r\n  margin-top: 0px;\r\n  margin-top: 24px;\r\n}\r\n\r\nhr {\r\n  margin: 50px 0;\r\n  color: inherit;\r\n  background-color: var(--m3--sys--light--outline);\r\n  border: 0;\r\n  opacity: 1;\r\n}\r\n\r\n.product-detail-information-img-box img {\r\n  width: 100%;\r\n  height: auto;\r\n  max-height: 500px;\r\n}\r\n\r\n.detail-product-list .detail-product-item small {\r\n  display: flex;\r\n  white-space: pre;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  margin-top: 16px;\r\n  margin-left: 16px;\r\n  margin-bottom: 16px;\r\n  color: var(--m3--sys--light--on-surface);\r\n}\r\n\r\n.loading {\r\n  background-image: url(https://www.forie.com/img/b-lazy-loading.gif);\r\n  background-repeat: no-repeat;\r\n  background-position: 50%;\r\n  height: 260px;\r\n  background-size: 200%;\r\n  z-index: 999999 !important;\r\n}\r\n</style>\r\n","import { render } from \"./ProductDetails.vue?vue&type=template&id=64f40d47&scoped=true\"\nimport script from \"./ProductDetails.vue?vue&type=script&lang=js\"\nexport * from \"./ProductDetails.vue?vue&type=script&lang=js\"\n\nimport \"./ProductDetails.vue?vue&type=style&index=0&id=64f40d47&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\VUE\\\\ForieSubNetwork\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-64f40d47\"]])\n\nexport default __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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ProductDetails.vue?vue&type=style&index=0&id=64f40d47&scoped=true&lang=css\"","import $ from 'jquery'\r\n\r\nvar setOp = {\r\n    getProductId(url) {\r\n        var array = url.split(`-`);\r\n        return array[array.length - 1];\r\n    },\r\n    toTitles(s) {\r\n        return s.replace(/\\w\\S*/g, function (t) {\r\n            return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();\r\n        });\r\n    },\r\n    hideLoader() {\r\n        $(`body`).removeClass(`vld-shown`);\r\n        $(`.vld-overlay`).parent().remove();\r\n    },\r\n    clearHtml(html) {\r\n        var temporalDivElement = document.createElement(\"div\");\r\n        // Set the HTML content with the providen\r\n        temporalDivElement.innerHTML = html;\r\n        // Retrieve the text property of the element (cross-browser support)\r\n        return temporalDivElement.textContent /*.replace(\"<script\", \"[script\")*/ || temporalDivElement.innerText/*.replace(\"<script\", \"[script\")*/ || \"\";\r\n    }\r\n}\r\n\r\nexport default setOp"],"sourceRoot":""}