Dock Alat

Alat-alat di sepanjang akhir halaman, seperti yang dimiliki IDE: sebuah bilah ikon, masing-masing membuka zona di kolom di samping halaman. Bilah di sebelah kanan halaman ini adalah salah satunya.

Dua grup, satu terbuka di masing-masing

Ikon di bagian atas bilah membuka zona mereka di bagian atas kolom, yang di bagian bawah membuka di bagian bawah, satu terbuka pada satu waktu di masing-masing. Sendirian, sebuah zona mengambil seluruh kolom; dengan tidak ada yang terbuka, kolom menghilang. Kolom dapat diseret lebih lebar dari tepi awalnya, dan apa yang ditinggalkan masing-masing alat akan kembali dengan halaman.

Di sepanjang tepi atas

Dengan orientasi horizontal, bilah berbaring di sepanjang atas dan dock adalah bagian dari halaman, ditulis dalam halaman--isi: apa yang dibuka oleh awal bilah berdampingan dengan apa yang dibuka oleh akhirnya, di bawahnya. Sebuah alat yang ditarik dari tepi ke tepi dan mengambil tinggi zona — sebuah editor — mengatakan demikian dengan isi.

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

Penggunaan

Sebuah halaman menjelaskan alat-alatnya di blok page_zones_after, dan dock menggambar kolom, zona-zonanya, pegangan mereka dan bilah. Sebuah alat menunjukkan apa yang digambar halaman untuknya (konten), atau sebuah halaman yang dimuat pertama kali saat dibuka (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 -%}