Das Aktionspanel — 6 Steuerelementtypen
Das Aktionspanel ist die zweite schwebende Leiste von JustZix — die mit interaktiven Steuerelementen, mit denen du eine Seite spontan steuerst. Jede Aktion ist einer von sechs Typen und an einen Ordner oder ein Regelset gebunden, sodass sie genau dort erscheint, wo du sie brauchst.
Was eine Aktionsleiste ist
Während die erste Leiste von JustZix Regeln ein- und ausschaltet, ist das Aktionspanel mehr als nur Schalter. Es ist ein Satz interaktiver Steuerelemente, mit denen du eine Seite während der Arbeit steuerst — Code auf Abruf ausführen, ihm Werte übergeben, Modi umschalten.
Die Leiste ist an einen Ordner, eine Gruppe oder ein Regelset gebunden. Ist dieser Ordner auf der aktuellen Seite aktiv, erscheinen seine Aktionen im schwebenden Panel; passt er nicht, bleibt das Panel leer. So zeigt eine Shop-Seite andere Steuerelemente als ein Admin-Dashboard. Die Leiste merkt sich ihre Position, und ein Rechtsklick blendet sie für den Rest der Sitzung aus.
Sechs Steuerelementtypen
Jede Aktion hat ein Label, eine Farbe und ein optionales Tastenkürzel. Du wählst je nach Bedarf einen von sechs Typen:
BUTTON— ein Fire-and-Forget-Button; ein Klick führt einfach JS-Code aus.SELECT— ein Dropdown; statische oder per JS generierte Optionen, und eine Auswahl löst die Aktion aus.INPUT— ein einzelnes Textfeld im Command-Bar-Stil; du gibst einen Wert ein und bestätigst.SLIDER— ein Schieberegler, der eine CSS-Variable live steuert, etwa Seitenhelligkeit oder Zoom.TEXTAREA— ein mehrzeiliger Notizblock, dessen Inhalt für jede Domain getrennt gemerkt wird.TOGGLE3— ein Dreizustands-Segmentschalter, ideal für Modi wiedev / staging / prod.
Vom einfachen Klick zum Eingabewert
Der einfachste Typ ist BUTTON — ein Ziel, ein Klick. SELECT und TOGGLE3 bringen Auswahl: statt eines eigenen Buttons pro Variante hast du ein Steuerelement mit mehreren Zuständen. INPUT und TEXTAREA gehen weiter und nehmen Text auf, den du im Moment lieferst — der Aktionscode liest diesen Wert und macht damit, was du entworfen hast.
SLIDER fällt aus der Reihe, weil er kontinuierlich arbeitet: Ziehst du den Griff, ändert sich die verknüpfte CSS-Variable sofort, ohne Bestätigung. Er ist die natürliche Wahl für Anpassungen, die du in Echtzeit sehen willst.
Aktionen führen Code auf Abruf aus
Hinter jedem Steuerelement steckt ein kleines Stück CSS oder JavaScript. Der Unterschied zu einer normalen Regel ist, dass eine Regel beim Laden der Seite automatisch läuft, während eine Aktion wartet — sie läuft erst, wenn du sie benutzt. Das ist perfekt für Vorgänge, die du nicht jedes Mal willst: ein Formular leeren, Testdaten erzeugen, ein Theme umschalten, die Seite an ein anderes Tool senden.
Da Aktionscode in derselben World wie Regeln läuft, hat er Zugriff auf das Seiten-DOM und auf die JustZix-Globals, sodass ein Button einen mehrstufigen Workflow auslösen kann. Das Aktionspanel macht aus einem statischen Regelset ein kleines, auf die Seite zugeschnittenes Steuerpult.
Verwandte Blogbeiträge
Beiträge, die dieses Thema vertiefen.