vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

feat: show avatar and full name in team overview
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
kolaente 2023-04-25 18:32:31 +02:00
parent 03936c0403
commit b80f070431
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/misc/user.vue
View File

@ -49,9 +49,11 @@ const displayName = computed(() => getDisplayName(props.user))
<style lang="scss" scoped> <style lang="scss" scoped>
.user { .user {
margin: .5rem; margin: .5rem;
display: flex;
justify-items: center;
&.is-inline { &.is-inline {
display: inline; display: inline-flex;
} }
} }

11
src/views/teams/EditTeam.vue
View File

@ -73,7 +73,11 @@
:search-results="foundUsers" :search-results="foundUsers"
label="username" label="username"
v-model="newMember" v-model="newMember"
/> >
<template #searchResult="{option: user}">
<User :avatar-size="24" :user="user" class="m-0"/>
</template>
</multiselect>
</div> </div>
<div class="control"> <div class="control">
<x-button @click="addUser" icon="plus"> <x-button @click="addUser" icon="plus">
@ -88,7 +92,9 @@
<table class="table has-actions is-striped is-hoverable is-fullwidth"> <table class="table has-actions is-striped is-hoverable is-fullwidth">
<tbody> <tbody>
<tr :key="m.id" v-for="m in team?.members"> <tr :key="m.id" v-for="m in team?.members">
<td>{{ getDisplayName(m) }}</td> <td>
<User :avatar-size="24" :user="m" class="m-0"/>
</td>
<td> <td>
<template v-if="m.id === userInfo.id"> <template v-if="m.id === userInfo.id">
<b class="is-success">You</b> <b class="is-success">You</b>
@ -185,6 +191,7 @@ import {useRoute, useRouter} from 'vue-router'
import Editor from '@/components/input/AsyncEditor' import Editor from '@/components/input/AsyncEditor'
import Multiselect from '@/components/input/multiselect.vue' import Multiselect from '@/components/input/multiselect.vue'
import User from '@/components/misc/user.vue'
import TeamService from '@/services/team' import TeamService from '@/services/team'
import TeamMemberService from '@/services/teamMember' import TeamMemberService from '@/services/teamMember'