Kartengroessen korrigiert, Vorschau im Menue, Zeitraum-Auswahl bei Verlaeufen

Zu kleine Karten (Konstruktionsfehler):
Bei Schnellzugriff, Status und den Kennzahlen war die Mindesthoehe gleich der
Standardhoehe - und beide zu klein. Bei 96 px Zeilenhoehe blieben nach Kartenkopf
und Innenabstand nur 23 px fuer den Inhalt, eine Kennzahl braucht allein rund
45 px. Deshalb erschien schon in der Grundeinstellung ein Rollbalken, und
kleiner ging es nicht.
- Zeilenhoehe von 96 auf 40 px: die Hoehe laesst sich jetzt fein abstufen.
- Jede Karte hat eine Mindesthoehe, in die ihr Inhalt nachweislich passt
  (Rechnung steht als Kommentar am Verzeichnis).
- Gespeicherte Anordnungen aus der alten Fassung werden beim Laden auf die
  Mindestgroesse angehoben, statt zu flach zu bleiben.

Vorschau im Menue "Karte hinzufuegen":
Der Name allein verriet nicht, was eine Karte zeigt. Jede Karte hat jetzt eine
kleine Skizze (Tabelle, Ring, Balken, Linie, Kennzahl) und eine Beschreibung.
Bewusst gezeichnete Skizzen statt echter Vorschau - sonst muesste das Menue fuer
jede Karte Daten laden.

Zeitraum bei den Verlaufskarten:
Bestandsverlauf, Artikelverlauf und Ein-/Auslagerungen haben eine Auswahl
7 Tage bis 1 Jahr.

Ringdiagramme:
Der Ring klebte oben in der Karte, darunter blieb viel Leerraum. Er fuellt jetzt
die Karte und sitzt mittig.

Geprueft: "npm run build" laeuft durch.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-23 10:09:05 +02:00
parent 4246e0d98f
commit aa58914374
5 changed files with 298 additions and 63 deletions

View File

@@ -49,14 +49,16 @@ router = APIRouter(prefix="/dashboard", tags=["dashboard"])
ENFORCED_KEY = "dashboard_enforced"
# Eingebaute Anordnung wird benutzt, solange weder eigene noch Vorgabe existiert.
# Höhen zählen Rasterzeilen à 40 px; die Oberfläche hebt zu flache Karten
# zusätzlich auf ihre Mindesthöhe an.
BUILTIN_LAYOUT: list[dict] = [
{"i": "actions", "x": 0, "y": 0, "w": 4, "h": 1},
{"i": "status", "x": 4, "y": 0, "w": 8, "h": 1},
{"i": "expiring", "x": 0, "y": 1, "w": 6, "h": 3},
{"i": "shopping", "x": 6, "y": 1, "w": 6, "h": 3},
{"i": "expiry-donut", "x": 0, "y": 4, "w": 4, "h": 3},
{"i": "category-donut", "x": 4, "y": 4, "w": 4, "h": 3},
{"i": "stock-timeline", "x": 8, "y": 4, "w": 4, "h": 3},
{"i": "actions", "x": 0, "y": 0, "w": 4, "h": 3},
{"i": "status", "x": 4, "y": 0, "w": 8, "h": 3},
{"i": "expiring", "x": 0, "y": 3, "w": 6, "h": 6},
{"i": "shopping", "x": 6, "y": 3, "w": 6, "h": 6},
{"i": "expiry-donut", "x": 0, "y": 9, "w": 4, "h": 6},
{"i": "category-donut", "x": 4, "y": 9, "w": 4, "h": 6},
{"i": "stock-timeline", "x": 8, "y": 9, "w": 4, "h": 6},
]