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

@@ -3,18 +3,15 @@ import {Form, iForm} from "./widgets/form"
 import { Input, iInput, Textarea, iTextarea} from "./widgets/inputs"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
 import {iKontaktadresse, fetchKontaktadressen, fetchKontaktadresseById, createKontaktadresseREST, updateKontaktadresseREST} from "../models/kontaktadresse"
-import {iProjekt, fetchProjekte} from "../models/projekt"
+import {iProjekt, fetchProjektById} from "../models/projekt"
 
 export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
     let treenodes: iTreenode[] = []
     let selectedNode: iTreenode | null = null
     let filterProjektId: number | null = null
-    // Projektname für die Überschrift, asynchron aus der Projektliste
-    // aufgelöst.
+    // Projektname für die Überschrift, asynchron per fetchProjektById
+    // aufgelöst, falls nicht in den Route-Params enthalten.
     let projektName: string = ""
-    // Projektliste asynchron vom Server laden, für die Projektauflösung
-    // beim Anlegen einer neuen Kontaktadresse.
-    let projektListe: iProjekt[] = []
 
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
@@ -23,11 +20,8 @@ export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
     const addKontaktadresseRoute = () => {
         const params: any = {id: -1}
         if (filterProjektId !== null) {
-            const projekt = projektListe.find((p: iProjekt) => p.id === filterProjektId)
-            if (projekt) {
-                params.projekt_id = projekt.id
-                params.projekt_name = projekt.projektname
-            }
+            params.projekt_id = filterProjektId
+            params.projekt_name = projektName
         }
         m.route.set("/kontaktadresse", params)
     }
@@ -97,24 +91,18 @@ export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
                 filterProjektId = null
                 projektName = ""
             }
-            // Kontaktadressen asynchron vom Server laden.
-            fetchKontaktadressen().then((result) => {
-                let filtered = result
-                if (filterProjektId !== null) {
-                    filtered = result.filter((k: iKontaktadresse) => k.projekt_id === filterProjektId)
-                }
-                treenodes = filtered.map((kontaktadresse: iKontaktadresse) => new Treenode(kontaktadresse, true, []))
-            })
-            // Projektliste asynchron vom Server laden.
-            fetchProjekte().then((result) => {
-                projektListe = result
-                if (filterProjektId !== null && projektName === "") {
-                    const projekt = projektListe.find((p: iProjekt) => p.id === filterProjektId)
-                    if (projekt) {
-                        projektName = projekt.projektname
-                    }
-                }
+            // Kontaktadressen asynchron vom Server laden. Die Filterung
+            // nach projekt_id erfolgt serverseitig, sofern ein Filter
+            // gesetzt ist.
+            fetchKontaktadressen(filterProjektId !== null ? filterProjektId : undefined).then((result) => {
+                treenodes = result.map((kontaktadresse: iKontaktadresse) => new Treenode(kontaktadresse, true, []))
             })
+            // Projektnamen asynchron auflösen, falls nicht in Route-Params.
+            if (filterProjektId !== null && projektName === "") {
+                fetchProjektById(filterProjektId).then((projekt: iProjekt) => {
+                    projektName = projekt.projektname
+                })
+            }
         },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {