{"version":3,"sources":["webpack:///./src/components/theme5/ProductDetails.vue?7a6f","webpack:///./src/assets/img/subpage-banner.jpg","webpack:///./src/components/theme5/helper.js","webpack:///./src/components/theme5/components/SubPageBanner.vue","webpack:///./src/components/theme5/components/SubPageBanner.vue?f1d4","webpack:///./src/components/theme5/ProductDetails.vue","webpack:///./src/components/theme5/ProductDetails.vue?77bc"],"names":["module","exports","setOp","getProductId","url","array","split","length","toTitles","s","replace","t","charAt","toUpperCase","substr","toLowerCase","hideLoader","$","removeClass","parent","remove","setCookie","name","value","days","expires","date","Date","setTime","getTime","toUTCString","document","cookie","getCookie","nameEQ","ca","i","c","substring","indexOf","recreateFooterText","companyName","link","phone","href","footerText1","text","finalText1","html","footerText2","finalText2","clearHtml","temporalDivElement","createElement","innerHTML","textContent","innerText","class","$store","getters","getWordLocale","pageTitle","style","props","methods","mounted","__exports__","render","showLoader","state","domainSystemX","src","productImage","otherProducts","product","pi","key","to","changeProductView","id","handleLoad","isLoading","image","title","fullTitle","computed","singleCompanyProductIdX","watch","newVal","this","components","ForieLoader","TeLoader","subPageBanner","data","imageCount","countryName","productName","productId","companyProducts","productsKeywords","temp","index","lastIndexBeforeTarget","forEach","ele","push","description","productLink","filter","q","companyFirst3Words","slice","join","window","scrollTo","setTimeout","detailsTitleX","detailsDescriptionX","scrollToTop","getCompanyProducts","companies","singleCompanyIdX","fetch","method","headers","Accept","body","JSON","stringify","count","then","res","json","catch","err","console","log","message","singleCompanyFullProductsX","buildCompanyProducts","variable","Products","Images","parseInt","_id","pImage","Image","Localizations","LangCode","langCodeX","Name","Description","keywords","Keywords","undefined","k","trim","singleCompanyDetailsX","Country","helper","$route","params"],"mappings":"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","file":"js/chunk-6fa0aac6.54df0670.js","sourcesContent":["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=78fe7d3c&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/subpage-banner.6df1cba2.jpg\";","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    setCookie(name, value, days) {\r\n        var expires = \"\";\r\n        if (days) {\r\n            var date = new Date();\r\n            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n            expires = \"; expires=\" + date.toUTCString();\r\n        }\r\n        document.cookie = name + \"=\" + (value || \"\") + expires + \"; path=/\";\r\n    },\r\n    getCookie(name) {\r\n        var nameEQ = name + \"=\";\r\n        var ca = document.cookie.split(';');\r\n        for (var i = 0; i < ca.length; i++) {\r\n            var c = ca[i];\r\n            while (c.charAt(0) == ' ') c = c.substring(1, c.length);\r\n            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\r\n        }\r\n        return null;\r\n    }, \r\n    recreateFooterText(companyName, link, phone){      \r\n        var href = `<a target='_blank' href='${link}'>${companyName}</a>`;           \r\n\r\n        var footerText1 = $(`#footer-1`).text();        \r\n        var finalText1 = footerText1.replace(\"{link}\", href);\r\n        $(`#footer-1`).html(finalText1)\r\n\r\n        var footerText2 = $(`#footer-2`).text();            \r\n        var finalText2 = footerText2.replace(\"{link}\", href).replace(\"{phone}\", phone);\r\n        $(`#footer-2`).html(finalText2)\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","<template>\r\n    <div class=\"container-fuild subpage-title-area\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12 p-0 d-flex align-items-end overflow-hidden row m-0\">\r\n          <div class=\"col-12 col-sm-12 col-sm-6 col-lg-5  subpage-title p-0\">\r\n            <section>\r\n              <h1>{{this.$store.getters.getWordLocale(pageTitle)}}</h1>\r\n            </section>\r\n          </div>\r\n          <div class=\"col-12 col-sm-12 col-sm-6 col-lg-7  subpage-banner\" :style=\"{\r\n            'background-image':\r\n              'url(' + require('/src/assets/img/subpage-banner.jpg') + ')',\r\n          }\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n  props: [\"pageTitle\"],  \r\n  methods: {\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  },\r\n  mounted() {},\r\n};\r\n</script>\r\n","import { render } from \"./SubPageBanner.vue?vue&type=template&id=a62da914\"\nimport script from \"./SubPageBanner.vue?vue&type=script&lang=js\"\nexport * from \"./SubPageBanner.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__","<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  <subPageBanner pageTitle=\"txt_urunler\" />\r\n\r\n  <div class=\"container-fuild\">\r\n    <div class=\"container\">\r\n      <div class=\"row product-list\">\r\n        <h1 class=\"mb-5 mt-5\">\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 class=\"col-12\">\r\n          <img :src=\"'https://cdn.turkishexporter.com.tr' + productImage\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"container-fuild mt-5\">\r\n    <div class=\"container\">\r\n      <div class=\"row product-list\">\r\n        <div class=\"detail-product-item-title-box\">\r\n          <h6>{{ this.$store.getters.getWordLocale(\"txt_diger_urunler\") }}</h6>\r\n        </div>\r\n        <div\r\n          class=\"col-6 col-sm-6 col-md-4 col-lg-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 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  </div>\r\n</template>\r\n\r\n<script>\r\nimport subPageBanner from \"./components/SubPageBanner.vue\";\r\nimport ForieLoader from \"../shared/ForieLoader.vue\";\r\nimport TeLoader from \"../shared/TeLoader.vue\";\r\nimport { mapState } from \"vuex\";\r\n\r\nimport helper from \"./helper.js\";\r\nexport default {\r\n  computed: mapState({\r\n    singleCompanyProductIdX: (state) => state.singleCompanyProductIdX,\r\n  }),\r\n  watch: {\r\n    singleCompanyProductIdX(newVal) {\r\n      if (newVal > 0) {\r\n        this.changeProductView(this.$store.state.singleCompanyProductIdX);\r\n        this.$store.state.singleCompanyProductIdX = 0;\r\n      }\r\n    },\r\n  },\r\n  components: {\r\n    ForieLoader,\r\n    TeLoader,\r\n    subPageBanner,\r\n  },\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  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          if (product.Images.length > 0) {\r\n            var productId = parseInt(product._id);\r\n            \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    if (this.$store.state.singleCompanyProductIdX > 0) {\r\n      this.changeProductView(this.$store.state.singleCompanyProductIdX);\r\n      this.$store.state.singleCompanyProductIdX = 0;\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.detail-product-item-title-box {\r\n  margin-top: 24px;\r\n  margin-bottom: 24px;\r\n}\r\n.detail-product-item-title-box > h6 {\r\n  font-family: DM Sans;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: var(--m3--sys--light--on-surface);\r\n  margin: 0;\r\n}\r\n.product-list > h1 {\r\n  font-family: DM Sans;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 22px;\r\n  line-height: 28px;\r\n  font-feature-settings: \"liga\" off;\r\n  color: var(--m3--sys--light--on-surface);\r\n  margin: 0;\r\n}\r\n.product-list > div > img {\r\n  height: auto;\r\n  display: flex;\r\n  margin: 0 auto;\r\n  max-height: 500px;\r\n}\r\n.page-laoder {\r\n  position: fixed !important;\r\n  background-color: transparent !important;\r\n  top: 50%;\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  background-size: 200%;\r\n   height: 260px;\r\n  z-index: 999999 !important;\r\n}\r\n</style>\r\n","import { render } from \"./ProductDetails.vue?vue&type=template&id=78fe7d3c&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=78fe7d3c&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-78fe7d3c\"]])\n\nexport default __exports__"],"sourceRoot":""}