scripte/MABEA
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): Standard-Raster auf 16:9-Monitore ausgelegt
CI / backend-tests (push) Successful in 4m17s
Details
CI / frontend-build (push) Successful in 30s
Details

Browse Source 
3 gleich breite Spalten (8/24) statt vorher 16+8-Split und 12-Restzeile -
Gesamthöhe von 23 auf 15 Zeilen reduziert, passt auf einem 16:9-Bildschirm
ohne vertikales Scrollen. Speicher-Key auf v4 angehoben, damit auch
bestehende Browser-Layouts das neue Standard-Raster bekommen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VDMvneg6wKfXdXvTYNd3dN
This commit is contained in:
patrickandClaude Sonnet 5 committed 2026-10-13 14:43:56 +02:00
1 parent 9ea1271583
commit c47fd022c6
1 file changed
+13 -11
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/dashboard/layout.ts
+13 -11
View File
@@ -38,18 +38,20 @@ export interface RasterPosition {
} }
// Freie Grid-Positionen als Startzustand - grob nach Wichtigkeit sortiert, // Freie Grid-Positionen als Startzustand - grob nach Wichtigkeit sortiert,
// Aufgaben-Kachel volle Breite oben. // Aufgaben-Kachel volle Breite oben. 3 gleich breite Spalten (je 8/24) statt
// vorheriger 16+8/12-Restzeile - passt auf 16:9-Monitoren ohne Scrollen
// (Nutzer-Feedback: vorheriges Raster brauchte 23 Zeilen, jetzt 15).
export const STANDARD_RASTER: Record<DashboardTileId, RasterPosition> = { export const STANDARD_RASTER: Record<DashboardTileId, RasterPosition> = {
aufgaben: { x: 0, y: 0, w: 24, h: 3 }, aufgaben: { x: 0, y: 0, w: 24, h: 3 },
einsatzbereitschaft: { x: 0, y: 3, w: 8, h: 5 }, einsatzbereitschaft: { x: 0, y: 3, w: 8, h: 4 },
prueftermine: { x: 8, y: 3, w: 8, h: 5 }, prueftermine: { x: 8, y: 3, w: 8, h: 4 },
ablaufdaten: { x: 16, y: 3, w: 8, h: 5 }, ablaufdaten: { x: 16, y: 3, w: 8, h: 4 },
kennzahlen: { x: 0, y: 8, w: 8, h: 5 }, kennzahlen: { x: 0, y: 7, w: 8, h: 4 },
maengel: { x: 8, y: 8, w: 8, h: 5 }, maengel: { x: 8, y: 7, w: 8, h: 4 },
qualifikation: { x: 16, y: 8, w: 8, h: 4 }, qualifikation: { x: 16, y: 7, w: 8, h: 4 },
aktivitaet: { x: 0, y: 13, w: 16, h: 5 }, aktivitaet: { x: 0, y: 11, w: 8, h: 4 },
readinessVerlauf: { x: 16, y: 13, w: 8, h: 5 }, readinessVerlauf: { x: 8, y: 11, w: 8, h: 4 },
faelligeWartungen: { x: 0, y: 18, w: 12, h: 5 }, faelligeWartungen: { x: 16, y: 11, w: 8, h: 4 },
}; };
export interface DashboardLayout { export interface DashboardLayout {
@@ -57,7 +59,7 @@ export interface DashboardLayout {
ausgeblendet: DashboardTileId[]; ausgeblendet: DashboardTileId[];
} }
const SPEICHER_KEY = "mabea-dashboard-layout-v3"; const SPEICHER_KEY = "mabea-dashboard-layout-v4";
function istGueltigeId(wert: unknown): wert is DashboardTileId { function istGueltigeId(wert: unknown): wert is DashboardTileId {
return typeof wert === "string" && (ALLE_TILE_IDS as string[]).includes(wert); return typeof wert === "string" && (ALLE_TILE_IDS as string[]).includes(wert);