60 lines
1.5 KiB
Vue
60 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { User } from 'src/stores/user/types';
|
|
import { baseUrl } from 'src/stores/utils';
|
|
|
|
defineProps<{
|
|
admin?: User | null;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="col-12 row">
|
|
<div class="col-12 q-mb-md text-weight-bold text-body1">
|
|
<q-icon
|
|
flat
|
|
size="xs"
|
|
class="q-pa-sm rounded q-mr-xs"
|
|
color="info"
|
|
name="mdi-account-outline"
|
|
style="background-color: var(--surface-3)"
|
|
/>
|
|
{{ $t(`branch.form.group.admin`) }}
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<template v-if="!admin">
|
|
<span>{{ $t('general.noData') }}</span>
|
|
</template>
|
|
<template v-else>
|
|
<div class="row items-center">
|
|
<q-avatar>
|
|
<q-img
|
|
:src="`${baseUrl}/user/${admin.id}/image`"
|
|
style="aspect-ratio: 1"
|
|
>
|
|
<template #error>
|
|
<q-img
|
|
:src="
|
|
admin.gender === 'male'
|
|
? '/no-img-man.png'
|
|
: '/no-img-female.png'
|
|
"
|
|
/>
|
|
</template>
|
|
</q-img>
|
|
</q-avatar>
|
|
|
|
<div class="col column q-pl-md">
|
|
<span>
|
|
{{
|
|
$i18n.locale === 'eng'
|
|
? admin.firstNameEN || '-' + ' ' + admin.lastNameEN
|
|
: admin.firstName || '-' + ' ' + admin.lastName
|
|
}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|