gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: finish profile popup
Some checks failed
ci/woodpecker/push/build-and-publish Pipeline failed
Details

Browse source
This commit is contained in:
Twig 2025-07-19 16:54:05 +02:00
parent b5857b706f
commit ce306a2f72
No known key found for this signature in database
2 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/Guild/MemberEntry.vue
View file

@ -1,10 +1,10 @@
<template>
<div class="member-item" @click.prevent="toggleModalPopup" tabindex="0">
<div class="member-item" @click.prevent="showModalPopup" tabindex="0">
<Avatar :profile="props.member" class="member-avatar"/>
<span class="member-display-name">{{ getDisplayName(props.member) }}</span>
</div>
<ModalProfilePopup v-if="modalPopupVisible"
:profile="props.member"/>
<ModalProfilePopup v-if="modalPopupVisible" :profile="props.member"
:whendone="hideModalPopup"/>
</template>
<script lang="ts" setup>
@ -17,8 +17,14 @@ const props = defineProps<{
const modalPopupVisible = ref<boolean>(false);
function toggleModalPopup() {
modalPopupVisible.value = !modalPopupVisible.value
function showModalPopup() {
console.log("hello there")
modalPopupVisible.value = true
}
function hideModalPopup() {
console.log("gone")
modalPopupVisible.value = false
}
</script>