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>
This commit is contained in:
gg committed 2026-08-31 15:38:48 +02:00
1 parent d4319de445
commit de7e6948f8
4 files changed
+222 -81

No files matched your search

-31
View File
@@ -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({