Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 13 Pull requests Projects Releases 25 Packages Wiki Activity Actions

member data listing

Browse source
This commit is contained in:
Julian Krauser 2024-09-18 09:28:59 +02:00
parent 5eeea631c0
commit 6847ae083e
14 changed files with 286 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/views/admin/members/MemberAwards.vue
View file

@ -1,6 +1,8 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ memberAwards }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="memberAwards != null" class="flex flex-col gap-2 w-full">
<MemberAwardListItem v-for="award in memberAwards" :key="award.id" :award="award" />
</div>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>
</div>
@ -11,6 +13,7 @@ import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import Spinner from "@/components/Spinner.vue";
import { useMemberAwardStore } from "@/stores/admin/memberAward";
import MemberAwardListItem from "@/components/admin/club/member/MemberAwardListItem.vue";
</script>
<script lang="ts">

11
src/views/admin/members/MemberCommunication.vue
View file

@ -1,6 +1,12 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ communications }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="communications != null" class="flex flex-col gap-2 w-full">
<MemberCommunicationListItem
v-for="communication in communications"
:key="communication.id"
:communication="communication"
/>
</div>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>
</div>
@ -14,6 +20,7 @@ import type { MemberViewModel, UpdateMemberViewModel } from "@/viewmodels/admin/
import Spinner from "@/components/Spinner.vue";
import type { CommunicationViewModel } from "@/viewmodels/admin/communication.models";
import { useCommunicationStore } from "@/stores/admin/communication";
import MemberCommunicationListItem from "@/components/admin/club/member/MemberCommunicationListItem.vue";
</script>
<script lang="ts">

11
src/views/admin/members/MemberExecutivePositions.vue
View file

@ -1,6 +1,12 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ memberExecutivePositions }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="memberExecutivePositions != null" class="flex flex-col gap-2 w-full">
<MemberExecutivePositionListItem
v-for="position in memberExecutivePositions"
:key="position.id"
:position="position"
/>
</div>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>
</div>
@ -11,6 +17,7 @@ import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import Spinner from "@/components/Spinner.vue";
import { useMemberExecutivePositionStore } from "@/stores/admin/memberExecutivePosition";
import MemberExecutivePositionListItem from "@/components/admin/club/member/MemberExecutivePositionListItem.vue";
</script>
<script lang="ts">

92
src/views/admin/members/MemberOverview.vue
View file

@ -1,6 +1,94 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ activeMemberObj }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="activeMemberObj != null" class="flex flex-col gap-2 w-full">
<div>
<label for="salutation">Anrede</label>
<input type="text" id="salutation" :value="activeMemberObj.salutation" readonly />
</div>
<div>
<label for="firstname">Vorname</label>
<input type="text" id="firstname" :value="activeMemberObj.firstname" readonly />
</div>
<div>
<label for="lastname">Nachname</label>
<input type="text" id="lastname" :value="activeMemberObj.lastname" readonly />
</div>
<div>
<label for="nameaffix">Nameaffix</label>
<input type="text" id="nameaffix" :value="activeMemberObj.nameaffix" readonly />
</div>
<div>
<label for="birthdate">Geburtsdatum</label>
<input type="date" id="birthdate" :value="activeMemberObj.birthdate" readonly />
</div>
<div v-if="activeMemberObj.firstMembershipEntry">
<p>Erster Eintrag Mitgliedschaft</p>
<div class="flex flex-col h-fit w-full border border-primary rounded-md">
<div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
<p>
{{ activeMemberObj.firstMembershipEntry.start }} bis
{{ activeMemberObj.firstMembershipEntry.end ?? "heute" }}:
{{ activeMemberObj.firstMembershipEntry.status }}
</p>
</div>
<div v-if="activeMemberObj.firstMembershipEntry.terminationReason" class="p-2">
<p>Grund: {{ activeMemberObj.firstMembershipEntry.terminationReason }}</p>
</div>
</div>
</div>
<div
v-if="
activeMemberObj.lastMembershipEntry &&
activeMemberObj.firstMembershipEntry?.id != activeMemberObj.lastMembershipEntry?.id
"
>
<p>Neuster Eintrag Mitgliedschaft</p>
<div class="flex flex-col h-fit w-full border border-primary rounded-md">
<div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
<p>
{{ activeMemberObj.lastMembershipEntry.start }} bis
{{ activeMemberObj.lastMembershipEntry.end ?? "heute" }}:
{{ activeMemberObj.lastMembershipEntry.status }}
</p>
</div>
<div v-if="activeMemberObj.lastMembershipEntry.terminationReason" class="p-2">
<p>Grund: {{ activeMemberObj.lastMembershipEntry.terminationReason }}</p>
</div>
</div>
</div>
<div v-if="activeMemberObj.preferredCommunication">
<p>bevorzugte Kommunikationswege</p>
<div
v-for="com in activeMemberObj.preferredCommunication"
class="flex flex-col h-fit w-full border border-primary rounded-md"
>
<div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
<p>
{{ com.type.type }}
</p>
</div>
<div class="p-2">
<p v-for="field in com.type.fields" :key="field">{{ field }}: {{ com[field] || "--" }}</p>
</div>
</div>
</div>
<div v-if="activeMemberObj.sendNewsletter">
<p>Newsletter Kommunikationswege</p>
<div class="flex flex-col h-fit w-full border border-primary rounded-md">
<div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
<p>
{{ activeMemberObj.sendNewsletter.type.type }}
</p>
</div>
<div class="p-2">
<p v-for="field in activeMemberObj.sendNewsletter.type.fields" :key="field">
{{ field }}: {{ activeMemberObj.sendNewsletter[field] || "--" }}
</p>
</div>
</div>
</div>
</div>
<Spinner v-if="loadingActive == 'loading'" class="mx-auto" />
<p v-else-if="loadingActive == 'failed'">laden fehlgeschlagen</p>
</div>

11
src/views/admin/members/MemberQualifications.vue
View file

@ -1,6 +1,12 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ memberQualifications }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="memberQualifications != null" class="flex flex-col gap-2 w-full">
<MemberQualificationListItem
v-for="qualification in memberQualifications"
:key="qualification.id"
:qualification="qualification"
/>
</div>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>
</div>
@ -11,6 +17,7 @@ import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import Spinner from "@/components/Spinner.vue";
import { useMemberQualificationStore } from "@/stores/admin/memberQualification";
import MemberQualificationListItem from "@/components/admin/club/member/MemberQualificationListItem.vue";
</script>
<script lang="ts">

7
src/views/admin/members/Membership.vue
View file

@ -1,6 +1,8 @@
<template>
<div class="flex flex-col h-full w-full overflow-y-auto">
<p>{{ memberships }}</p>
<div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
<div v-if="memberships != null" class="flex flex-col gap-2 w-full">
<MembershipListItem v-for="membership in memberships" :key="membership.id" :membership="membership" />
</div>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>
</div>
@ -11,6 +13,7 @@ import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import Spinner from "@/components/Spinner.vue";
import { useMembershipStore } from "@/stores/admin/membership";
import MembershipListItem from "@/components/admin/club/member/MembershipListItem.vue";
</script>
<script lang="ts">