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

basic member pagination

Browse source
This commit is contained in:
Julian Krauser 2024-09-16 19:03:52 +02:00
parent 6f13cdc297
commit c1a6c0040d
12 changed files with 302 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/stores/admin/member.ts Normal file
View file

@ -0,0 +1,43 @@
import { defineStore } from "pinia";
import type { CreateAwardViewModel, UpdateAwardViewModel, AwardViewModel } from "../../viewmodels/admin/award.models";
import { http } from "../../serverCom";
import type { AxiosResponse } from "axios";
import type { MemberViewModel } from "../../viewmodels/admin/member.models";
export const useMemberStore = defineStore("member", {
state: () => {
return {
members: [] as Array<MemberViewModel & { tab_pos: number }>,
totalCount: 0 as number,
loading: "loading" as "loading" | "fetched" | "failed",
activeMember: null as null | MemberViewModel,
};
},
actions: {
fetchMembers(offset = 0, count = 25, clear = false) {
if (clear) this.members = [];
this.loading = "loading";
http
.get(`/admin/member?offset=${offset}&count=${count}`)
.then((result) => {
this.members = result.data.members;
this.totalCount = result.data.total;
result.data.members
.filter((elem: MemberViewModel) => this.members.findIndex((m) => m.id == elem.id) == -1)
.map((elem: MemberViewModel, index: number): MemberViewModel & { tab_pos: number } => {
return {
...elem,
tab_pos: index + offset,
};
})
.forEach((elem: MemberViewModel & { tab_pos: number }) => {
this.members.push(elem);
});
this.loading = "fetched";
})
.catch((err) => {
this.loading = "failed";
});
},
},
});

4
src/stores/admin/navigation.ts
View file

@ -54,7 +54,7 @@ export const useNavigationStore = defineStore("navigation", {
{
key: "club",
title: "Verein",
levelDefault: "members",
levelDefault: "member",
} as topLevelNavigationModel,
]
: []),
@ -86,7 +86,7 @@ export const useNavigationStore = defineStore("navigation", {
club: {
mainTitle: "Verein",
main: [
...(abilityStore.can("read", "club", "members") ? [{ key: "members", title: "Mitglieder" }] : []),
...(abilityStore.can("read", "club", "member") ? [{ key: "member", title: "Mitglieder" }] : []),
...(abilityStore.can("read", "club", "calendar") ? [{ key: "calendar", title: "Termine" }] : []),
...(abilityStore.can("read", "club", "newsletter") ? [{ key: "newsletter", title: "Newsletter" }] : []),
...(abilityStore.can("read", "club", "protocoll") ? [{ key: "protocol", title: "Protokolle" }] : []),