Scarriffle/Vorrania
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Chargen-Seite faerbt Zeilen nach MHD (gelb = bald ablaufend, rot = abgelaufen)

Browse Source 
Wiederverwendung von expiryRowClass + .row-warn/.row-danger wie auf der
Artikelseite. Warnfrist kommt aus der Einstellung expiry_warning_days (Default 7).
Die MHD-Faerbung bleibt auch bei ausgewaehlter/gehoverter Zeile sichtbar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-30 13:45:19 +02:00
parent f981f41d94
commit 4ed33e221f
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/pages/Charges.jsx
View File

@@ -8,7 +8,7 @@ import SplitLotDialog from "../components/SplitLotDialog";
import { ProduktThumb } from "../components/ProduktBild"; import { ProduktThumb } from "../components/ProduktBild";
import { useSettings } from "../settings"; import { useSettings } from "../settings";
import { locationOptions, locationPathById } from "../locationPath"; import { locationOptions, locationPathById } from "../locationPath";
import { fmt, gebinde, unitShort } from "../units"; import { expiryRowClass, fmt, gebinde, unitShort } from "../units";
// Artikeleinheit einer Charge (Gebinde, sonst Produkteinheit). // Artikeleinheit einer Charge (Gebinde, sonst Produkteinheit).
const artFactor = (l) => (l.package_size && l.package_size > 0 ? l.package_size : (l.unit_factor || 1)); const artFactor = (l) => (l.package_size && l.package_size > 0 ? l.package_size : (l.unit_factor || 1));
@@ -36,6 +36,7 @@ export default function Charges() {
const [selected, setSelected] = useState(() => new Set()); const [selected, setSelected] = useState(() => new Set());
const [visible, setVisible] = useState([]); // aktuell gefiltert sichtbare Chargen const [visible, setVisible] = useState([]); // aktuell gefiltert sichtbare Chargen
const [splitting, setSplitting] = useState(null); // Charge, die gerade aufgeteilt wird const [splitting, setSplitting] = useState(null); // Charge, die gerade aufgeteilt wird
const [warnDays, setWarnDays] = useState(7); // Warnfrist für „bald ablaufend"
async function load() { async function load() {
setLoading(true); setLoading(true);
@@ -50,6 +51,12 @@ export default function Charges() {
} }
} }
useEffect(() => { load(); }, []); useEffect(() => { load(); }, []);
// Warnfrist (Tage) für die gelbe „bald ablaufend"-Markierung – wie auf der Artikelseite.
useEffect(() => {
api.listSettings()
.then((s) => { const r = s.find((x) => x.key === "expiry_warning_days"); if (r) setWarnDays(parseInt(r.value, 10) || 7); })
.catch(() => {});
}, []);
const ohneOrt = useMemo(() => lots.filter((l) => !l.location_id), [lots]); const ohneOrt = useMemo(() => lots.filter((l) => !l.location_id), [lots]);
@@ -191,7 +198,7 @@ export default function Charges() {
<div className="card"> <div className="card">
<DataTable id="charges" columns={columns} rows={lots} loading={loading} <DataTable id="charges" columns={columns} rows={lots} loading={loading}
onVisibleRows={setVisible} onVisibleRows={setVisible}
rowClassName={(l) => (selected.has(l.id) ? "row-active" : "")} rowClassName={(l) => [expiryRowClass(l.best_before, warnDays), selected.has(l.id) ? "row-active" : ""].filter(Boolean).join(" ")}
onRowClick={(l, e) => { onRowClick={(l, e) => {
// Klicks auf Bedienelemente (Checkbox, Lagerort-Dropdown, Link) nicht // Klicks auf Bedienelemente (Checkbox, Lagerort-Dropdown, Link) nicht
// als Zeilenauswahl werten – überall sonst die Zeile umschalten. // als Zeilenauswahl werten – überall sonst die Zeile umschalten.