From bbf5b65aab7cce9c3140ea26982890cdc5b94f61 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 30 Apr 2025 12:22:41 +0200
Subject: [PATCH] enhance: provide latest inserted internal Id

---
 .../admin/club/member/CreateMemberModal.vue   | 19 +++++++++++++++++--
 src/stores/admin/club/member/member.ts        |  3 +++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/club/member/CreateMemberModal.vue b/src/components/admin/club/member/CreateMemberModal.vue
index bf5c537..d91ed76 100644
--- a/src/components/admin/club/member/CreateMemberModal.vue
+++ b/src/components/admin/club/member/CreateMemberModal.vue
@@ -69,7 +69,15 @@
         <input type="date" id="birthdate" required />
       </div>
       <div>
-        <label for="internalId">Interne ID (optional)</label>
+        <div class="flex flex-row">
+          <label for="internalId" class="grow">
+            Interne ID (optional{{ lastId ? ` - zuletzte verwendet: ${lastId}` : "" }})
+          </label>
+          <div title="Es empfiehlt sich, die Interne Id mit Platzhaltern wie '0' vorne aufzufüllen.">
+            <InformationCircleIcon class="h-5 w-5" />
+          </div>
+        </div>
+
         <input type="text" id="internalId" />
       </div>
       <div class="flex flex-row gap-2">
@@ -103,6 +111,7 @@ import { useMemberStore } from "@/stores/admin/club/member/member";
 import type { CreateMemberViewModel } from "@/viewmodels/admin/club/member/member.models";
 import { useSalutationStore } from "../../../../stores/admin/configuration/salutation";
 import type { SalutationViewModel } from "../../../../viewmodels/admin/configuration/salutation.models";
+import { InformationCircleIcon } from "@heroicons/vue/24/outline";
 </script>
 
 <script lang="ts">
@@ -112,6 +121,7 @@ export default defineComponent({
       status: null as null | "loading" | { status: "success" | "failed"; reason?: string },
       timeout: undefined as any,
       selectedSalutation: null as null | SalutationViewModel,
+      lastId: "" as string,
     };
   },
   computed: {
@@ -119,6 +129,11 @@ export default defineComponent({
   },
   mounted() {
     this.fetchSalutations();
+    this.fetchLastInternalId()
+      .then((res) => {
+        this.lastId = res.data;
+      })
+      .catch(() => {});
   },
   beforeUnmount() {
     try {
@@ -127,7 +142,7 @@ export default defineComponent({
   },
   methods: {
     ...mapActions(useModalStore, ["closeModal"]),
-    ...mapActions(useMemberStore, ["createMember"]),
+    ...mapActions(useMemberStore, ["createMember", "fetchLastInternalId"]),
     ...mapActions(useSalutationStore, ["fetchSalutations"]),
     triggerCreate(e: any) {
       if (!this.selectedSalutation) return;
diff --git a/src/stores/admin/club/member/member.ts b/src/stores/admin/club/member/member.ts
index 30d778b..26c8bd4 100644
--- a/src/stores/admin/club/member/member.ts
+++ b/src/stores/admin/club/member/member.ts
@@ -87,6 +87,9 @@ export const useMemberStore = defineStore("member", {
         })
         .catch((err) => {});
     },
+    fetchLastInternalId() {
+      return http.get(`/admin/member/last/internalId`);
+    },
     async printMemberByActiveId() {
       return http.get(`/admin/member/${this.activeMember}/print`, {
         responseType: "blob",