Fenster & Viewport
Die Architektur des Raums.
Raumverwaltung
Der Viewport ist die Bühne für Dinge, die über der Seite liegen.
Benachrichtigungen, Fenster und Overlays brauchen eine zentrale Ordnung. Scala JS UI 1.0 bündelt diese Belange im Viewport, sodass Seiten globale UI-Ebenen nicht selbst verwalten müssen.
Benachrichtigen
Kurze Rückmeldung, ohne den Kontext zu verlieren.
Fenster
Fokussierte Arbeitsflächen über der Seite.
Overlay
An Anker gebundene Flächen für Auswahl und Details.
Viewport
Vier Benachrichtigungstypen zeigen, wie eine Seite globale Rückmeldungen auslöst.
Der Viewport ist das ruhige Zentrum, das Fenster, Benachrichtigungen und Overlays trägt. Er bringt Ordnung ins Chaos und gibt ihm eine Bühne.
Fenster
Ein Fenster bleibt im globalen Viewport, während die darunterliegende Seite ihren Zustand behält.
Fenster sind bewegliche Inseln im Viewport. Sie ermöglichen Fokus, ohne den Kontext zu verlieren.
Zentrum
Globale UI gehört an einen Ort
Viewport.windows und Viewport.notifications bilden den Zustand der obersten UI-Ebene.
Fokus
Fenster verwalten Z-Index und Aktivität
Der Viewport kann Fenster aktivieren, anordnen und schließen, ohne Seitenlogik zu duplizieren.
Lesbarkeit
Seiten lösen nur Absichten aus
Die Seite sagt notify oder addWindow; der Viewport übernimmt Darstellung und Lebenszyklus.
Verwendung
Die Seite bindet den Viewport einmal und sendet danach nur noch klare Absichten.
scala
// Place the viewport in the app shell
viewport {
router(routes)
}
// Send notification
Viewport.notify("Hello world", NotificationKind.Success)
// Add window
Viewport.addWindow(new WindowConf(
title = "My window",
component = () => new MyContent()
))