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

+9 -10
View File
@@ -69,17 +69,15 @@ export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
const columnmapper: (node: iTreenode) => any[] = (node: iTreenode) => {
let kontaktadresse: iKontaktadresse = node.nodevalue
const isSelected = selectedNode === node
const cellStyle = isSelected ? {backgroundColor: '#e6f7ff'} : {}
return [
m("div", {style: cellStyle}, m("strong", kontaktadresse.name)),
m("span", {style: cellStyle}, kontaktadresse.firma),
m("span", {style: cellStyle}, kontaktadresse.telefon),
m("span", {style: cellStyle}, kontaktadresse.email),
m("span", {style: cellStyle}, kontaktadresse.ort),
m("span", {style: cellStyle}, kontaktadresse.projektName),
m("button.w3-button.w3-small", {style: cellStyle, onclick: (e: Event) => editKontaktadresse(kontaktadresse, e)}, m("i.material-icons", "edit"))
m("div", m("strong", kontaktadresse.name)),
m("span", kontaktadresse.firma),
m("span", kontaktadresse.telefon),
m("span", kontaktadresse.email),
m("span", kontaktadresse.ort),
m("span", kontaktadresse.projektName),
m("button.w3-button.w3-small", {style: {padding: '0 2px'}, onclick: (e: Event) => editKontaktadresse(kontaktadresse, e)}, m("i.material-icons", "edit"))
]
}
@@ -118,7 +116,8 @@ export const kontaktadresseliste: m.ClosureComponent = (vnode) => {
treenodes: treenodes,
columnmapper: columnmapper,
filter: filterFunction,
onRowMarked: handleRowMarked
onRowMarked: handleRowMarked,
isSelected: (node: iTreenode) => node === selectedNode
} as iTreetable,
m(TopbarButton, {onclick: addKontaktadresseRoute, tooltip: "Neue Kontaktadresse anlegen"} as iTopbarButton,
m("i.material-icons", "person_add")