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:
1 parent
3e1791d316
commit
ad24981a0b
5 files changed
+51
-54
No files matched your search
@@ -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")
|
||||
|
||||
Reference in new issue
Block a user