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

@@ -2,7 +2,7 @@ import m from "mithril"
 import {Form, iForm} from "./widgets/form"
 import { Input, iInput} from "./widgets/inputs"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
-import {iKunde, kundenDaten, getNewKundeId, addKunde, updateKunde} from "../models/kunde"
+import {iKunde, fetchKunden, createKundeREST, updateKundeREST} from "../models/kunde"
 
 export const kunde: m.ClosureComponent = (vnode) => {
     let currentKunde: iKunde = {
@@ -40,12 +40,10 @@ export const kunde: m.ClosureComponent = (vnode) => {
                     land: (formData.get("land") as string) || ""
                 }
                 if (currentKunde.id === -1) {
-                    gespeicherterKunde.id = getNewKundeId()
-                    addKunde(gespeicherterKunde)
+                    createKundeREST(gespeicherterKunde).then(() => m.route.set("/kundenliste"))
                 } else {
-                    updateKunde(gespeicherterKunde)
+                    updateKundeREST(gespeicherterKunde).then(() => m.route.set("/kundenliste"))
                 }
-                m.route.set("/kundenliste")
                 return true
             }
             const cancel = (e: Event) => {
@@ -74,22 +72,10 @@ export const kunde: m.ClosureComponent = (vnode) => {
     }
 }
 
-/**
- * Erzeugt aus der Kundendatenliste die Treenode-Struktur für die Treetable der
- * Kundenliste. Jeder Kunde wird zu einem expandierten Treenode ohne Kinder
- * (expand=true, children=[]) - d.h. ein Blattknoten, der sofort in der
- * Tabelle sichtbar ist und sich nicht weiter aufklappen lässt.
- */
-function createKundenTreenodes(): iTreenode[] {
-    return kundenDaten.map((kunde: iKunde) => {
-        return new Treenode(kunde, true, [])
-    })
-}
-
 export const kundenliste: m.ClosureComponent = (vnode) => {
-    let treenodes: iTreenode[] = createKundenTreenodes()
+    let treenodes: iTreenode[] = []
     let selectedNode: iTreenode | null = null
-    
+
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
     }
@@ -141,6 +127,13 @@ export const kundenliste: m.ClosureComponent = (vnode) => {
     }
     
     return {
+        oninit: (vnode) => {
+            // Kundenliste asynchron vom Server laden. m.request löst nach
+            // Promise-Auflösung automatisch ein Redraw aus.
+            fetchKunden().then((kunden: iKunde[]) => {
+                treenodes = kunden.map((kunde: iKunde) => new Treenode(kunde, true, []))
+            })
+        },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {
                 style: {