Datenmodelle für Kunden und Projekte ausgelagert, responsives Design und Projekt-Neuanlage

Kunden- und Projekt-Datenmodelle inkl. In-Memory-Funktionen und REST-API-Gerüst
in Client/models/{kunde,projekt}.ts ausgelagert. Views (kunde.ts, projekt.ts) nutzen
diese Modelle; Container auf w3-container.w3-auto (responsive) umgestellt.
Projektliste: TopbarButton zur Neuanlage; Projektformular mit Select-Widget zur
Kundenwahl (voreingestellt bei kundengefilterter Liste), submit/cancel aktiviert.

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

Client/models/projekt.ts

@@ -0,0 +1,137 @@
+import m from "mithril"
+
+/**
+ * Datenmodell für ein Projekt.
+ */
+export interface iProjekt {
+    id: number
+    kundenId: number
+    kundenName: string
+    projektname: string
+    zweck: string
+    verantwortlicher: string
+    startdatum: string
+}
+
+/**
+ * In-Memory-Datenspeicher für Projekte. Wird als Fallback solange verwendet,
+ * bis die serverseitigen REST-Endpunkte verfügbar sind.
+ */
+export const projektDaten: iProjekt[] = [
+    {id: 1, kundenId: 1, kundenName: "Musterfirma GmbH", projektname: "Website-Relaunch", zweck: "Neugestaltung der Unternehmenswebsite", verantwortlicher: "Max Mustermann", startdatum: "2024-01-15"},
+    {id: 2, kundenId: 1, kundenName: "Musterfirma GmbH", projektname: "E-Commerce Plattform", zweck: "Online-Shop Entwicklung", verantwortlicher: "Anna Schmidt", startdatum: "2024-03-01"},
+    {id: 3, kundenId: 2, kundenName: "Beispiel AG", projektname: "CRM-System", zweck: "Kundenbeziehungsmanagement", verantwortlicher: "Peter Müller", startdatum: "2024-02-20"},
+    {id: 4, kundenId: 3, kundenName: "Test Unternehmen", projektname: "Mobile App", zweck: "iOS und Android Entwicklung", verantwortlicher: "Lisa Bauer", startdatum: "2024-04-10"}
+]
+
+/**
+ * Liefert die nächste freie Projekt-ID auf Basis des In-Memory-Speichers.
+ * Sobald die serverseitige ID-Vergabe verfügbar ist, entfällt diese Funktion.
+ */
+export function getNewProjektId(): number {
+    if (projektDaten.length === 0) {
+        return 1
+    }
+    return Math.max(...projektDaten.map((projekt: iProjekt) => projekt.id)) + 1
+}
+
+/**
+ * Fügt ein neues Projekt dem In-Memory-Speicher hinzu.
+ */
+export function addProjekt(projekt: iProjekt): void {
+    projektDaten.push(projekt)
+}
+
+/**
+ * Aktualisiert ein bestehendes Projekt im In-Memory-Speicher.
+ */
+export function updateProjekt(projekt: iProjekt): void {
+    const index = projektDaten.findIndex((p: iProjekt) => p.id === projekt.id)
+    if (index !== -1) {
+        projektDaten[index] = projekt
+    }
+}
+
+/**
+ * Liefert eine Kopie aller Projekte aus dem In-Memory-Speicher.
+ */
+export function getProjekte(): iProjekt[] {
+    return [...projektDaten]
+}
+
+/**
+ * Liefert die Projekte eines bestimmten Kunden. Ist kundenId null, werden
+ * alle Projekte zurückgegeben.
+ */
+export function getProjekteByKundenId(kundenId: number | null): iProjekt[] {
+    return kundenId
+        ? projektDaten.filter((p: iProjekt) => p.kundenId === kundenId)
+        : [...projektDaten]
+}
+
+/* ------------------------------------------------------------------ */
+/* REST-API-Aufrufe (Client-Seite)                                     */
+/* ------------------------------------------------------------------ */
+/* Die folgenden Funktionen kapseln die Kommunikation mit den           */
+/* serverseitigen REST-Endpunkten. Die Endpunkte sind noch nicht       */
+/* implementiert und werden später nachgereicht.                      */
+/* ------------------------------------------------------------------ */
+
+/**
+ * Basis-Pfad der Projekt-REST-Endpunkte.
+ */
+const PROJEKT_REST_BASE = "/xhr/projekt"
+
+/**
+ * Lädt die Projektliste vom Server.
+ */
+export function fetchProjekte(): Promise<iProjekt[]> {
+    return m.request({
+        method: "GET",
+        url: PROJEKT_REST_BASE + "/list"
+    }).then((result) => result as iProjekt[])
+}
+
+/**
+ * Lädt ein einzelnes Projekt anhand seiner ID vom Server.
+ */
+export function fetchProjektById(id: number): Promise<iProjekt> {
+    return m.request({
+        method: "GET",
+        url: PROJEKT_REST_BASE + "/get",
+        params: {id: id}
+    }).then((result) => result as iProjekt)
+}
+
+/**
+ * Legt ein neues Projekt serverseitig an.
+ */
+export function createProjektREST(projekt: iProjekt): Promise<iProjekt> {
+    return m.request({
+        method: "POST",
+        url: PROJEKT_REST_BASE + "/create",
+        body: projekt
+    }).then((result) => result as iProjekt)
+}
+
+/**
+ * Aktualisiert ein bestehendes Projekt serverseitig.
+ */
+export function updateProjektREST(projekt: iProjekt): Promise<iProjekt> {
+    return m.request({
+        method: "PUT",
+        url: PROJEKT_REST_BASE + "/update",
+        body: projekt
+    }).then((result) => result as iProjekt)
+}
+
+/**
+ * Löscht ein Projekt serverseitig anhand seiner ID.
+ */
+export function deleteProjektREST(id: number): Promise<void> {
+    return m.request({
+        method: "DELETE",
+        url: PROJEKT_REST_BASE + "/delete",
+        params: {id: id}
+    }).then(() => undefined)
+}