Listen: einheitliche Zeilen-Markierung und kompakte Aktions-Buttons

Alle App-Listen (kundenliste, call_log_liste, kontaktliste, kontaktadresseliste,
TagList) auf das isSelected-Callback der Treetable umgestellt — die Markierung
erfolgt jetzt auf der gesamten <tr>-Zeile via w3-theme-l4 statt per-Zell-Inline-Style.
In der kundenliste sind die 3 Aktions-Buttons (edit, Projekte, Kontakte) kompakt
in einer Zelle zusammengefasst, analog zur projektliste. Auth-Listen unberührt.

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>
This commit is contained in:
gg committed 2026-09-01 10:45:48 +02:00
1 parent 3e1791d316
commit ad24981a0b
5 files changed
+51 -54

No files matched your search

+8 -9
View File
@@ -61,16 +61,14 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
const columnmapper: (node: iTreenode) => any[] = (node: iTreenode) => {
let kontakt: iKontakt = node.nodevalue
const isSelected = selectedNode === node
const cellStyle = isSelected ? {backgroundColor: '#e6f7ff'} : {}
return [
m("div", {style: cellStyle}, m("strong", kontakt.name)),
m("span", {style: cellStyle}, kontakt.position),
m("span", {style: cellStyle}, kontakt.telefon),
m("span", {style: cellStyle}, kontakt.email),
m("span", {style: cellStyle}, kontakt.kundenName),
m("button.w3-button.w3-small", {style: cellStyle, onclick: (e: Event) => editKontakt(kontakt, e)}, m("i.material-icons", "edit"))
m("div", m("strong", kontakt.name)),
m("span", kontakt.position),
m("span", kontakt.telefon),
m("span", kontakt.email),
m("span", kontakt.kundenName),
m("button.w3-button.w3-small", {style: {padding: '0 2px'}, onclick: (e: Event) => editKontakt(kontakt, e)}, m("i.material-icons", "edit"))
]
}
@@ -108,7 +106,8 @@ export const kontaktliste: m.ClosureComponent = (vnode) => {
treenodes: treenodes,
columnmapper: columnmapper,
filter: filterFunction,
onRowMarked: handleRowMarked
onRowMarked: handleRowMarked,
isSelected: (node: iTreenode) => node === selectedNode
} as iTreetable,
m(TopbarButton, {onclick: addKontaktRoute, tooltip: "Neuen Kontakt anlegen"} as iTopbarButton,
m("i.material-icons", "person_add")