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/kontakt.ts

@@ -4,7 +4,7 @@ import { Input, iInput, Textarea, iTextarea} from "./widgets/inputs"
 import {Select, iSelect, iSelectOption} from "./widgets/select"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
 import {iKontakt, getKontakteByKundenId, getNewKontaktId, addKontakt, updateKontakt} from "../models/kontakt"
-import {iKunde, getKunden} from "../models/kunde"
+import {iKunde, fetchKunden} from "../models/kunde"
 
 function createKontaktTreenodes(kundenId: number | null = null): iTreenode[] {
     let filteredKontakte = getKontakteByKundenId(kundenId)
@@ -18,6 +18,9 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
     let treenodes: iTreenode[] = createKontaktTreenodes()
     let selectedNode: iTreenode | null = null
     let filterKundenId: number | null = null
+    // Kundenliste asynchron vom Server laden, für die Kundenauflösung
+    // beim Anlegen eines neuen Kontakts.
+    let kundenListe: iKunde[] = []
 
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
@@ -35,7 +38,7 @@ export const kontaktliste: 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
@@ -91,6 +94,10 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
                 filterKundenId = null
             }
             treenodes = createKontaktTreenodes(filterKundenId)
+            // Kundenliste asynchron vom Server laden.
+            fetchKunden().then((result) => {
+                kundenListe = result
+            })
         },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {
@@ -145,6 +152,9 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
     }
     // Ist der Kunde voreingestellt (gefilterte Kontaktliste)?
     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) => {
@@ -164,13 +174,16 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
                     notiz: routeParams.notiz || ""
                 }
             }
+            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 gespeicherterKontakt: iKontakt = {
                     id: currentKontakt.id,
                     kundenId: kundenId,
@@ -195,7 +208,7 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
                 m.route.set("/kontaktliste")
             }
             // 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",