blob: d5fe742420bf0f74a4fb05f7b3d48e08158573d3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<script setup>
import {$gettext} from '@/assets/javascripts/lib/gettext';
import StudipSelect from '@/vue/components/StudipSelect.vue';
</script>
<template>
<StudipSelect
label="name"
:placeholder="$gettext('Autor/-in')"
v-bind="$attrs"
>
<template #selected-option="{name, avatar_url}">
<div class="flex items-center">
<img :src="avatar_url" :alt="name" :style="{ height: '14px', width: '14px', marginRight: '8px'}" />
<span class="line-clamp-1 flex-1">{{ name }}</span>
</div>
</template>
<template #option="{name, avatar_url}">
<div :style="{ display: 'flex', alignItems: 'center' }">
<img :src="avatar_url" :alt="name" :style="{ height: '14px', width: '14px', marginRight: '8px'}" />
<span :style="{ flex: '1'}" class="line-clamp-1 flex-1">{{ name }}</span>
</div>
</template>
<template #no-options>
<div>
{{ $gettext('Es gibt keine Benutzer/-innen.') }}
</div>
</template>
</StudipSelect>
</template>
|
