Araç dock'u

Bir sayfanın sonunda bulunan araçlar, bir IDE'de olduğu gibi: her biri sayfanın yanındaki bir sütunda bir alan açan simgelerden oluşan bir çubuk. Bu sayfanın sağındaki çubuk böyle bir çubuktur.

İki grup, her birinde biri açık

Çubuğun üst kısmındaki simgeler, sütunun üst kısmındaki alanlarını açar, alt kısmındaki simgeler ise alt kısımda açar, her seferinde bir tane açık olur. Tek başına bir alan sütunu tamamen kaplar; hiçbir şey açık değilse, sütun kaybolur. Sütun, başlangıç kenarından daha geniş hale getirilir ve her aracın bırakıldığı yer sayfa ile geri gelir.

Üst kısımda yatay

Yatay bir yönlendirme verildiğinde, çubuk üst kısımda yer alır ve rıhtım, bir sayfanın gövdesidir, bir sayfa içinde yazılmıştır: çubuğun başlangıcı, sonunun açtığı şeyin yanında durur, onun altında. Kenar kenara çekilmiş ve alanın yüksekliğini alan bir araç — bir editör — dolgu ile bunu belirtir.

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

Kullanım

Bir sayfa, araçlarını page_zones_after bloğunda tanımlar ve rıhtım, sütunu, alanlarını, tutacaklarını ve çubuğu çizer. Bir araç, sayfanın kendisi için çizdiğini (içerik) veya ilk kez açıldığında yüklenen bir sayfayı (url) gösterir.

{%- 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 -%}