{% block page_title %}{{ title }}{% endblock %}

{% import "adminsite/_icons.html" as icons -%} {% block page_title %}{{ title }}{% endblock %} {% for href in admin.stylesheets %} {% endfor %} {% for src in admin.scripts %} {% endfor %} {% include "adminsite/_browser_timezone.html" %}

{#- Before the page, so the sidebar is drawn as soon as the page starts to arrive. After a long list, it was missing until the last row came in, and then the page jumped sideways to make room for it. -#}

{#- As tall as the window, so its links scroll under the account menu, which stays at the foot. -#} {#- From a laptop up it folds to its icons. Folded, every name stays for screen readers and shows when the pointer rests on its icon, and a line takes the place of each group's title. -#}

{% set on_overview = not current and not on_activity and not status %} {% macro nav_link(url, label, active, icon_name="", icon_markup="") -%}

{%- endmacro %} {% set group_line = "folded:lg:mt-2.5 folded:lg:border-t folded:lg:border-base-300 folded:lg:pt-2.5" %}

{{ nav_link(urls.index(), _('Overview'), on_overview, "overview") }} {% for group, views in groups %} {% if group %} {% endif %}

{% for item in views %} {{ nav_link(item.url, item.label, current == item.key, "page" if item.key.startswith("page:") else "rows", item.icon) }} {% endfor %} {% endfor %} {% if show_activity %}

{{ nav_link(urls.activity(), _('Activity'), on_activity, "history") }} {% endif %}

{#- Who is signed in, and what each person sets for themselves: the theme, the language and the time zone. One button at the foot of the sidebar opens them upwards. Its buttons post the forms below it. -#} {% set here = request.url.path ~ ('?' ~ request.url.query if request.url.query else '') %} {% set chosen = namespace(language="", city="") %} {% for code, name in languages if code == language %}{% set chosen.language = name %}{% endfor %} {% for choice in timezones if choice.shown %}{% set chosen.city = choice.city %}{% endfor %}

{% if languages|length > 1 %} {% endif %} {% if timezones %} {% endif %} {% if user %} {% endif %}

{% if user %} {% else %} {{ icons.icon("sliders") }} {% endif %} {{ icons.icon("chevrons-up-down") }}

{#- The choices open as a menu of their own beside the row, in the top layer, so the sidebar, which scrolls and so clips what overflows it, cannot cut them off. They stay inside the dropdown, so it stays open while they are used. daisyUI fills a menu item marked current like a pressed button; the choice in use reads as chosen, with a tick. -#} {% if languages|length > 1 %} {% endif %} {% if timezones %} {% endif %}

{% if admin.banner %}

{% endif %} {#- The messages left for this page, in the corner. An answer from HTMX can add one, as a value saved from the list does. -#}

{%- for message in messages %}{% include "adminsite/_message.html" %}{% endfor -%}

{#- The page sits on a raised panel, so it reads apart from the sidebar. -#}

{% block breadcrumb %}{% endblock %} {#- Once the page scrolls, a line under the header keeps what scrolls beneath it apart from it: the same line the tabs below it draw. -#}

{{ icons.icon("menu", 18) }} {#- From a tablet up the heading keeps its width, and the buttons move under it where they do not fit beside it. Given only the room the buttons left, it was cut short to a few letters. A phone folds the buttons into one menu instead, and shortens a long heading. -#}

{% block header %}{% endblock %}

{% block header_actions %}{% endblock %}

{#- Relative, so text kept for screen readers ("sr-only") is placed inside this scrolling area. Placed against the page instead, a label low in a long form stretched the page and made the whole window scroll. -#}

{% block content %}{% endblock %}