{"version":3,"file":"DkUSvvmu.js","sources":["../../../../pages/team.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNuxtApp, useAsyncData } from 'nuxt/app';\n\nimport useConfig from '../composables/useConfig.ts';\nimport useSimpleHead from '../composables/useSimpleHead.ts';\nimport useSpelling from '../composables/useSpelling.ts';\n\nimport { getUrlForLocale } from '~/src/domain.ts';\nimport { random } from '~/src/helpers.ts';\n\ninterface Admin {\n    username: string;\n    teamName: string;\n    locale: string;\n    credentials: string[] | null;\n    credentialsLevel: number | null;\n    credentialsName: string | null;\n}\n\ndefinePageMeta({\n    translatedPaths: (config) => {\n        if (!config.contact.enabled) {\n            return [];\n        }\n        return translatedPathByConfigModule(config.contact.team);\n    },\n});\n\nconst { $translator: translator } = useNuxtApp();\nconst config = useConfig();\n\nuseSimpleHead({\n    title: translator.translate('contact.team.name'),\n    description: translator.translate('contact.team.description'),\n}, translator);\nconst { convertName } = useSpelling();\n\nconst teamAsyncData = useAsyncData(async () => {\n    const membersByLocaleRaw = await $fetch<Record<string, Admin[]>>('/api/admin/list');\n    const membersByLocale: Record<string, Admin[]> = Object.fromEntries(Object.entries(membersByLocaleRaw).filter(([_, members]) => {\n        return members.length > 0;\n    }));\n\n    const credentials = (membersByLocale[config.locale] ?? [])\n        .filter((member) => member.credentials !== null)\n        .toSorted((a, b) => {\n            if (a.credentialsLevel! > b.credentialsLevel!) {\n                return -1;\n            }\n            if (a.credentialsLevel! < b.credentialsLevel!) {\n                return 1;\n            }\n\n            return random() > 0.5 ? 1 : -1;\n        });\n\n    return { membersByLocale, credentials };\n}, {\n    lazy: true,\n});\n\nconst membersByLocale = computed(() => teamAsyncData.data.value?.membersByLocale);\nconst credentials = computed(() => teamAsyncData.data.value?.credentials);\n</script>\n\n<template>\n    <Page>\n        <CommunityNav />\n\n        <h2>\n            <Icon v=\"collective-logo.svg\" class=\"invertible\" />\n            <T>contact.team.name</T>\n        </h2>\n\n        <figure class=\"float-end border rounded m-3\">\n            <img :src=\"`/img/${config.locale}/logo/logo-full-path.svg`\" alt=\"\" class=\"invertible\">\n            <hr>\n            <figcaption>\n                <p><T>contact.team.logo</T></p>\n                <p class=\"text-center bigger mb-0\">\n                    <Icon v=\"transgender-alt\" />\n                    +\n                    <Icon v=\"comment\" />\n                    =\n                    <Icon v=\"collective-logo.svg\" class=\"invertible\" />\n                </p>\n                <nuxt-link to=\"/design\" class=\"mt-3 btn btn-outline-primary btn-sm w-100\">\n                    <Icon v=\"cloud-download\" />\n                    <T>crud.download</T>\n                </nuxt-link>\n            </figcaption>\n        </figure>\n\n        <section>\n            <p><T>contact.team.description</T></p>\n            <ul v-if=\"$te('contact.team.extra')\">\n                <li v-for=\"item in $t('contact.team.extra')\">\n                    <LinkedText :text=\"item\" />\n                </li>\n            </ul>\n        </section>\n\n        <Mission />\n\n        <section v-if=\"$te('contact.team.credentials')\">\n            <h3>\n                <Icon v=\"graduation-cap\" />\n                <T>contact.team.credentials.header</T>\n            </h3>\n\n            <T>contact.team.credentials.description</T>\n\n            <ul>\n                <li v-for=\"credential in credentials\" :key=\"credential.username\">\n                    <Spelling :text=\"convertName(credential.credentialsName || credential.teamName)\" />\n                    <a :href=\"`${getUrlForLocale('_')}/@${credential.username}`\" class=\"badge bg-light text-dark border\">\n                        @{{ credential.username }}\n                    </a>\n                    <ul>\n                        <li v-for=\"item in credential.credentials\" :key=\"item\">\n                            <ProfileLink v-if=\"item.startsWith('https://') || item.startsWith('http://')\" :link=\"item\" />\n                            <LinkedText v-else :text=\"item\" />\n                        </li>\n                    </ul>\n                </li>\n            </ul>\n        </section>\n\n        <section>\n            <Contribute id=\"contribute\" />\n        </section>\n\n        <section v-if=\"false && $te('contact.team.join')\">\n            <h3>\n                <Icon v=\"user-plus\" />\n                <T>contact.team.join.header</T>\n            </h3>\n            <p><T>contact.team.join.encouragement</T></p>\n            <p><T>contact.team.join.areasIntro</T></p>\n            <ul>\n                <li v-for=\"item in $t('contact.team.join.areas')\">\n                    <Spelling :text=\"item\" />\n                </li>\n            </ul>\n            <p><T>contact.team.join.allies</T></p>\n            <div v-if=\"$te('contact.team.join.warning')\" class=\"alert alert-warning\">\n                <p class=\"mb-0\">\n                    <Icon v=\"exclamation-triangle\" />\n                    <T>contact.team.join.warning</T>\n                </p>\n            </div>\n            <p><T>contact.team.join.how</T></p>\n            <ul>\n                <li v-for=\"item in $t('contact.team.join.application')\">\n                    <Spelling :text=\"item\" />\n                </li>\n            </ul>\n        </section>\n\n        <AdPlaceholder :phkey=\"['content-0', 'content-mobile-0']\" />\n\n        <Loading :value=\"membersByLocale\">\n            <template #header>\n                <h3>\n                    <Icon v=\"user-friends\" />\n                    <T>contact.team.members</T>\n                </h3>\n            </template>\n\n            <template v-for=\"(members, locale) in membersByLocale\">\n                <h4 class=\"mt-4\">\n                    <template v-if=\"locale === ''\">\n                        <T>contact.team.upcoming</T>\n                    </template>\n                    <template v-else-if=\"locale === config.locale\">\n                        {{ $locales[locale].fullName }}\n                    </template>\n                    <a v-else :href=\"getUrlForLocale(locale)\">\n                        {{ $locales[locale].fullName }}\n                    </a>\n                </h4>\n                <ul class=\"list-unstyled member-list\">\n                    <li v-for=\"member in members\" class=\"mb-3 d-flex\">\n                        <a :href=\"`${getUrlForLocale('_')}/@${member.username}`\">\n                            <Avatar :user=\"member\" dsize=\"4rem\" />\n                        </a>\n                        <span class=\"ms-2\">\n                            <Spelling :text=\"convertName(member.teamName)\" />\n                            <br>\n                            <a :href=\"`${getUrlForLocale('_')}/@${member.username}`\" class=\"badge bg-light text-dark border\">\n                                @{{ member.username }}\n                            </a>\n                        </span>\n                    </li>\n                </ul>\n            </template>\n        </Loading>\n\n        <AdPlaceholder :phkey=\"['content-1', 'content-mobile-1']\" />\n    </Page>\n</template>\n\n<style lang=\"scss\" scoped>\n    @import \"assets/variables\";\n\n    img {\n        max-width: 100%;\n    }\n\n    figure {\n        width: 100%;\n        max-width: 18rem;\n        padding: $spacer;\n        > img {\n            width: 100%;\n        }\n        figcaption {\n            font-size: $small-font-size;\n        }\n    }\n    @include media-breakpoint-down('md', $grid-breakpoints) {\n        figure {\n            float: none !important;\n            margin: 0 auto;\n        }\n    }\n\n    .bigger {\n        font-size: 2rem;\n    }\n\n    @include media-breakpoint-up('md', $grid-breakpoints) {\n        .member-list {\n            column-count: 3;\n            column-width: 16rem;\n        }\n    }\n</style>\n"],"names":["translator","useNuxtApp","config","useConfig","useSimpleHead","convertName","useSpelling","teamAsyncData","useAsyncData","membersByLocaleRaw","membersByLocale","_","members","credentials","member","a","b","random","computed","_a"],"mappings":"43BA4BA,KAAM,CAAE,YAAaA,CAAW,EAAIC,EAAW,EACzCC,EAASC,EAAU,EAEXC,EAAA,CACV,MAAOJ,EAAW,UAAU,mBAAmB,EAC/C,YAAaA,EAAW,UAAU,0BAA0B,GAC7DA,CAAU,EACP,KAAA,CAAE,YAAAK,CAAY,EAAIC,EAAY,EAE9BC,EAAgBC,GAAa,SAAY,CACrC,MAAAC,EAAqB,MAAM,OAAgC,iBAAiB,EAC5EC,EAA2C,OAAO,YAAY,OAAO,QAAQD,CAAkB,EAAE,OAAO,CAAC,CAACE,EAAGC,CAAO,IAC/GA,EAAQ,OAAS,CAC3B,CAAC,EAEIC,GAAeH,EAAgBR,EAAO,MAAM,GAAK,CAAA,GAClD,OAAQY,GAAWA,EAAO,cAAgB,IAAI,EAC9C,SAAS,CAACC,EAAGC,IACND,EAAE,iBAAoBC,EAAE,iBACjB,GAEPD,EAAE,iBAAoBC,EAAE,kBAIrBC,EAAW,EAAA,GAHP,EAGiB,EAC/B,EAEL,MAAO,CAAE,gBAAAP,EAAiB,YAAAG,CAAY,CAAA,EACvC,CACC,KAAM,EACV,EAAA,aAAC,EAEKH,EAAkBQ,EAAS,IAAA,OAAM,OAAAC,EAAAZ,EAAc,KAAK,QAAnB,YAAAY,EAA0B,gBAAe,EAC1EN,EAAcK,EAAS,IAAA,OAAM,OAAAC,EAAAZ,EAAc,KAAK,QAAnB,YAAAY,EAA0B,YAAW;;;;;;"}