Serverseitige Filterung für Listen-Endpunkte und Einzelabrufe in Listen-Komponenten

Server: Die list-Endpunkte für Kontakt, Projekt, Kontaktadresse und CallLog
akzeptieren nun einen optionalen Query-Parameter (kunden_id bzw. projekt_id)
und filtern im ORM-Query. Neue Migration V01.05 legt Indizes auf den
FK-Spalten an.

Client: Die fetch-Funktionen erhalten einen optionalen Parent-ID-Parameter.
Die Listen-Komponenten übergeben die Parent-ID aus den Route-Params an den
Server und laden nur noch benötigte Daten. Statt kompletter Eltern-Listen
wird per fetchXxxById ein einzelner Datensatz für die Namensauflösung geladen.
Die CallLog-Bearbeitungsmaske behält ihre ungesfilterten Dropdown-Abrufe.

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

Client/Components/projekt.ts

@@ -3,18 +3,15 @@ import {Form, iForm} from "./widgets/form"
 import { Input, iInput} from "./widgets/inputs"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
 import {iProjekt, fetchProjekte, fetchProjektById, createProjektREST, updateProjektREST} from "../models/projekt"
-import {iKunde, fetchKunden} from "../models/kunde"
+import {iKunde, fetchKundeById} from "../models/kunde"
 
 export const projektliste: m.ClosureComponent = (vnode) => {
     let treenodes: iTreenode[] = []
     let selectedNode: iTreenode | null = null
     let filterKundenId: number | null = null
-    // Kundenname für die Überschrift, asynchron aus der Kundenliste
-    // aufgelöst.
+    // Kundenname für die Überschrift, asynchron per fetchKundeById
+    // aufgelöst, falls nicht in den Route-Params enthalten.
     let kundenName: string = ""
-    // Kundenliste asynchron vom Server laden, für die Kundenauflösung
-    // beim Anlegen eines neuen Projekts.
-    let kundenListe: iKunde[] = []
 
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
@@ -24,11 +21,8 @@ export const projektliste: m.ClosureComponent = (vnode) => {
         const params: any = {id: -1}
         // Nur bei kundengefilterter Liste den Kunden vorbelegen.
         if (filterKundenId !== null) {
-            const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
-            if (kunde) {
-                params.kunden_id = kunde.id
-                params.kunden_name = kunde.name
-            }
+            params.kunden_id = filterKundenId
+            params.kunden_name = kundenName
         }
         m.route.set("/projekt", params)
     }
@@ -108,24 +102,17 @@ export const projektliste: m.ClosureComponent = (vnode) => {
                 filterKundenId = null
                 kundenName = ""
             }
-            // Projekte asynchron vom Server laden.
-            fetchProjekte().then((result) => {
-                let filtered = result
-                if (filterKundenId !== null) {
-                    filtered = result.filter((p: iProjekt) => p.kunden_id === filterKundenId)
-                }
-                treenodes = filtered.map((projekt: iProjekt) => new Treenode(projekt, true, []))
-            })
-            // Kundenliste asynchron vom Server laden.
-            fetchKunden().then((result) => {
-                kundenListe = result
-                if (filterKundenId !== null && kundenName === "") {
-                    const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
-                    if (kunde) {
-                        kundenName = kunde.name
-                    }
-                }
+            // Projekte asynchron vom Server laden. Die Filterung nach
+            // kunden_id erfolgt serverseitig, sofern ein Filter gesetzt ist.
+            fetchProjekte(filterKundenId !== null ? filterKundenId : undefined).then((result) => {
+                treenodes = result.map((projekt: iProjekt) => new Treenode(projekt, true, []))
             })
+            // Kundennamen asynchron auflösen, falls nicht in Route-Params.
+            if (filterKundenId !== null && kundenName === "") {
+                fetchKundeById(filterKundenId).then((kunde: iKunde) => {
+                    kundenName = kunde.name
+                })
+            }
         },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {