mirror of https://github.com/halo-dev/halo
89 lines
2.6 KiB
Vue
89 lines
2.6 KiB
Vue
<script lang="ts" setup>
|
|
import { rbacAnnotations } from "@/constants/annotations";
|
|
import { formatDatetime } from "@/utils/date";
|
|
import type { DetailedUser } from "@halo-dev/api-client";
|
|
import {
|
|
IconInformation,
|
|
VDescription,
|
|
VDescriptionItem,
|
|
VSpace,
|
|
VTag,
|
|
} from "@halo-dev/components";
|
|
import RiVerifiedBadgeLine from "~icons/ri/verified-badge-line";
|
|
|
|
withDefaults(defineProps<{ user?: DetailedUser }>(), {
|
|
user: undefined,
|
|
});
|
|
</script>
|
|
<template>
|
|
<div class="border-t border-gray-100">
|
|
<VDescription>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.display_name')"
|
|
:content="user?.user.spec.displayName"
|
|
class="!px-2"
|
|
/>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.username')"
|
|
:content="user?.user.metadata.name"
|
|
class="!px-2"
|
|
/>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.email')"
|
|
class="!px-2"
|
|
>
|
|
<div v-if="user?.user.spec.email" class="flex items-center space-x-2">
|
|
<span>
|
|
{{ user?.user.spec.email }}
|
|
</span>
|
|
<RiVerifiedBadgeLine
|
|
v-if="user?.user.spec.emailVerified"
|
|
v-tooltip="$t('core.user.detail.fields.email_verified.tooltip')"
|
|
class="text-xs text-blue-600"
|
|
/>
|
|
<IconInformation
|
|
v-else
|
|
v-tooltip="$t('core.user.detail.fields.email_not_verified.tooltip')"
|
|
class="text-xs text-red-500"
|
|
/>
|
|
</div>
|
|
<span v-else>
|
|
{{ $t("core.common.text.none") }}
|
|
</span>
|
|
</VDescriptionItem>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.roles')"
|
|
class="!px-2"
|
|
>
|
|
<VSpace>
|
|
<VTag
|
|
v-for="role in user?.roles"
|
|
:key="role.metadata.name"
|
|
@click="
|
|
$router.push({
|
|
name: 'RoleDetail',
|
|
params: { name: role.metadata.name },
|
|
})
|
|
"
|
|
>
|
|
{{
|
|
role.metadata.annotations?.[rbacAnnotations.DISPLAY_NAME] ||
|
|
role.metadata.name
|
|
}}
|
|
</VTag>
|
|
</VSpace>
|
|
</VDescriptionItem>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.bio')"
|
|
:content="user?.user.spec?.bio || $t('core.common.text.none')"
|
|
class="!px-2"
|
|
/>
|
|
<VDescriptionItem
|
|
:label="$t('core.user.detail.fields.creation_time')"
|
|
:content="formatDatetime(user?.user.metadata?.creationTimestamp)"
|
|
class="!px-2"
|
|
/>
|
|
</VDescription>
|
|
</div>
|
|
</template>
|