Web: Mindestbestaende in festen Spalten, Detail-Spalten verschiebbar
Die Eingabefelder auf der Mindestbestaende-Seite standen je Zeile woanders. Die
Zeile war ein .field-inline, und dort waechst sowohl der Name als auch das
Eingabefeld (.field-inline > input { flex: 1 1 auto }) - beide teilten sich den
Restplatz, also verschob ein laengerer Name das Feld nach rechts und machte es
schmaler. Jetzt ist die Zeile ein Raster mit festen Spalten (Name, Menge,
Einheit, Bestand, Ort, Loeschen); ohne Adminrechte bleiben die letzten beiden
Zellen leer, damit die Zeilen trotzdem fluchten. Schmale Fenster stellen den
Namen ueber die volle Breite.
Die "Details"-Spalte liess sich nicht verschieben: sie war fixed und hatte
zusaetzlich einen leeren Kopf - es gab also nichts zu greifen. Sie ist jetzt
frei und traegt einen sichtbaren Titel. Dasselbe fuer die gleichartigen
Link-Spalten in der Einzelstueck- und der Chargenliste ("Artikel",
"Aufteilen"). Sortieren bleibt dort aus, weil toggleSort ohne sortValue
ohnehin aussteigt. Bild- und Auswahlspalten bleiben fest - die haben keinen
sinnvollen Titel und gehoeren an den Anfang.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -139,12 +139,12 @@ export default function Charges() {
|
||||
{ key: "created", header: "Eingelagert", width: 130,
|
||||
sortValue: (l) => new Date(l.created_at).getTime(),
|
||||
render: (l) => <span className="muted">{new Date(l.created_at).toLocaleDateString("de-DE")}</span> },
|
||||
{ key: "split", header: "", label: "Aufteilen", fixed: true, width: 118, align: "num",
|
||||
{ key: "split", header: "Aufteilen", label: "Aufteilen", width: 118, align: "num",
|
||||
render: (l) => (isAdmin ? (
|
||||
<button type="button" className="btn sm ghost" title="Charge aufteilen und Teil umlagern"
|
||||
onClick={() => setSplitting(l)}><Icon name="split" size={15} />Aufteilen</button>
|
||||
) : null) },
|
||||
{ key: "details", header: "", label: "Artikel", fixed: true, width: 84, align: "num",
|
||||
{ key: "details", header: "Artikel", label: "Artikel", width: 90, align: "num",
|
||||
render: (l) => <Link to={`/products/${l.product_id}`}>Artikel</Link> },
|
||||
];
|
||||
|
||||
|
||||
Reference in New Issue
Block a user