Werkzeugdock

Werkzeuge am Ende einer Seite, wie sie ein IDE hat: eine Leiste von Symbolen, die jeweils eine Zone in einer Spalte neben der Seite öffnen. Die Leiste auf der rechten Seite dieser Seite ist eine davon.

Zwei Gruppen, eine jeweils geöffnet

Die Symbole oben in der Leiste öffnen ihre Zone im oberen Teil der Spalte, die unten in ihrem Fuß im unteren Teil, jeweils eine in jedem. Allein nimmt eine Zone die gesamte Spalte ein; wenn nichts geöffnet ist, ist die Spalte weg. Die Spalte kann von ihrer Startkante aus breiter gezogen werden, und was jedes Werkzeug hatte, kommt mit der Seite zurück.

Entlang der Oberkante

Bei horizontaler Ausrichtung liegt die Leiste oben und das Dock ist der Körper einer Seite, geschrieben in einer Seite--füllend: was der Anfang der Leiste öffnet, steht neben dem, was ihr Ende öffnet, darunter. Ein Werkzeug, das randlos gezeichnet ist und die Höhe der Zone einnimmt – ein Editor – sagt das mit Füllung.

Zeile 1
Zeile 2
Zeile 3
Zeile 4
Zeile 5
Zeile 6
Zeile 7
Zeile 8
Zeile 9
Zeile 10
Zeile 11
Zeile 12
Zeile 13
Zeile 14
Zeile 15
Zeile 16
Zeile 17
Zeile 18
Zeile 19
Zeile 20
Zeile 21
Zeile 22
Zeile 23
Zeile 24
Zeile 25
Zeile 26
Zeile 27
Zeile 28
Zeile 29
Zeile 30
Zeile 31
Zeile 32
Zeile 33
Zeile 34
Zeile 35
Zeile 36
Zeile 37
Zeile 38
Zeile 39
Zeile 40

Verwendung

Eine Seite beschreibt ihre Werkzeuge in ihrem page_zones_after Block, und das Dock zeichnet die Spalte, ihre Zonen, ihre Griffe und die Leiste. Ein Werkzeug zeigt, was die Seite für es gezeichnet hat (Inhalt), oder eine Seite, die beim ersten Öffnen geladen wurde (url).

{%- block page_zones_after -%}
    {{ tool_dock('board.file', [
        { name: 'outline', label: 'Outline', icon: 'ph:bold/list-bullets', content: outline },
        { name: 'detail', label: 'Detail', icon: 'ph:bold/info', group: 'end', open: true, content: detail },
        { name: 'history', label: 'History', icon: 'ph:bold/clock-counter-clockwise', group: 'end', url: path('app_file_history') },
    ]) }}
{%- endblock -%}