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>
138 lines
4.3 KiB
TypeScript
138 lines
4.3 KiB
TypeScript
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)
|
|
}
|