Client: Kunden-Datenhaltung auf Server-REST-Endpunkte umgestellt

In-Memory-Datenhaltung (kundenDaten, getNewKundeId, addKunde, updateKunde,
getKunden) aus kunde.ts entfernt. Die Kundenliste und das Formular nutzen
jetzt fetchKunden/createKundeREST/updateKundeREST asynchron vom Server.

projekt.ts, kontakt.ts, call_log.ts: getKunden() durch asynchrones
fetchKunden() im oninit ersetzt, Kundenliste im Closure-State gehalten.

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

Client/Components/projekt.ts

@@ -4,7 +4,7 @@ import { Input, iInput} from "./widgets/inputs"
 import {Select, iSelect, iSelectOption} from "./widgets/select"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
 import {iProjekt, getProjekteByKundenId, getNewProjektId, addProjekt, updateProjekt} from "../models/projekt"
-import {iKunde, getKunden} from "../models/kunde"
+import {iKunde, fetchKunden} from "../models/kunde"
 
 function createProjektTreenodes(kundenId: number | null = null): iTreenode[] {
     let filteredProjekte = getProjekteByKundenId(kundenId)
@@ -18,7 +18,10 @@ export const projektliste: m.ClosureComponent = (vnode) => {
     let treenodes: iTreenode[] = createProjektTreenodes()
     let selectedNode: iTreenode | null = null
     let filterKundenId: number | null = null
-    
+    // Kundenliste asynchron vom Server laden, für die Kundenauflösung
+    // beim Anlegen eines neuen Projekts.
+    let kundenListe: iKunde[] = []
+
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
     }
@@ -34,7 +37,7 @@ export const projektliste: m.ClosureComponent = (vnode) => {
         }
         // Nur bei kundengefilterter Liste den Kunden vorbelegen.
         if (filterKundenId !== null) {
-            const kunde = getKunden().find((k: iKunde) => k.id === filterKundenId)
+            const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
             if (kunde) {
                 params.kundenId = kunde.id
                 params.kundenname = kunde.name
@@ -125,6 +128,10 @@ export const projektliste: m.ClosureComponent = (vnode) => {
                 filterKundenId = null
             }
             treenodes = createProjektTreenodes(filterKundenId)
+            // Kundenliste asynchron vom Server laden.
+            fetchKunden().then((result) => {
+                kundenListe = result
+            })
         },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {
@@ -175,6 +182,9 @@ export const Projekt: m.ClosureComponent = (vnode) => {
     }
     // Ist der Kunde voreingestellt (gefilterte Projektliste)?
     let kundeVoreingestellt: boolean = false
+    // Kundenliste asynchron vom Server laden, für Select-Optionen und
+    // Namensauflösung im submit-Handler.
+    let kundenListe: iKunde[] = []
 
     return {
         oninit: (vnode) => {
@@ -192,13 +202,16 @@ export const Projekt: m.ClosureComponent = (vnode) => {
                     startdatum: routeParams.startdatum || ""
                 }
             }
+            fetchKunden().then((result) => {
+                kundenListe = result
+            })
         },
         view: (vnode) => {
             const submit = (form: HTMLFormElement): boolean => {
                 const formData = new FormData(form)
                 const kundenId = parseInt(formData.get("kundenId") as string)
                 // Kundennamen zur gewählten kundenId auflösen.
-                const kunde = getKunden().find((k: iKunde) => k.id === kundenId)
+                const kunde = kundenListe.find((k: iKunde) => k.id === kundenId)
                 const gespeichertesProjekt: iProjekt = {
                     id: currentProjekt.id,
                     kundenId: kundenId,
@@ -221,7 +234,7 @@ export const Projekt: m.ClosureComponent = (vnode) => {
                 m.route.set("/projektliste")
             }
             // Select-Optionen aus der Kundenliste aufbauen.
-            const kundenOptionen: iSelectOption[] = getKunden().map((k: iKunde) => {
+            const kundenOptionen: iSelectOption[] = kundenListe.map((k: iKunde) => {
                 return {value: k.id, label: k.name}
             })
             return m("div.w3-container.w3-auto.form-view-container",