Die Planungsmaschine – Woche im Stundenraster, Leiste aus- und eingeklappt, Bereiche mit Liste und Seitenspalte. Gilt für eine Mac-App und für die Web-App im Browser, mit Maßen in Punkten und Tastenkürzeln.
Am Mac setzt man sich hin. Hier ist Dichte erlaubt: die ganze Woche auf einmal, Tabellen, Spalten, Tastatur. Der Mac ist der einzige Ort, an dem Safe, Tresor und Finanzen ganz aufgehen.
Es gibt zwei Wege auf einen großen Bildschirm, und beide haben denselben Aufbau:
Die Mac-App aus apps/apple (SwiftUI, ein Ziel neben iPhone und iPad). Nur sie kann, was nativ geht: Face ID für den Tresor, Secure Enclave, Mitteilungen, Kurzbefehle.
Die Web-App unter app.hey-albert.app (Next.js, apps/web) für jeden Browser, auch auf Rechnern ohne App Store. Die Web-App ist die Fläche für Planung und Papierkram. Der Tresor ist hier nicht, denn der Browser hat keine Secure Enclave.
Leiste, Kopf, Anrede, Raster und Karten sind dieselben Bauteile. Wer eine Fläche für den Mac entwirft, entwirft sie für beide.
Die Referenz-Screens sind für ein Fenster von 1440 × 900 pt gezeichnet. docs/12-roadmap.md nennt dazu 1600 × 1000 pt. Das Fenster ist frei größenveränderbar. Unter 1200 pt Breite klappt die Leiste ein (Vorschlag).
Die Heldenansicht. Sieben Spalten, ein Stundenraster, die Jetzt-Linie. Hier wird die Woche verteilt.
1Leiste
2
3
4
5
6KW und Tagesreiter
7
8Stundenraster mit Karten
9
10Schnellmenü (offen)
Mac · Woche im Stundenraster · 1440 × 900 pt · belegt
1
Leiste · 220 pt, 24 pt vom Fensterrand
Schwarzer Block: Wortmarke „Hey Albert“, dann Flächen (Heute, Woche, Eingang mit Zähler), Bereiche (Essen, Aufgaben, Schule, Freude, Wichtiges), Persönlich (Ich, Haushalt), unten der Mensch mit „Profil und Einstellungen“. Aktiver Ort: rosa Strich links. Albert ist kein Ort.
Suchpille mit rosa Lupe. Rechts darin „In:“ und gestrichelte Bereichs-Chips: Termine, Fahrten, Aufgaben, Dokumente, Post mit Zähler. Dann drei Kreise in fester Reihenfolge: Klingel, Nachrichten, rosa Plus.
„Guten Morgen, Anna.“ in Bricolage 800, eng gelaufen. Im Wochenboard darunter eine Zeile: „Mittwoch, 3. September · 16:40 · zwei Sachen offen, ein Vorschlag“.
Eine Spalte je Tag. Die Achse setzt nur den Anfang, eine Karte wird so hoch, wie ihr Inhalt braucht. Fahrten blau, Familie gelb, Termine beige, Albert gestrichelt grau ohne Füllung mit zwei Knöpfen, Offenes gestrichelt rosa.
Eingeklappt bleibt die Leiste 72 pt breit. Die gewonnene Breite geht ganz an die Spalten.
1
2
3
4
5
6KW und Tagesreiter
7Zeitachse und Raster
Mac · Leiste eingeklappt · 1440 × 900 pt · belegt
1
Leiste eingeklappt · 72 pt
Oben der Ball im cremefarbenen Kreis, dann nur Zeichen, durch Haarlinien in drei Gruppen getrennt. Der rosa Pfeil am Rand klappt wieder auf. Unten der eigene Kreis.
Der aktive Ort trägt einen rosa Strich links und ein aufgehelltes Feld. Eingeklappt als fassung="pille" tritt er als rosa Kreis seitlich heraus und die Leiste beult sich um ihn. Albert steht nicht in der Leiste – er ist kein Ort.
Das Logo lädt aus assets/logo-albert-hell.png; setze auf <html>data-albert-logo="<pfad>", wenn es woanders liegt.
Typen (.d.ts)
/**
* Die schwarze Leiste auf dem Mac - voll (220 px) oder eingeklappt (72 px) als Block oder als Pille.
*/
export interface LeisteOrt { name: string; zeichen: string; zaehler?: number }
export interface LeisteGruppe { gruppe: string; eintraege: LeisteOrt[] }
export interface LeisteMacProps {
/** Der Ort, auf dem man steht: "Heute" | "Woche" | "Eingang" | "Essen" | ... */
aktiverOrt?: string;
/** Gruppen der Navigation. Standard: Flächen, Bereiche, Persönlich. */
orte?: LeisteGruppe[];
eingeklappt?: boolean;
/** Eingeklappt gibt es zwei Fassungen: schmaler "block" oder rundum abgerundete "pille",
* bei der der aktive Ort als rosa Kreis seitlich heraustritt. */
fassung?: "block" | "pille";
/** Der Mensch unten in der Leiste. */
ich?: string;
onWahl?: (ort: string) => void;
onKlappen?: () => void;
onProfil?: () => void;
style?: React.CSSProperties;
}
export function LeisteMac(props: LeisteMacProps): JSX.Element;
export const ORTE: LeisteGruppe[];
Die Sonntagsrunde ist eine eigene Fläche ohne Leiste. Acht geführte Schritte, Großschrift für den Familienkreis, ein Mensch ist dran. Die Runde läuft vom Mac oder iPad per AirPlay auf den Fernseher. Der Screen ist für 1920 × 1080 pt gezeichnet.
