{"version":3,"file":"AboutInstanceView-CSgu6yC2.js","sources":["../../../src/components/About/InstanceContactLink.vue","../../../src/views/About/AboutInstanceView.vue"],"sourcesContent":["<template>\n  <p>\n    <a dir=\"auto\" :title=\"contact\" v-if=\"configLink\" :href=\"configLink.uri\">{{\n      configLink.text\n    }}</a>\n    <span dir=\"auto\" v-else-if=\"contact\">{{ contact }}</span>\n    <span v-else>{{ t(\"contact uninformed\") }}</span>\n  </p>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\nconst props = defineProps<{\n  contact?: string;\n}>();\n\nconst { t } = useI18n({ useScope: \"global\" });\n\nconst configLink = computed((): { uri: string; text: string } | null => {\n  if (!props.contact) return null;\n  if (isContactEmail.value) {\n    return {\n      uri: `mailto:${props.contact}`,\n      text: props.contact,\n    };\n  }\n  if (isContactURL.value) {\n    return {\n      uri: props.contact,\n      text: urlToHostname(props.contact) ?? \"Contact\",\n    };\n  }\n  return null;\n});\n\nconst isContactEmail = computed((): boolean => {\n  return (props.contact ?? \"\").includes(\"@\");\n});\n\nconst isContactURL = computed((): boolean => {\n  return (props.contact ?? \"\").match(/^https?:\\/\\//g) !== null;\n});\n\nconst urlToHostname = (url: string): string | null => {\n  try {\n    return new URL(url).hostname;\n  } catch (e) {\n    return null;\n  }\n};\n</script>\n","<template>\n  <div v-if=\"config\">\n    <section class=\"p-6 bg-primary text-white\">\n      <h1 dir=\"auto\">{{ config.name }}</h1>\n      <p dir=\"auto\">{{ config.description }}</p>\n    </section>\n    <section\n      class=\"px-2 flex flex-wrap gap-2 contact-statistics\"\n      v-if=\"statistics\"\n    >\n      <div class=\"statistics flex-1 min-w-[20rem]\">\n        <i18n-t tag=\"p\" keypath=\"Home to {number} users\">\n          <template #number>\n            <strong>{{ statistics.numberOfUsers }}</strong>\n          </template>\n        </i18n-t>\n        <i18n-t tag=\"p\" keypath=\"and {number} groups\">\n          <template #number>\n            <strong>{{ statistics.numberOfLocalGroups }}</strong>\n          </template>\n        </i18n-t>\n        <i18n-t tag=\"p\" keypath=\"Who published {number} events\">\n          <template #number>\n            <strong>{{ statistics.numberOfLocalEvents }}</strong>\n          </template>\n        </i18n-t>\n        <i18n-t tag=\"p\" keypath=\"And {number} comments\">\n          <template #number>\n            <strong>{{ statistics.numberOfLocalComments }}</strong>\n          </template>\n        </i18n-t>\n      </div>\n      <div class=\"\">\n        <p class=\"font-bold\">{{ t(\"Contact\") }}</p>\n        <instance-contact-link\n          v-if=\"config && config.contact\"\n          :contact=\"config.contact\"\n        />\n        <p v-else>{{ t(\"No information\") }}</p>\n      </div>\n    </section>\n    <hr role=\"presentation\" v-if=\"config.longDescription\" />\n    <section class=\"long-description content\">\n      <div v-html=\"config.longDescription\" />\n    </section>\n    <hr role=\"presentation\" />\n    <section class=\"px-3\">\n      <h2 class=\"text-xl\">{{ t(\"Instance configuration\") }}</h2>\n      <table class=\"border-collapse table-auto w-full\">\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Instance languages\") }}</td>\n          <td\n            v-if=\"config.languages.length > 0\"\n            :title=\"config.languages.join(', ') ?? ''\"\n          >\n            {{ formattedLanguageList }}\n          </td>\n          <td v-else>{{ t(\"No information\") }}</td>\n        </tr>\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Mobilizon version\") }}</td>\n          <td>{{ config.version }}</td>\n        </tr>\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Registrations\") }}</td>\n          <td v-if=\"config.registrationsOpen && config.registrationsAllowlist\">\n            {{ t(\"Restricted\") }}\n          </td>\n          <td v-if=\"config.registrationsOpen && !config.registrationsAllowlist\">\n            {{ t(\"Open\") }}\n          </td>\n          <td v-else>{{ t(\"Closed\") }}</td>\n        </tr>\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Federation\") }}</td>\n          <td v-if=\"config.federating\">{{ t(\"Enabled\") }}</td>\n          <td v-else>{{ t(\"Disabled\") }}</td>\n        </tr>\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Anonymous participations\") }}</td>\n          <td v-if=\"config.anonymous.participation.allowed\">\n            {{ t(\"If allowed by organizer\") }}\n          </td>\n          <td v-else>{{ t(\"Disabled\") }}</td>\n        </tr>\n        <tr class=\"bg-white border-b dark:bg-gray-800 dark:border-gray-700\">\n          <td>{{ t(\"Instance feeds\") }}</td>\n          <td v-if=\"config.instanceFeeds.enabled\" class=\"flex gap-2\">\n            <o-button\n              tag=\"a\"\n              size=\"small\"\n              icon-left=\"rss\"\n              href=\"/feed/instance/atom\"\n              target=\"_blank\"\n              >{{ t(\"RSS/Atom Feed\") }}</o-button\n            >\n\n            <o-button\n              tag=\"a\"\n              size=\"small\"\n              icon-left=\"calendar-sync\"\n              href=\"/feed/instance/ics\"\n              target=\"_blank\"\n              >{{ t(\"ICS/WebCal Feed\") }}</o-button\n            >\n          </td>\n          <td v-else>{{ t(\"Disabled\") }}</td>\n        </tr>\n      </table>\n    </section>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { formatList } from \"@/utils/i18n\";\nimport InstanceContactLink from \"@/components/About/InstanceContactLink.vue\";\nimport { LANGUAGES_CODES } from \"@/graphql/admin\";\nimport { ILanguage } from \"@/types/admin.model\";\nimport { ABOUT } from \"../../graphql/config\";\nimport { STATISTICS } from \"../../graphql/statistics\";\nimport { IConfig } from \"../../types/config.model\";\nimport { IStatistics } from \"../../types/statistics.model\";\nimport { useQuery } from \"@vue/apollo-composable\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useHead } from \"@unhead/vue\";\n\nconst { result: configResult } = useQuery<{ config: IConfig }>(ABOUT);\n\nconst config = computed(() => configResult.value?.config);\n\nconst { result: statisticsResult } = useQuery<{ statistics: IStatistics }>(\n  STATISTICS\n);\n\nconst statistics = computed(() => statisticsResult.value?.statistics);\n\nconst { result: languagesResult } = useQuery<{ languages: ILanguage[] }>(\n  LANGUAGES_CODES,\n  () => ({\n    codes: config.value?.languages,\n  }),\n  () => ({\n    enabled: config.value?.languages !== undefined,\n  })\n);\n\nconst languages = computed(() => languagesResult.value?.languages);\n\nconst formattedLanguageList = computed((): string => {\n  if (languages.value) {\n    const list = languages.value?.map(({ name }) => name) ?? [];\n    return formatList(list);\n  }\n  return \"\";\n});\n\nconst { t } = useI18n({ useScope: \"global\" });\n\nuseHead({\n  title: t(\"About {instance}\", { instance: config.value?.name }),\n});\n</script>\n\n<style lang=\"scss\" scoped>\nsection {\n  &:not(:first-child) {\n    margin: 2rem auto;\n  }\n\n  &.hero {\n    h1.title {\n      margin: auto;\n    }\n  }\n\n  &.contact-statistics {\n    margin: 2px auto;\n    .statistics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 150px);\n      gap: 2rem 0;\n      p {\n        text-align: right;\n        padding: 0 15px;\n\n        & > * {\n          display: block;\n        }\n\n        strong {\n          font-weight: 500;\n          font-size: 32px;\n          line-height: 48px;\n        }\n      }\n    }\n  }\n  tr.instance-feeds {\n    height: 3rem;\n    td:first-child {\n      vertical-align: middle;\n    }\n    td:last-child {\n      height: 3rem;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","t","useI18n","configLink","computed","isContactEmail","isContactURL","urlToHostname","url","configResult","useQuery","ABOUT","config","_a","statisticsResult","STATISTICS","statistics","languagesResult","LANGUAGES_CODES","languages","formattedLanguageList","list","name","formatList","useHead"],"mappings":"mVAaA,MAAMA,EAAQC,EAIR,CAAE,EAAAC,CAAE,EAAIC,EAAQ,CAAE,SAAU,SAAU,EAEtCC,EAAaC,EAAS,IACrBL,EAAM,QACPM,EAAe,MACV,CACL,IAAK,UAAUN,EAAM,OAAO,GAC5B,KAAMA,EAAM,OAAA,EAGZO,EAAa,MACR,CACL,IAAKP,EAAM,QACX,KAAMQ,EAAcR,EAAM,OAAO,GAAK,SAAA,EAGnC,KAboB,IAc5B,EAEKM,EAAiBD,EAAS,KACtBL,EAAM,SAAW,IAAI,SAAS,GAAG,CAC1C,EAEKO,EAAeF,EAAS,KACpBL,EAAM,SAAW,IAAI,MAAM,eAAe,IAAM,IACzD,EAEKQ,EAAiBC,GAA+B,CAChD,GAAA,CACK,OAAA,IAAI,IAAIA,CAAG,EAAE,cACV,CACH,OAAA,IACT,CAAA,myCC8EF,KAAM,CAAE,OAAQC,CAAa,EAAIC,EAA8BC,CAAK,EAE9DC,EAASR,EAAS,IAAA,OAAM,OAAAS,EAAAJ,EAAa,QAAb,YAAAI,EAAoB,OAAM,EAElD,CAAE,OAAQC,CAAA,EAAqBJ,EACnCK,CAAA,EAGIC,EAAaZ,EAAS,IAAA,OAAM,OAAAS,EAAAC,EAAiB,QAAjB,YAAAD,EAAwB,WAAU,EAE9D,CAAE,OAAQI,CAAA,EAAoBP,EAClCQ,EACA,IAAO,OAAA,OACL,OAAOL,EAAAD,EAAO,QAAP,YAAAC,EAAc,SAAA,GAEvB,IAAO,OAAA,OACL,UAASA,EAAAD,EAAO,QAAP,YAAAC,EAAc,aAAc,MAAA,EACvC,EAGIM,EAAYf,EAAS,IAAA,OAAM,OAAAS,EAAAI,EAAgB,QAAhB,YAAAJ,EAAuB,UAAS,EAE3DO,EAAwBhB,EAAS,IAAc,OACnD,GAAIe,EAAU,MAAO,CACb,MAAAE,IAAOR,EAAAM,EAAU,QAAV,YAAAN,EAAiB,IAAI,CAAC,CAAE,KAAAS,CAAK,IAAMA,KAAS,GACzD,OAAOC,EAAWF,CAAI,CACxB,CACO,MAAA,EAAA,CACR,EAEK,CAAE,EAAApB,CAAE,EAAIC,EAAQ,CAAE,SAAU,SAAU,EAEpC,OAAAsB,EAAA,CACN,MAAOvB,EAAE,mBAAoB,CAAE,UAAUY,EAAAD,EAAO,QAAP,YAAAC,EAAc,KAAM,CAAA,CAC9D"}