chmln-app-dev/kbcrm
5
0 Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Server+Client: REST-API für Entität Projekt, Kontakt auf REST umgestellt, ID-basiertes Laden, CLI-Musterprojekte, VS-Code Task

Browse Source 
- Server: ORM-Modell Projekt (Tabelle projekte) mit FK kunden_id, Relationship zu Kunde
- Server: Geschäftslogik projekt.py (get/create/update/delete)
- Server: DB-Migration V01_02 (projekte-Tabelle)
- Server: REST-Endpunkte /xhr/projekt/* mit Autorisierung
- Server: CLI init-db legt Muster-Projekte je Kunde an (1-3)
- Client: kontakt.ts auf REST umgestellt, In-Memory entfernt, snake_case
- Client: projekt.ts auf REST umgestellt, In-Memory behalten für call_log/kontaktadresse
- Client: ID-basiertes Laden (nur ID in Route-Params, fetchById im oninit)
- Client: Kundenname in Überschrift von Kontaktliste/View und Projektliste/View
- Client: Select-Widget entfernt (Kunde voreingestellt), Hidden-Input für kunden_id
- Client: kunde.ts showProjekte/showKontakte auf kunden_id geändert
- Client: call_log.ts/kontaktadresse.ts Feldzugriffe auf iProjekt snake_case angepasst
- AGENTS.md: Vorgehensweise ID-basiertes Laden hinterlegt, Branch-Regel formuliert
- VS-Code Task "Flask: init-db" mit venv-Pfaden

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>
This commit is contained in:
gg committed 2026-09-04 12:03:52 +02:00
1 parent 4b172081b9
commit e04a52857a
15 files changed
+647 -287
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Client/Components/call_log.ts
+2 -2
View File
@@ -49,7 +49,7 @@ export const call_log_liste: m.ClosureComponent = (vnode) => {
if (filterProjektId !== null) {
const projekt = getProjektById(filterProjektId)
if (projekt) {
params.kundenName = projekt.kundenName
params.kundenName = projekt.kunden_name
params.projektId = projekt.id
params.projektName = projekt.projektname
}
@@ -212,7 +212,7 @@ export const Call_Log: m.ClosureComponent = (vnode) => {
let kundenId = -1
if (kundeVoreingestellt) {
const projekt = getProjektById(projektId)
if (projekt) { kundenId = projekt.kundenId }
if (projekt) { kundenId = projekt.kunden_id }
}
currentLog = {
id: routeParams.id ? parseInt(routeParams.id) : -1,
Client/Components/kontakt.ts
+60 -90
View File
@@ -1,23 +1,17 @@
import m from "mithril"
import {Form, iForm} from "./widgets/form"
import { Input, iInput, Textarea, iTextarea} from "./widgets/inputs"
import {Select, iSelect, iSelectOption} from "./widgets/select"
import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
import {iKontakt, getKontakteByKundenId, getNewKontaktId, addKontakt, updateKontakt} from "../models/kontakt"
import {iKontakt, fetchKontakte, fetchKontaktById, createKontaktREST, updateKontaktREST} from "../models/kontakt"
import {iKunde, fetchKunden} from "../models/kunde"
function createKontaktTreenodes(kundenId: number | null = null): iTreenode[] {
let filteredKontakte = getKontakteByKundenId(kundenId)
return filteredKontakte.map((kontakt: iKontakt) => {
return new Treenode(kontakt, true, [])
})
}
export const kontaktliste: m.ClosureComponent = (vnode) => {
let treenodes: iTreenode[] = createKontaktTreenodes()
let treenodes: iTreenode[] = []
let selectedNode: iTreenode | null = null
let filterKundenId: number | null = null
// Kundenname für die Überschrift, asynchron aus der Kundenliste
// aufgelöst.
let kundenName: string = ""
// Kundenliste asynchron vom Server laden, für die Kundenauflösung
// beim Anlegen eines neuen Kontakts.
let kundenListe: iKunde[] = []
@@ -27,21 +21,13 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
}
const addKontaktRoute = () => {
const params: any = {
id: -1,
anrede: "",
name: "",
position: "",
telefon: "",
email: "",
notiz: ""
}
const params: any = {id: -1}
// Nur bei kundengefilterter Liste den Kunden vorbelegen.
if (filterKundenId !== null) {
const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
if (kunde) {
params.kundenId = kunde.id
params.kundenname = kunde.name
params.kunden_id = kunde.id
params.kunden_name = kunde.name
}
}
m.route.set("/kontakt", params)
@@ -49,17 +35,7 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
const editKontakt = (kontakt: iKontakt, e: Event) => {
e.stopPropagation()
m.route.set("/kontakt", {
id: kontakt.id,
kundenId: kontakt.kundenId,
kundenname: kontakt.kundenName,
anrede: kontakt.anrede,
name: kontakt.name,
position: kontakt.position,
telefon: kontakt.telefon,
email: kontakt.email,
notiz: kontakt.notiz
})
m.route.set("/kontakt", {id: kontakt.id})
}
const columnmapper: (node: iTreenode) => any[] = (node: iTreenode) => {
@@ -70,7 +46,7 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
m("span", kontakt.position),
m("span", kontakt.telefon),
m("span", kontakt.email),
m("span", kontakt.kundenName),
m("span", kontakt.kunden_name),
m("button.w3-button.w3-small", {style: {padding: '0 2px'}, onclick: (e: Event) => editKontakt(kontakt, e)}, m("i.material-icons", "edit"))
]
}
@@ -82,21 +58,39 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
kontakt.position.toLowerCase().includes(searchLower) ||
kontakt.telefon.toLowerCase().includes(searchLower) ||
kontakt.email.toLowerCase().includes(searchLower) ||
kontakt.kundenName.toLowerCase().includes(searchLower)
kontakt.kunden_name.toLowerCase().includes(searchLower)
}
return {
oninit: (vnode) => {
const routeParams = m.route.param()
if (routeParams && routeParams.kundenId) {
filterKundenId = parseInt(routeParams.kundenId)
if (routeParams && routeParams.kunden_id) {
filterKundenId = parseInt(routeParams.kunden_id)
kundenName = routeParams.kunden_name || ""
} else {
filterKundenId = null
kundenName = ""
}
treenodes = createKontaktTreenodes(filterKundenId)
// Kontakte asynchron vom Server laden. m.request löst nach
// Promise-Auflösung automatisch ein Redraw aus.
fetchKontakte().then((result) => {
let filtered = result
if (filterKundenId !== null) {
filtered = result.filter((k: iKontakt) => k.kunden_id === filterKundenId)
}
treenodes = filtered.map((kontakt: iKontakt) => new Treenode(kontakt, true, []))
})
// Kundenliste asynchron vom Server laden.
fetchKunden().then((result) => {
kundenListe = result
// Fallback: Falls kunden_name nicht in den Route-Params
// enthalten war, aus der Kundenliste auflösen.
if (filterKundenId !== null && kundenName === "") {
const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
if (kunde) {
kundenName = kunde.name
}
}
})
},
view: (vnode) => {
@@ -106,7 +100,7 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
'flex-direction': 'column',
height: 'inherit',
'overflow-y': 'inherit'}},
m("h1", "Kontaktliste"),
m("h1", kundenName ? "Kontaktliste für " + kundenName : "Kontaktliste"),
m("div", {style: {flex: '1', 'overflow-y': 'inherit'}},
m(Treetable,
{
@@ -127,12 +121,12 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
}
export const Kontakt: m.ClosureComponent = (vnode) => {
// currentKontakt hält den Formularzustand. kundenId referenziert den
// Kunden eindeutig, kundenname dient der Anzeige.
// currentKontakt hält den Formularzustand. kunden_id referenziert den
// Kunden eindeutig, kunden_name dient der Anzeige in der Überschrift.
let currentKontakt: {
id: number
kundenId: number
kundenname: string
kunden_id: number
kunden_name: string
anrede: string
name: string
position: string
@@ -141,8 +135,8 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
notiz: string
} = {
id: -1,
kundenId: -1,
kundenname: "",
kunden_id: -1,
kunden_name: "",
anrede: "",
name: "",
position: "",
@@ -150,44 +144,31 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
email: "",
notiz: ""
}
// Ist der Kunde voreingestellt (gefilterte Kontaktliste)?
let kundeVoreingestellt: boolean = false
// Kundenliste asynchron vom Server laden, für Select-Optionen und
// Namensauflösung im submit-Handler.
let kundenListe: iKunde[] = []
return {
oninit: (vnode) => {
const routeParams = m.route.param()
if (routeParams) {
const kundenId = routeParams.kundenId ? parseInt(routeParams.kundenId) : -1
kundeVoreingestellt = kundenId !== -1
currentKontakt = {
id: routeParams.id ? parseInt(routeParams.id) : -1,
kundenId: kundenId,
kundenname: routeParams.kundenname || "",
anrede: routeParams.anrede || "",
name: routeParams.name || "",
position: routeParams.position || "",
telefon: routeParams.telefon || "",
email: routeParams.email || "",
notiz: routeParams.notiz || ""
}
const id = routeParams && routeParams.id ? parseInt(routeParams.id) : -1
if (id !== -1) {
// Kontaktdaten frisch vom Server holen, um zwischenzeitliche
// Änderungen anderer Nutzer nicht zu überschreiben.
fetchKontaktById(id).then((result) => {
currentKontakt = result
})
} else {
// Neuanlegen: kunden_id und kunden_name aus Route-Params
// (voreingestellt aus der Kontaktliste).
currentKontakt.kunden_id = routeParams && routeParams.kunden_id ? parseInt(routeParams.kunden_id) : -1
currentKontakt.kunden_name = routeParams && routeParams.kunden_name ? routeParams.kunden_name : ""
}
fetchKunden().then((result) => {
kundenListe = result
})
},
view: (vnode) => {
const submit = (form: HTMLFormElement): boolean => {
const formData = new FormData(form)
const kundenId = parseInt(formData.get("kundenId") as string)
// Kundennamen zur gewählten kundenId auflösen.
const kunde = kundenListe.find((k: iKunde) => k.id === kundenId)
const gespeicherterKontakt: iKontakt = {
id: currentKontakt.id,
kundenId: kundenId,
kundenName: kunde ? kunde.name : "",
kunden_id: currentKontakt.kunden_id,
kunden_name: "",
anrede: (formData.get("anrede") as string) || "",
name: (formData.get("name") as string) || "",
position: (formData.get("position") as string) || "",
@@ -196,33 +177,22 @@ export const Kontakt: m.ClosureComponent = (vnode) => {
notiz: (formData.get("notiz") as string) || ""
}
if (currentKontakt.id === -1) {
gespeicherterKontakt.id = getNewKontaktId()
addKontakt(gespeicherterKontakt)
createKontaktREST(gespeicherterKontakt).then(() => m.route.set("/kontaktliste", {kunden_id: currentKontakt.kunden_id, kunden_name: currentKontakt.kunden_name}))
} else {
updateKontakt(gespeicherterKontakt)
updateKontaktREST(gespeicherterKontakt).then(() => m.route.set("/kontaktliste", {kunden_id: currentKontakt.kunden_id, kunden_name: currentKontakt.kunden_name}))
}
m.route.set("/kontaktliste")
return true
}
const cancel = (e: Event) => {
m.route.set("/kontaktliste")
m.route.set("/kontaktliste", {kunden_id: currentKontakt.kunden_id, kunden_name: currentKontakt.kunden_name})
}
// Select-Optionen aus der Kundenliste aufbauen.
const kundenOptionen: iSelectOption[] = kundenListe.map((k: iKunde) => {
return {value: k.id, label: k.name}
})
return m("div.w3-container.w3-auto.form-view-container",
m("h1", currentKontakt.id === -1 ? "Neuen Kontakt anlegen" : "Kontakt-Stammblatt"),
m("h1", currentKontakt.id === -1
? "Neuer Kontakt für " + currentKontakt.kunden_name
: "Kontakt-Stammblatt"),
m("div", {style: {flex: '1', 'min-height': '0'}},
m(Form, {showButtons: true, onsubmit: submit, oncancel: cancel} as iForm, [
m("label", "Kunde",
m(Select, {
name: "kundenId",
value: currentKontakt.kundenId,
options: kundenOptionen,
readonly: kundeVoreingestellt,
required: true
} as iSelect)),
m("input", {type: "hidden", name: "kunden_id", value: currentKontakt.kunden_id}),
m("label", "Anrede", m(Input, {name: "anrede", value: currentKontakt.anrede, type: "text"} as iInput)),
m("label", "Name", m(Input, {name: "name", value: currentKontakt.name, type: "text", required: true} as iInput)),
m("label", "Position", m(Input, {name: "position", value: currentKontakt.position, type: "text"} as iInput)),
Client/Components/kontaktadresse.ts
+1 -1
View File
@@ -76,7 +76,7 @@ export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
const projekt = getProjektById(kontaktadresse.projektId)
m.route.set("/call_log", {
id: -1,
kundenName: projekt ? projekt.kundenName : "",
kundenName: projekt ? projekt.kunden_name : "",
projektId: kontaktadresse.projektId,
projektName: kontaktadresse.projektName,
datum: datum,
Client/Components/kunde.ts
+13 -15
View File
@@ -2,7 +2,7 @@ import m from "mithril"
import {Form, iForm} from "./widgets/form"
import { Input, iInput} from "./widgets/inputs"
import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
import {iKunde, fetchKunden, createKundeREST, updateKundeREST} from "../models/kunde"
import {iKunde, fetchKunden, fetchKundeById, createKundeREST, updateKundeREST} from "../models/kunde"
export const kunde: m.ClosureComponent = (vnode) => {
let currentKunde: iKunde = {
@@ -17,15 +17,13 @@ export const kunde: m.ClosureComponent = (vnode) => {
return {
oninit: (vnode) => {
const routeParams = m.route.param()
if (routeParams) {
currentKunde = {
id: routeParams.id ? parseInt(routeParams.id) : -1,
name: routeParams.name || "",
strasse: routeParams.strasse || "",
plz: routeParams.plz || "",
ort: routeParams.ort || "",
land: routeParams.land || ""
}
const id = routeParams && routeParams.id ? parseInt(routeParams.id) : -1
if (id !== -1) {
// Kundendaten frisch vom Server holen, um zwischenzeitliche
// Änderungen anderer Nutzer nicht zu überschreiben.
fetchKundeById(id).then((result) => {
currentKunde = result
})
}
},
view: (vnode) => {
@@ -54,7 +52,7 @@ export const kunde: m.ClosureComponent = (vnode) => {
m("h1", currentKunde.id === -1 ? "Neuen Kunden anlegen" : "Kundenstammblatt"),
currentKunde.id !== -1
? m("button.w3-button.w3-theme",
{onclick: () => m.route.set("/kontaktliste", {kundenId: currentKunde.id})},
{onclick: () => m.route.set("/kontaktliste", {kunden_id: currentKunde.id})},
m("i.material-icons", "contact_page"), " Kontakte")
: null
),
@@ -82,21 +80,21 @@ export const kundenliste: m.ClosureComponent = (vnode) => {
const editKunde = (kunde: iKunde, e: Event) => {
e.stopPropagation()
m.route.set("/kunde", {id: kunde.id, name: kunde.name, strasse: kunde.strasse, plz: kunde.plz, ort: kunde.ort, land: kunde.land})
m.route.set("/kunde", {id: kunde.id})
}
const showProjekte = (kunde: iKunde, e: Event) => {
e.stopPropagation()
m.route.set("/projektliste", {kundenId: kunde.id})
m.route.set("/projektliste", {kunden_id: kunde.id})
}
const showKontakte = (kunde: iKunde, e: Event) => {
e.stopPropagation()
m.route.set("/kontaktliste", {kundenId: kunde.id})
m.route.set("/kontaktliste", {kunden_id: kunde.id})
}
const addKundeRoute = () => {
m.route.set("/kunde", {id: -1, name: "", strasse: "", plz: "", ort: "", land: ""})
m.route.set("/kunde", {id: -1})
}
const columnmapper: (node: iTreenode) => any[] = (node: iTreenode) => {
Client/Components/projekt.ts
+67 -95
View File
@@ -1,23 +1,17 @@
import m from "mithril"
import {Form, iForm} from "./widgets/form"
import { Input, iInput} from "./widgets/inputs"
import {Select, iSelect, iSelectOption} from "./widgets/select"
import {Treenode, iTreenode, Treetable, iTreetable, TopbarButton, iTopbarButton} from "./widgets/Treetable_V2"
import {iProjekt, getProjekteByKundenId, getNewProjektId, addProjekt, updateProjekt} from "../models/projekt"
import {iProjekt, fetchProjekte, fetchProjektById, createProjektREST, updateProjektREST} from "../models/projekt"
import {iKunde, fetchKunden} from "../models/kunde"
function createProjektTreenodes(kundenId: number | null = null): iTreenode[] {
let filteredProjekte = getProjekteByKundenId(kundenId)
return filteredProjekte.map((projekt: iProjekt) => {
return new Treenode(projekt, true, [])
})
}
export const projektliste: m.ClosureComponent = (vnode) => {
let treenodes: iTreenode[] = createProjektTreenodes()
let treenodes: iTreenode[] = []
let selectedNode: iTreenode | null = null
let filterKundenId: number | null = null
// Kundenname für die Überschrift, asynchron aus der Kundenliste
// aufgelöst.
let kundenName: string = ""
// Kundenliste asynchron vom Server laden, für die Kundenauflösung
// beim Anlegen eines neuen Projekts.
let kundenListe: iKunde[] = []
@@ -27,38 +21,23 @@ export const projektliste: m.ClosureComponent = (vnode) => {
}
const addProjektRoute = () => {
const params: any = {
id: -1,
kundenname: "",
projektname: "",
zweck: "",
verantwortlicher: "",
startdatum: ""
}
const params: any = {id: -1}
// Nur bei kundengefilterter Liste den Kunden vorbelegen.
if (filterKundenId !== null) {
const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
if (kunde) {
params.kundenId = kunde.id
params.kundenname = kunde.name
params.kunden_id = kunde.id
params.kunden_name = kunde.name
}
}
m.route.set("/projekt", params)
}
const editProjekt = (projekt: iProjekt, e: Event) => {
e.stopPropagation()
m.route.set("/projekt", {
id: projekt.id,
kundenId: projekt.kundenId,
kundenname: projekt.kundenName,
projektname: projekt.projektname,
zweck: projekt.zweck,
verantwortlicher: projekt.verantwortlicher,
startdatum: projekt.startdatum
})
m.route.set("/projekt", {id: projekt.id})
}
const showCallLogs = (projekt: iProjekt, e: Event) => {
e.stopPropagation()
m.route.set("/calllogliste", {projektId: projekt.id})
@@ -68,7 +47,7 @@ export const projektliste: m.ClosureComponent = (vnode) => {
e.stopPropagation()
m.route.set("/kontaktadresseliste", {projektId: projekt.id})
}
const addCallLog = (projekt: iProjekt, e: Event) => {
e.stopPropagation()
const now = new Date()
@@ -76,7 +55,7 @@ export const projektliste: m.ClosureComponent = (vnode) => {
const uhrzeit = now.toTimeString().split(':')[0] + ':' + now.toTimeString().split(':')[1]
m.route.set("/call_log", {
id: -1,
kundenName: projekt.kundenName,
kundenName: projekt.kunden_name,
projektId: projekt.id,
projektName: projekt.projektname,
datum: datum,
@@ -90,12 +69,12 @@ export const projektliste: m.ClosureComponent = (vnode) => {
erledigt: false
})
}
const columnmapper: (node: iTreenode) => any[] = (node: iTreenode) => {
let projekt: iProjekt = node.nodevalue
return [
m("div", m("strong", projekt.kundenName)),
m("div", m("strong", projekt.kunden_name)),
m("span", projekt.projektname),
m("span", projekt.zweck),
m("span", projekt.verantwortlicher),
@@ -108,39 +87,54 @@ export const projektliste: m.ClosureComponent = (vnode) => {
)
]
}
const filterFunction = (node: iTreenode, searchvalue: string): boolean => {
let projekt: iProjekt = node.nodevalue
let searchLower = searchvalue.toLowerCase()
return projekt.kundenName.toLowerCase().includes(searchLower) ||
return projekt.kunden_name.toLowerCase().includes(searchLower) ||
projekt.projektname.toLowerCase().includes(searchLower) ||
projekt.zweck.toLowerCase().includes(searchLower) ||
projekt.verantwortlicher.toLowerCase().includes(searchLower) ||
projekt.startdatum.includes(searchLower)
}
return {
oninit: (vnode) => {
const routeParams = m.route.param()
if (routeParams && routeParams.kundenId) {
filterKundenId = parseInt(routeParams.kundenId)
if (routeParams && routeParams.kunden_id) {
filterKundenId = parseInt(routeParams.kunden_id)
kundenName = routeParams.kunden_name || ""
} else {
filterKundenId = null
kundenName = ""
}
treenodes = createProjektTreenodes(filterKundenId)
// Projekte asynchron vom Server laden.
fetchProjekte().then((result) => {
let filtered = result
if (filterKundenId !== null) {
filtered = result.filter((p: iProjekt) => p.kunden_id === filterKundenId)
}
treenodes = filtered.map((projekt: iProjekt) => new Treenode(projekt, true, []))
})
// Kundenliste asynchron vom Server laden.
fetchKunden().then((result) => {
kundenListe = result
if (filterKundenId !== null && kundenName === "") {
const kunde = kundenListe.find((k: iKunde) => k.id === filterKundenId)
if (kunde) {
kundenName = kunde.name
}
}
})
},
view: (vnode) => {
return m("div.w3-container.w3-auto", {
style: {
display: 'flex',
'flex-direction': 'column',
height: 'inherit',
display: 'flex',
'flex-direction': 'column',
height: 'inherit',
'overflow-y': 'inherit'}},
m("h1", "Projektliste"),
m("h1", kundenName ? "Projektliste für " + kundenName : "Projektliste"),
m("div", {style: {flex: '1', 'overflow-y': 'inherit'}},
m(Treetable,
{
@@ -161,85 +155,70 @@ export const projektliste: m.ClosureComponent = (vnode) => {
}
export const Projekt: m.ClosureComponent = (vnode) => {
// currentProjekt hält den Formularzustand. kundenId referenziert den
// Kunden eindeutig, kundenname dient der Anzeige.
// currentProjekt hält den Formularzustand. kunden_id referenziert den
// Kunden eindeutig, kunden_name dient der Anzeige in der Überschrift.
let currentProjekt: {
id: number
kundenId: number
kundenname: string
kunden_id: number
kunden_name: string
projektname: string
zweck: string
verantwortlicher: string
startdatum: string
} = {
id: -1,
kundenId: -1,
kundenname: "",
kunden_id: -1,
kunden_name: "",
projektname: "",
zweck: "",
verantwortlicher: "",
startdatum: ""
}
// Ist der Kunde voreingestellt (gefilterte Projektliste)?
let kundeVoreingestellt: boolean = false
// Kundenliste asynchron vom Server laden, für Select-Optionen und
// Namensauflösung im submit-Handler.
let kundenListe: iKunde[] = []
return {
oninit: (vnode) => {
const routeParams = m.route.param()
if (routeParams) {
const kundenId = routeParams.kundenId ? parseInt(routeParams.kundenId) : -1
kundeVoreingestellt = kundenId !== -1
currentProjekt = {
id: routeParams.id ? parseInt(routeParams.id) : -1,
kundenId: kundenId,
kundenname: routeParams.kundenname || "",
projektname: routeParams.projektname || "",
zweck: routeParams.zweck || "",
verantwortlicher: routeParams.verantwortlicher || "",
startdatum: routeParams.startdatum || ""
}
const id = routeParams && routeParams.id ? parseInt(routeParams.id) : -1
if (id !== -1) {
// Projektdaten frisch vom Server holen, um zwischenzeitliche
// Änderungen anderer Nutzer nicht zu überschreiben.
fetchProjektById(id).then((result) => {
currentProjekt = result
})
} else {
// Neuanlegen: kunden_id und kunden_name aus Route-Params
// (voreingestellt aus der Projektliste).
currentProjekt.kunden_id = routeParams && routeParams.kunden_id ? parseInt(routeParams.kunden_id) : -1
currentProjekt.kunden_name = routeParams && routeParams.kunden_name ? routeParams.kunden_name : ""
}
fetchKunden().then((result) => {
kundenListe = result
})
},
view: (vnode) => {
const submit = (form: HTMLFormElement): boolean => {
const formData = new FormData(form)
const kundenId = parseInt(formData.get("kundenId") as string)
// Kundennamen zur gewählten kundenId auflösen.
const kunde = kundenListe.find((k: iKunde) => k.id === kundenId)
const gespeichertesProjekt: iProjekt = {
id: currentProjekt.id,
kundenId: kundenId,
kundenName: kunde ? kunde.name : "",
kunden_id: currentProjekt.kunden_id,
kunden_name: "",
projektname: (formData.get("projektname") as string) || "",
zweck: (formData.get("zweck") as string) || "",
verantwortlicher: (formData.get("verantwortlicher") as string) || "",
startdatum: (formData.get("startdatum") as string) || ""
}
if (currentProjekt.id === -1) {
gespeichertesProjekt.id = getNewProjektId()
addProjekt(gespeichertesProjekt)
createProjektREST(gespeichertesProjekt).then(() => m.route.set("/projektliste", {kunden_id: currentProjekt.kunden_id, kunden_name: currentProjekt.kunden_name}))
} else {
updateProjekt(gespeichertesProjekt)
updateProjektREST(gespeichertesProjekt).then(() => m.route.set("/projektliste", {kunden_id: currentProjekt.kunden_id, kunden_name: currentProjekt.kunden_name}))
}
m.route.set("/projektliste")
return true
}
const cancel = (e: Event) => {
m.route.set("/projektliste")
m.route.set("/projektliste", {kunden_id: currentProjekt.kunden_id, kunden_name: currentProjekt.kunden_name})
}
// Select-Optionen aus der Kundenliste aufbauen.
const kundenOptionen: iSelectOption[] = kundenListe.map((k: iKunde) => {
return {value: k.id, label: k.name}
})
return m("div.w3-container.w3-auto.form-view-container",
m("div", {style: {display: 'flex', 'align-items': 'center', 'justify-content': 'space-between'}},
m("h1", currentProjekt.id === -1 ? "Neues Projekt anlegen" : "Projekt-Stammblatt"),
m("h1", currentProjekt.id === -1
? "Neues Projekt für " + currentProjekt.kunden_name
: "Projekt-Stammblatt"),
currentProjekt.id !== -1
? m("button.w3-button.w3-theme",
{onclick: () => m.route.set("/kontaktadresseliste", {projektId: currentProjekt.id})},
@@ -248,14 +227,7 @@ export const Projekt: m.ClosureComponent = (vnode) => {
),
m("div", {style: {flex: '1', 'min-height': '0'}},
m(Form, {showButtons: true, onsubmit: submit, oncancel: cancel} as iForm, [
m("label", "Kunde",
m(Select, {
name: "kundenId",
value: currentProjekt.kundenId,
options: kundenOptionen,
readonly: kundeVoreingestellt,
required: true
} as iSelect)),
m("input", {type: "hidden", name: "kunden_id", value: currentProjekt.kunden_id}),
m("label", "Projektname", m(Input, {name: "projektname", value: currentProjekt.projektname, type: "text", required: true} as iInput)),
m("label", "Zweck", m(Input, {name: "zweck", value: currentProjekt.zweck, type: "text"} as iInput)),
m("label", "Verantwortlicher", m(Input, {name: "verantwortlicher", value: currentProjekt.verantwortlicher, type: "text"} as iInput)),
Client/models/kontakt.ts
+7 -68
View File
@@ -2,12 +2,15 @@ import m from "mithril"
/**
* Datenmodell für einen Kontakt (Ansprechpartner beim Kunden).
* Jeder Kontakt ist genau einem Kunden zugeordnet (FK kundenId).
* Jeder Kontakt ist genau einem Kunden zugeordnet (FK kunden_id).
* Die Feldnamen entsprechen den serverseitigen ORM-Spalten (snake_case).
* kunden_name ist keine ORM-Spalte, sondern wird serverseitig aus der
* Kunde-Relationship abgeleitet und im JSON ergänzt.
*/
export interface iKontakt {
id: number
kundenId: number
kundenName: string
kunden_id: number
kunden_name: string
anrede: string
name: string
position: string
@@ -16,75 +19,11 @@ export interface iKontakt {
notiz: string
}
/**
* In-Memory-Datenspeicher für Kontakte. Wird als Fallback solange verwendet,
* bis die serverseitigen REST-Endpunkte verfügbar sind.
*/
export const kontaktDaten: iKontakt[] = [
{id: 1, kundenId: 1, kundenName: "Musterfirma GmbH", anrede: "Herr", name: "Max Mustermann", position: "Geschäftsführer", telefon: "+49 123 45678", email: "m.mustermann@musterfirma.de", notiz: "Erster Ansprechpartner für das Website-Projekt."},
{id: 2, kundenId: 1, kundenName: "Musterfirma GmbH", anrede: "Frau", name: "Anna Schmidt", position: "Marketingleiterin", telefon: "+49 123 45679", email: "a.schmidt@musterfirma.de", notiz: "Zuständig für Design-Fragen."},
{id: 3, kundenId: 2, kundenName: "Beispiel AG", anrede: "Herr", name: "Peter Müller", position: "IT-Leiter", telefon: "+49 543 21012", email: "p.mueller@beispiel-ag.de", notiz: "Technischer Ansprechpartner."},
{id: 4, kundenId: 3, kundenName: "Test Unternehmen", anrede: "Frau", name: "Lisa Bauer", position: "Projektmanagerin", telefon: "+49 678 90123", email: "l.bauer@test-unternehmen.com", notiz: ""}
]
/**
* Liefert die nächste freie Kontakt-ID auf Basis des In-Memory-Speichers.
* Sobald die serverseitige ID-Vergabe verfügbar ist, entfällt diese Funktion.
*/
export function getNewKontaktId(): number {
if (kontaktDaten.length === 0) {
return 1
}
return Math.max(...kontaktDaten.map((kontakt: iKontakt) => kontakt.id)) + 1
}
/**
* Fügt einen neuen Kontakt dem In-Memory-Speicher hinzu.
*/
export function addKontakt(kontakt: iKontakt): void {
kontaktDaten.push(kontakt)
}
/**
* Aktualisiert einen bestehenden Kontakt im In-Memory-Speicher.
*/
export function updateKontakt(kontakt: iKontakt): void {
const index = kontaktDaten.findIndex((k: iKontakt) => k.id === kontakt.id)
if (index !== -1) {
kontaktDaten[index] = kontakt
}
}
/**
* Liefert eine Kopie aller Kontakte aus dem In-Memory-Speicher.
*/
export function getKontakte(): iKontakt[] {
return [...kontaktDaten]
}
/**
* Liefert die Kontakte eines bestimmten Kunden. Ist kundenId null, werden
* alle Kontakte zurückgegeben.
*/
export function getKontakteByKundenId(kundenId: number | null): iKontakt[] {
return kundenId
? kontaktDaten.filter((k: iKontakt) => k.kundenId === kundenId)
: [...kontaktDaten]
}
/**
* Liefert einen einzelnen Kontakt anhand seiner ID oder undefined.
*/
export function getKontaktById(id: number): iKontakt | undefined {
return kontaktDaten.find((k: iKontakt) => k.id === id)
}
/* ------------------------------------------------------------------ */
/* 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. */
/* serverseitigen REST-Endpunkten (/xhr/kontakt/*). */
/* ------------------------------------------------------------------ */
/**
Client/models/projekt.ts
+17 -14
View File
@@ -2,11 +2,14 @@ import m from "mithril"
/**
* Datenmodell für ein Projekt.
* Die Feldnamen entsprechen den serverseitigen ORM-Spalten (snake_case).
* kunden_name ist keine ORM-Spalte, sondern wird serverseitig aus der
* Kunde-Relationship abgeleitet und im JSON ergänzt.
*/
export interface iProjekt {
id: number
kundenId: number
kundenName: string
kunden_id: number
kunden_name: string
projektname: string
zweck: string
verantwortlicher: string
@@ -14,14 +17,15 @@ export interface iProjekt {
}
/**
* In-Memory-Datenspeicher für Projekte. Wird als Fallback solange verwendet,
* bis die serverseitigen REST-Endpunkte verfügbar sind.
* In-Memory-Datenspeicher für Projekte. Wird noch von call_log.ts und
* kontaktadresse.ts verwendet, bis diese Entitäten ebenfalls auf REST
* umgestellt 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"}
{id: 1, kunden_id: 1, kunden_name: "Musterfirma GmbH", projektname: "Website-Relaunch", zweck: "Neugestaltung der Unternehmenswebsite", verantwortlicher: "Max Mustermann", startdatum: "2024-01-15"},
{id: 2, kunden_id: 1, kunden_name: "Musterfirma GmbH", projektname: "E-Commerce Plattform", zweck: "Online-Shop Entwicklung", verantwortlicher: "Anna Schmidt", startdatum: "2024-03-01"},
{id: 3, kunden_id: 2, kunden_name: "Beispiel AG", projektname: "CRM-System", zweck: "Kundenbeziehungsmanagement", verantwortlicher: "Peter Müller", startdatum: "2024-02-20"},
{id: 4, kunden_id: 3, kunden_name: "Test Unternehmen", projektname: "Mobile App", zweck: "iOS und Android Entwicklung", verantwortlicher: "Lisa Bauer", startdatum: "2024-04-10"}
]
/**
@@ -60,12 +64,12 @@ export function getProjekte(): iProjekt[] {
}
/**
* Liefert die Projekte eines bestimmten Kunden. Ist kundenId null, werden
* Liefert die Projekte eines bestimmten Kunden. Ist kunden_id null, werden
* alle Projekte zurückgegeben.
*/
export function getProjekteByKundenId(kundenId: number | null): iProjekt[] {
return kundenId
? projektDaten.filter((p: iProjekt) => p.kundenId === kundenId)
export function getProjekteByKundenId(kunden_id: number | null): iProjekt[] {
return kunden_id
? projektDaten.filter((p: iProjekt) => p.kunden_id === kunden_id)
: [...projektDaten]
}
@@ -80,8 +84,7 @@ export function getProjektById(id: number): iProjekt | undefined {
/* 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. */
/* serverseitigen REST-Endpunkten (/xhr/projekt/*). */
/* ------------------------------------------------------------------ */
/**