95 lines
3.4 KiB
Vue
95 lines
3.4 KiB
Vue
<template>
|
|
<v-container class="content-container mx-auto">
|
|
<v-img v-if="urlOfBanner" :src="urlOfBanner" :aspect-ratio="16 / 5" class="rounded-md mb-3" cover />
|
|
|
|
<div class="mx-[2.5ch]">
|
|
<div class="my-5 flex flex-row gap-4">
|
|
<v-avatar :image="urlOfAvatar" />
|
|
<div class="flex flex-col">
|
|
<span>{{ auth.userinfo?.nick }} <span class="text-xs">@{{ auth.userinfo?.name }}</span></span>
|
|
<span class="text-sm">{{ auth.userinfo?.description }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<div class="mx-[2.5ch]">
|
|
<h2 class="text-xl">Portal</h2>
|
|
<span class="text-sm">Everything you need to access.</span>
|
|
</div>
|
|
|
|
<div class="flex gap-5 mt-3 flex-wrap max-sm:justify-center">
|
|
<v-card class="w-28 aspect-square cursor-not-allowed" disabled v-if="auth.userinfo?.perm_nodes['AdminView']">
|
|
<v-card-text class="flex flex-col justify-center items-center text-center h-full">
|
|
<v-icon icon="mdi-cog" size="32" />
|
|
<span class="text-sm mt-1.75">Admin Center</span>
|
|
</v-card-text>
|
|
</v-card>
|
|
|
|
<v-card class="w-28 aspect-square" to="/dev">
|
|
<v-card-text class="flex flex-col justify-center items-center text-center h-full">
|
|
<v-icon icon="mdi-code-tags" size="32" />
|
|
<span class="text-sm mt-1.75">Dev Portal</span>
|
|
</v-card-text>
|
|
</v-card>
|
|
|
|
<v-card class="w-28 aspect-square cursor-not-allowed" disabled>
|
|
<v-card-text class="flex flex-col justify-center items-center text-center h-full">
|
|
<v-icon icon="mdi-pencil" size="32" />
|
|
<span class="text-sm mt-1.75">Creator Hub</span>
|
|
</v-card-text>
|
|
</v-card>
|
|
|
|
<v-card class="w-28 aspect-square" href="https://kb.solsynth.dev" target="_blank">
|
|
<v-card-text class="flex flex-col justify-center items-center text-center h-full">
|
|
<v-icon icon="mdi-library" size="32" />
|
|
<span class="text-sm mt-1.75">Knowledge Base</span>
|
|
</v-card-text>
|
|
</v-card>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<div class="mx-[2.5ch]">
|
|
<h2 class="text-xl">{{ t("personalize") }}</h2>
|
|
<span class="text-sm">{{ t("personalizeCaption") }}</span>
|
|
</div>
|
|
|
|
<v-alert
|
|
class="mt-3"
|
|
type="info"
|
|
variant="tonal"
|
|
density="comfortable"
|
|
:text="t('transferredToSolianHint')"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<div class="mx-[2.5ch]">
|
|
<h2 class="text-xl">{{ t("security") }}</h2>
|
|
<span class="text-sm">{{ t("securityCaption") }}</span>
|
|
</div>
|
|
|
|
<account-auth-ticket-table class="mt-3" />
|
|
</div>
|
|
|
|
<div class="mb-5 mx-[2.5ch]">
|
|
<copyright service="passport" no-centered />
|
|
</div>
|
|
</div>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
middleware: ["auth"],
|
|
})
|
|
|
|
const { t } = useI18n()
|
|
const config = useRuntimeConfig()
|
|
|
|
const auth = useUserinfo()
|
|
|
|
const urlOfAvatar = computed(() => auth.userinfo?.avatar ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${auth.userinfo.avatar}` : void 0)
|
|
const urlOfBanner = computed(() => auth.userinfo?.banner ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${auth.userinfo.banner}` : void 0)
|
|
</script>
|