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>
2026-08-31 15:38:48 +02:00
1 parent d4319de445
commit de7e6948f8
@@ -2,8 +2,6 @@ import m from "mithril"

 /**
 * Datenmodell für einen Kunden.
- *
- * Modèle de données pour un client.
 */
 export interface iKunde {
    id: number
@@ -17,9 +15,6 @@ export interface iKunde {
 /**
 * In-Memory-Datenspeicher für Kunden. Wird als Fallback solange verwendet,
 * bis die serverseitigen REST-Endpunkte verfügbar sind.
- *
- * Stockage en mémoire des clients. Utilisé comme solution de repli tant
- * que les points de terminaison REST côté serveur ne sont pas disponibles.
 */
 export const kundenDaten: iKunde[] = [
    {id: 1, name: "Musterfirma GmbH", strasse: "Musterstraße 1", plz: "12345", ort: "Musterstadt", land: "Deutschland"},
@@ -30,10 +25,6 @@ export const kundenDaten: iKunde[] = [
 /**
 * Liefert die nächste freie Kunden-ID auf Basis des In-Memory-Speichers.
 * Sobald die serverseitige ID-Vergabe verfügbar ist, entfällt diese Funktion.
- *
- * Retourne le prochain identifiant client libre à partir du stockage en
- * mémoire. Cette fonction deviendra obsolète dès que l'attribution des
- * identifiants côté serveur sera disponible.
 */
 export function getNewKundeId(): number {
    if (kundenDaten.length === 0) {
@@ -44,8 +35,6 @@ export function getNewKundeId(): number {

 /**
 * Fügt einen neuen Kunden dem In-Memory-Speicher hinzu.
- *
- * Ajoute un nouveau client au stockage en mémoire.
 */
 export function addKunde(kunde: iKunde): void {
    kundenDaten.push(kunde)
@@ -53,8 +42,6 @@ export function addKunde(kunde: iKunde): void {

 /**
 * Aktualisiert einen bestehenden Kunden im In-Memory-Speicher.
- *
- * Met à jour un client existant dans le stockage en mémoire.
 */
 export function updateKunde(kunde: iKunde): void {
    const index = kundenDaten.findIndex((k: iKunde) => k.id === kunde.id)
@@ -65,8 +52,6 @@ export function updateKunde(kunde: iKunde): void {

 /**
 * Liefert eine Kopie aller Kunden aus dem In-Memory-Speicher.
- *
- * Retourne une copie de tous les clients du stockage en mémoire.
 */
 export function getKunden(): iKunde[] {
    return [...kundenDaten]
@@ -78,23 +63,15 @@ export function getKunden(): iKunde[] {
 /* Die folgenden Funktionen kapseln die Kommunikation mit den           */
 /* serverseitigen REST-Endpunkten. Die Endpunkte sind noch nicht       */
 /* implementiert und werden später nachgereicht.                      */
-/*                                                                      */
-/* Les fonctions suivantes encapsulent la communication avec les       */
-/* points de terminaison REST côté serveur. Ceux-ci ne sont pas encore */
-/* implémentés et seront fournis ultérieurement.                       */
 /* ------------------------------------------------------------------ */

 /**
 * Basis-Pfad der Kunden-REST-Endpunkte.
- *
- * Chemin de base des points de terminaison REST des clients.
 */
 const KUNDE_REST_BASE = "/xhr/kunde"

 /**
 * Lädt die Kundenliste vom Server.
- *
- * Charge la liste des clients depuis le serveur.
 */
 export function fetchKunden(): Promise<iKunde[]> {
    return m.request({
@@ -105,8 +82,6 @@ export function fetchKunden(): Promise<iKunde[]> {

 /**
 * Lädt einen einzelnen Kunden anhand seiner ID vom Server.
- *
- * Charge un client unique identifié par son id depuis le serveur.
 */
 export function fetchKundeById(id: number): Promise<iKunde> {
    return m.request({
@@ -118,8 +93,6 @@ export function fetchKundeById(id: number): Promise<iKunde> {

 /**
 * Legt einen neuen Kunden serverseitig an.
- *
- * Crée un nouveau client côté serveur.
 */
 export function createKundeREST(kunde: iKunde): Promise<iKunde> {
    return m.request({
@@ -131,8 +104,6 @@ export function createKundeREST(kunde: iKunde): Promise<iKunde> {

 /**
 * Aktualisiert einen bestehenden Kunden serverseitig.
- *
- * Met à jour un client existant côté serveur.
 */
 export function updateKundeREST(kunde: iKunde): Promise<iKunde> {
    return m.request({
@@ -144,8 +115,6 @@ export function updateKundeREST(kunde: iKunde): Promise<iKunde> {

 /**
 * Löscht einen Kunden serverseitig anhand seiner ID.
- *
- * Supprime un client côté serveur identifié par son id.
 */
 export function deleteKundeREST(id: number): Promise<void> {
    return m.request({
@@ -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)
+}