Док инструментов

Инструменты в конце страницы, как в IDE: панель значков, каждый из которых открывает зону в колонне рядом со страницей. Панель справа от этой страницы — одна из них.

Две группы, по одной открытой в каждой

Значки в верхней части панели открывают свою зону в верхней части колонны, а те, что внизу — в нижней части, по одной открытой в каждой. Одна зона занимает всю колонну; если ничего не открыто, колонна исчезает. Колонну можно растянуть шире от ее начального края, и то, что осталось от каждого инструмента, вернется с страницей.

Вдоль верхнего края

При горизонтальной ориентации панель лежит вдоль верха, а док — это тело страницы, написанное в странице — заполнение: то, что открывает начало панели, стоит рядом с тем, что открывает ее конец, под ней. Инструмент, нарисованный от края до края и занимающий высоту зоны — редактор — говорит об этом с помощью заполнения.

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

Использование

Страница описывает свои инструменты в блоке page_zones_after, а док рисует колонну, ее зоны, их ручки и панель. Инструмент показывает то, что страница нарисовала для него (контент), или страницу, загруженную в первый раз при открытии (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 -%}