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

member data reads and display

Browse source
This commit is contained in:
Julian Krauser 2024-09-17 16:44:02 +02:00
parent c1a6c0040d
commit 5eeea631c0
57 changed files with 1149 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ContextMenu.vue
View file

@ -21,7 +21,7 @@
<script setup lang="ts">
import { mapState, mapActions } from "pinia";
import { useContextMenuStore } from "../stores/context-menu";
import { useContextMenuStore } from "@/stores/context-menu";
</script>
<script lang="ts">

4
src/components/Footer.vue
View file

@ -11,8 +11,8 @@
<script setup lang="ts">
import { mapState } from "pinia";
import { useAuthStore } from "../stores/auth";
import { useNavigationStore } from "../stores/admin/navigation";
import { useAuthStore } from "@/stores/auth";
import { useNavigationStore } from "@/stores/admin/navigation";
import TopLevelLink from "./admin/TopLevelLink.vue";
</script>

4
src/components/Header.vue
View file

@ -16,8 +16,8 @@
<script setup lang="ts">
import { RouterLink } from "vue-router";
import { mapState } from "pinia";
import { useAuthStore } from "../stores/auth";
import { useNavigationStore } from "../stores/admin/navigation";
import { useAuthStore } from "@/stores/auth";
import { useNavigationStore } from "@/stores/admin/navigation";
import TopLevelLink from "./admin/TopLevelLink.vue";
import UserMenu from "./UserMenu.vue";
</script>

2
src/components/Modal.vue
View file

@ -12,7 +12,7 @@
<script setup lang="ts">
import { mapState, mapActions } from "pinia";
import { useModalStore } from "../stores/modal";
import { useModalStore } from "@/stores/modal";
</script>
<script lang="ts">

21
src/components/admin/club/member/MemberListItem.vue
View file

@ -1,11 +1,20 @@
<template>
<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">
<RouterLink
:to="{ name: 'admin-club-member-overview', params: { memberId: member.id } }"
class="bg-primary p-2 text-white flex flex-row justify-between items-center"
>
<p>{{ member.lastname }}, {{ member.firstname }} {{ member.nameaffix ? `- ${member.nameaffix}` : "" }}</p>
<div class="flex flex-row">
<div v-if="false" class="flex flex-row">
<RouterLink
v-if="can('read', 'club', 'member')"
:to="{ name: 'admin-club-member-overview', params: { memberId: member.id } }"
>
<CircleStackIcon class="w-5 h-5 p-1 box-content cursor-pointer" />
</RouterLink>
<RouterLink
v-if="can('update', 'club', 'member')"
:to="{ name: 'admin-club-member', params: { id: member.id } }"
:to="{ name: 'admin-club-member-edit', params: { id: member.id } }"
>
<PencilIcon class="w-5 h-5 p-1 box-content cursor-pointer" />
</RouterLink>
@ -13,7 +22,7 @@
<TrashIcon class="w-5 h-5 p-1 box-content cursor-pointer" />
</div>
</div>
</div>
</RouterLink>
<div class="p-2">
<p>beigetreten: {{ member.firstMembershipEntry?.start }}</p>
<p v-if="member.lastMembershipEntry?.end">ausgetreten: {{ member.lastMembershipEntry?.end }}</p>
@ -24,10 +33,10 @@
<script setup lang="ts">
import { defineComponent, defineAsyncComponent, markRaw, type PropType } from "vue";
import { mapState, mapActions } from "pinia";
import { PencilIcon, TrashIcon } from "@heroicons/vue/24/outline";
import { PencilIcon, TrashIcon, CircleStackIcon } from "@heroicons/vue/24/outline";
import { useAbilityStore } from "@/stores/ability";
import { useModalStore } from "@/stores/modal";
import type { MemberViewModel } from "../../../../viewmodels/admin/member.models";
import type { MemberViewModel } from "@/viewmodels/admin/member.models";
</script>
<script lang="ts">