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

@@ -5,7 +5,7 @@ import {Select, iSelect, iSelectOption} from "./widgets/select"
 import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
 import {iCallLog, fetchCallLogs, fetchCallLogById, createCallLogREST, updateCallLogREST} from "../models/call_log"
 import {iKunde, fetchKunden} from "../models/kunde"
-import {iProjekt, fetchProjekte} from "../models/projekt"
+import {iProjekt, fetchProjekte, fetchProjektById} from "../models/projekt"
 import {iKontaktadresse, fetchKontaktadressen} from "../models/kontaktadresse"
 
 // Aktualisierungsintervall für die Dauer-Anzeige in Millisekunden.
@@ -15,10 +15,11 @@ export const call_log_liste: m.ClosureComponent = (vnode) => {
     let treenodes: iTreenode[] = []
     let selectedNode: iTreenode | null = null
     let filterProjektId: number | null = null
-    // Projektname für die Überschrift, asynchron aufgelöst.
+    // Projektname für die Überschrift, asynchron per fetchProjektById
+    // aufgelöst. kunden_name wird ebenfalls aus dem Projekt bezogen,
+    // da es nicht in den Route-Params enthalten ist.
     let projektName: string = ""
-    // Projektliste asynchron laden, für Projektauflösung beim Neuanlegen.
-    let projektListe: iProjekt[] = []
+    let kundenName: string = ""
 
     const handleRowMarked = (node: iTreenode) => {
         selectedNode = node
@@ -41,12 +42,9 @@ export const call_log_liste: m.ClosureComponent = (vnode) => {
             erledigt: false
         }
         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.kunden_name = projekt.kunden_name
-            }
+            params.projekt_id = filterProjektId
+            params.projekt_name = projektName
+            params.kunden_name = kundenName
         }
         m.route.set("/call_log", params)
     }
@@ -94,24 +92,22 @@ export const call_log_liste: m.ClosureComponent = (vnode) => {
                 filterProjektId = null
                 projektName = ""
             }
-            // Gesprächsnotizen asynchron vom Server laden.
-            fetchCallLogs().then((result) => {
-                let filtered = result
-                if (filterProjektId !== null) {
-                    filtered = result.filter((l: iCallLog) => l.projekt_id === filterProjektId)
-                }
-                treenodes = filtered.map((log: iCallLog) => new Treenode(log, true, []))
+            // Gesprächsnotizen asynchron vom Server laden. Die Filterung
+            // nach projekt_id erfolgt serverseitig, sofern ein Filter
+            // gesetzt ist.
+            fetchCallLogs(filterProjektId !== null ? filterProjektId : undefined).then((result) => {
+                treenodes = result.map((log: iCallLog) => new Treenode(log, true, []))
             })
-            // Projektliste asynchron laden, für Projektnamen-Auflösung.
-            fetchProjekte().then((result) => {
-                projektListe = result
-                if (filterProjektId !== null && projektName === "") {
-                    const projekt = projektListe.find((p: iProjekt) => p.id === filterProjektId)
-                    if (projekt) {
+            // Projektnamen und Kundennamen asynchron auflösen, falls
+            // nicht in den Route-Params enthalten.
+            if (filterProjektId !== null) {
+                fetchProjektById(filterProjektId).then((projekt: iProjekt) => {
+                    if (projektName === "") {
                         projektName = projekt.projektname
                     }
-                }
-            })
+                    kundenName = projekt.kunden_name
+                })
+            }
         },
         view: (vnode) => {
             return m("div.w3-container.w3-auto", {