Työkalutelakka

Työkalut sivun lopussa, kuten IDE:ssä: ikonipalkki, joka avaa vyöhykkeen sarakkeessa sivun vieressä. Tämän sivun oikealla puolella oleva palkki on yksi niistä.

Kaksi ryhmää, yksi avoinna kummassakin

Palkin yläosassa olevat ikonit avaavat vyöhykkeen sarakkeen yläosassa, alhaalla olevat sen alaosassa, yksi kerrallaan kummassakin. Yksin vyöhyke vie koko sarakkeen; kun mikään ei ole auki, sarake häviää. Saraketta voi vetää leveämmäksi sen alareunasta, ja mitä kukin työkalu oli jäljellä, palaa sivun mukana.

Aivan ylhäällä

Vaaka-orientaation myötä palkki on ylhäällä ja paneeli on sivun runko, kirjoitettuna sivun täyttöön: palkin alku avaa sen vieressä, mitä sen loppu avaa, sen alla. Työkalu, joka on vedetty reunasta reunaan ja ottaa vyöhykkeen korkeuden — esimerkiksi editori — kertoo sen täytteen avulla.

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

Käyttö

Sivu kuvaa työkalujaan sen page_zones_after-lohkossa, ja paneeli piirtää sarakkeen, sen vyöhykkeet, niiden kahvat ja palkin. Työkalu näyttää mitä sivu piirsi sille (sisältö), tai sivun, joka ladattiin ensimmäisen kerran avattaessa (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 -%}