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
@@ -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")
|
||||
|
||||
Reference in new issue
Block a user