torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Füge Sichtbarkeits-Flags für E-Mail, Telefon, Adresse und Geburtstag in der Mitgliederansicht hinzu
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 51s
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-02-14 03:23:59 +01:00
parent b25cf13d3c
commit d40073ac7b
1 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
pages/mitgliederbereich/mitglieder.vue
View File

@@ -133,33 +133,29 @@
</div> </div>
</td> </td>
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
<template v-if="member.contactHidden"> <template v-if="member.email">
<span class="text-sm text-gray-400">Kontaktdaten nur für Vorstand sichtbar</span>
</template>
<template v-else>
<a <a
v-if="member.email"
:href="`mailto:${member.email}`" :href="`mailto:${member.email}`"
class="text-sm text-primary-600 hover:text-primary-800" class="text-sm text-primary-600 hover:text-primary-800"
> >
{{ member.email }} {{ member.email }}
</a> </a>
<span v-else class="text-sm text-gray-400">-</span> </template>
<template v-else>
<span class="text-sm text-gray-400">Kontaktdaten nur für Vorstand sichtbar</span>
</template> </template>
</td> </td>
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
<template v-if="member.contactHidden"> <template v-if="member.phone">
<span class="text-sm text-gray-400">Kontaktdaten nur für Vorstand sichtbar</span>
</template>
<template v-else>
<a <a
v-if="member.phone"
:href="`tel:${member.phone}`" :href="`tel:${member.phone}`"
class="text-sm text-primary-600 hover:text-primary-800" class="text-sm text-primary-600 hover:text-primary-800"
> >
{{ member.phone }} {{ member.phone }}
</a> </a>
<span v-else class="text-sm text-gray-400">-</span> </template>
<template v-else>
<span class="text-sm text-gray-400">Kontaktdaten nur für Vorstand sichtbar</span>
</template> </template>
</td> </td>
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
@@ -314,7 +310,7 @@
</div> </div>
<div class="grid sm:grid-cols-2 gap-3 text-gray-600"> <div class="grid sm:grid-cols-2 gap-3 text-gray-600">
<template v-if="member.contactHidden"> <template v-if="!member.email && !member.phone">
<div class="col-span-2 flex items-center text-gray-500 text-sm italic"> <div class="col-span-2 flex items-center text-gray-500 text-sm italic">
<Mail :size="16" class="mr-2" /> <Mail :size="16" class="mr-2" />
Kontaktdaten nur für Vorstand sichtbar Kontaktdaten nur für Vorstand sichtbar
@@ -330,6 +326,17 @@
<a :href="`tel:${member.phone}`" class="hover:text-primary-600">{{ member.phone }}</a> <a :href="`tel:${member.phone}`" class="hover:text-primary-600">{{ member.phone }}</a>
</div> </div>
</template> </template>
<!-- Sichtbarkeits-Flags anzeigen -->
<div class="col-span-2 flex items-center gap-2 mt-2 text-xs text-gray-500">
<span v-if="member.showEmail" title="E-Mail sichtbar">📧</span>
<span v-else title="E-Mail verborgen" class="opacity-40">📧</span>
<span v-if="member.showPhone" title="Telefon sichtbar">📞</span>
<span v-else title="Telefon verborgen" class="opacity-40">📞</span>
<span v-if="member.showAddress" title="Adresse sichtbar">🏠</span>
<span v-else title="Adresse verborgen" class="opacity-40">🏠</span>
<span v-if="member.showBirthday" title="Geburtstag sichtbar">🎂</span>
<span v-else title="Geburtstag verborgen" class="opacity-40">🎂</span>
</div>
<div <div
v-if="member.address" v-if="member.address"
class="flex items-start col-span-2" class="flex items-start col-span-2"