{"version":3,"file":"BvO7_Cno.js","sources":["../../../../pages/dominternet/providers/index.vue"],"sourcesContent":["<template>\n  <article class=\"allproviders container\">\n    <h1 class=\"allproviders__title\">\n      Провайдеры интернета в России\n    </h1>\n    <div class=\"fsearch allproviders__search\">\n      <input\n        :value=\"search\"\n        type=\"text\"\n        placeholder=\"Поиск по названию\"\n        autocomplete=\"honorific-suffix\"\n        autocorrect=\"off\"\n        autocapitalize=\"off\"\n        spellcheck=\"false\"\n        @input=\"inputSearch\"\n        @keyDown=\"keyDown\"\n      >\n    </div>\n\n    <ul class=\"allproviders__wrap d-flex flex-wrap\">\n      <li\n        v-for=\"provider in providersArr\"\n        :key=\"provider.id\"\n        class=\"allproviders__provider d-flex flex-column\"\n        data-test=\"provider-card-all\"\n      >\n        <a\n          class=\"flex-grow d-flex flex-column\"\n          :href=\"`/providers/${provider.slug}/`\"\n          target=\"_blank\"\n        >\n          <img\n            v-if=\"provider.logoT && provider.logoT?.url\"\n            loading=\"lazy\"\n            :src=\"/.*\\.svg/.test(provider?.logoT?.unoptimized)\n              ? provider?.logoT?.unoptimized\n              : provider?.logoT?.url\"\n            :alt=\"provider.slug\"\n          >\n          <span class=\"black--text\">{{ provider.name }}</span>\n        </a>\n      </li>\n      <li class=\"allproviders__provider-fake\" />\n      <li class=\"allproviders__provider-fake\" />\n      <li class=\"allproviders__provider-fake\" />\n      <li class=\"allproviders__provider-fake\" />\n      <li class=\"allproviders__provider-fake\" />\n    </ul>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { timeArray, timeEnter } from '~/api/openapi/common'\nimport { useMainStore } from '~/store/main/main.store'\nimport { useTariffs } from '~/store/tariffs/tariffs.store'\nimport { textAggReplace } from '~/helpers'\nimport getTextAsync from '~/composible/getPageText'\n\nconst ctx = useNuxtApp()\nconst mainStore = useMainStore()\nconst tariffsStore = useTariffs()\nconst getCommonHeaders = computed(() => mainStore.getCommonHeaders)\nconst getAddressText = computed(() => tariffsStore.getAddressText)\nconst search = ref('')\nconst providersArr = computed(() => {\n  if (!data.value?.providers) return []\n  else if (search.value) {\n    return data.value.providers.filter(\n      (el: any) =>\n        el.name.toLowerCase().includes(search.value.toLowerCase())\n        || el.slug.toLowerCase().includes(search.value.toLowerCase()),\n    )\n  }\n  else return data.value.providers\n})\n\nconst inputSearch = (event) => {\n  event.target.composing = false\n  search.value = event.target.value\n}\nconst keyDown = (e: any) => {\n  if (e.keyCode === 13) e.preventDefault()\n}\n\nconst fetchAllProviders = async () => {\n  const client = ctx._apolloClients.default\n\n  const res = await client.query({\n    query: gql`\n      query getAllProviders($getProvidersInput2: ProvidersInput) {\n        core {\n          getProviders(input: $getProvidersInput2) {\n            data {\n              id\n              slug\n              name\n              logoT {\n                url(options: { width: 200, halign: \"left\" })\n              unoptimized\n              }\n            }\n          }\n        }\n      }\n    `,\n    variables: {\n      getProvidersInput2: {\n        withTarifflessAddresses: true,\n        pageSize: 500,\n      },\n    },\n    context: {\n      headers: getCommonHeaders.value,\n    },\n    fetchPolicy: 'no-cache',\n  })\n\n  return res.data.core.getProviders.data\n}\nconst textAsync = computed(() => data.value?.textAsync)\n\nconst { data } = await useAsyncData('allProviders', async () => {\n  let textAsync\n  let providers\n\n  const textAsyncFetch = async () => {\n    try {\n      textAsync = await getTextAsync({ url: '/providers/' })\n    }\n    catch (e: any) {\n    }\n    finally {\n      //\n    }\n  }\n  const fecthProviders = async () => {\n    providers = await fetchAllProviders()\n  }\n\n  await Promise.all([fecthProviders(), textAsyncFetch()])\n\n  return { providers, textAsync }\n}, {\n  transform(input) {\n    return {\n      ...input,\n      fetchedAt: new Date(),\n    }\n  },\n  getCachedData(key) {\n    const data = ctx.payload.data[key] || ctx.static.data[key]\n    if (!data) {\n      return\n    }\n\n    const expirationDate = new Date(data.fetchedAt)\n    expirationDate.setTime(expirationDate.getTime() + 7 * 60 * 60 * 1000)\n    const isExpired = expirationDate.getTime() < Date.now()\n\n    if (isExpired) {\n      return\n    }\n    return data\n  },\n})\n\nuseHead(() => ({\n  title: () =>\n    textAsync.value?.title\n      ? textAggReplace(\n        textAsync.value.title,\n        getAddressText.value,\n      )\n      : '',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: () =>\n        textAsync.value?.description\n          ? textAggReplace(\n            textAsync.value.description,\n            getAddressText.value,\n          )\n          : '',\n    },\n    {\n      hid: 'og:title',\n      property: 'og:title',\n      content: () => `Провайдеры интернета в России`,\n    },\n    {\n      hid: 'og:image',\n      property: 'og:image',\n      content: 'https://dominternet.ru/android-icon-192x192.png',\n    },\n    {\n      hid: 'og:description',\n      property: 'og:description',\n      content: () =>\n        textAggReplace(textAsync.value?.description, getAddressText.value),\n    },\n    {\n      name: textAsync.value?.index ? '' : 'robots',\n      content: textAsync.value?.index ? '' : 'noindex,nofollow',\n    },\n  ],\n}))\n</script>\n\n<style scoped lang=\"scss\">\n.allproviders {\n  padding-top: 32px;\n  padding-bottom: 32px;\n\n  &__title {\n    margin-bottom: 16px;\n    font-size: fontSize(headline-4);\n    line-height: 1.4;\n  }\n\n  &__search {\n    margin-bottom: 24px;\n  }\n\n  &__wrap {\n    margin-right: -8px;\n  }\n\n  &__provider {\n    flex: 1 1 235px;\n    margin-right: 8px;\n    margin-bottom: 8px;\n    border: 1px solid color(gray-darker);\n    border-radius: 16px;\n    a {\n      padding: 16px;\n    }\n    img {\n      height: 30px;\n      max-width: 120px;\n      object-fit: contain;\n      object-position: left;\n      margin-bottom: 8px;\n    }\n    &-fake {\n      flex: 1 1 235px;\n      max-height: 0;\n      margin-right: 8px;\n    }\n  }\n}\n</style>\n"],"names":["ctx","useNuxtApp","mainStore","useMainStore","tariffsStore","useTariffs","getCommonHeaders","computed","getAddressText","search","ref","providersArr","_a","data","el","inputSearch","event","keyDown","e","fetchAllProviders","gql","textAsync","__temp","__restore","_withAsyncContext","useAsyncData","providers","textAsyncFetch","getTextAsync","fecthProviders","input","key","expirationDate","useHead","textAggReplace","_b"],"mappings":"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"}