butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Room member hide/show button

Browse source
This commit is contained in:
10G Meow 2022-04-25 08:42:51 +00:00 • committed by N Pex
parent ecfde40147
commit abf682b078
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/RoomInfo.vue
View file

@ -133,7 +133,7 @@
class="member ma-2" class="member ma-2"
v-for="(member, index) in joinedMembers" v-for="(member, index) in joinedMembers"
:key="member.userId" :key="member.userId"
v-show="showAllMembers || index < 5" v-show="showAllMembers || index < SHOW_MEMBER_LIMIT"
@click="toggleMemberExpanded(member)" @click="toggleMemberExpanded(member)"
> >
<v-avatar class="avatar" size="32" color="grey"> <v-avatar class="avatar" size="32" color="grey">
@ -159,7 +159,7 @@
:member="member" :member="member"
/> />
</div> </div>
<div class="show-all" @click="showAllMembers = !showAllMembers"> <div class="show-all" @click="showAllMembers = !showAllMembers" v-if="joinedMembers.length > SHOW_MEMBER_LIMIT">
{{ {{
showAllMembers ? $t("room_info.hide_all") : $t("room_info.show_all") showAllMembers ? $t("room_info.hide_all") : $t("room_info.show_all")
}} }}
@ -244,6 +244,7 @@ export default {
icon: "person_add", icon: "person_add",
}, },
], ],
SHOW_MEMBER_LIMIT: 5
}; };
}, },
mounted() { mounted() {