bvandeusen
88091936c5
The page-top chrome was inconsistent: most nested views used the breadcrumb
kicker + page-title pattern, but plugin sub-pages used ad-hoc "← back" links,
~11 pages stacked a breadcrumb AND a redundant ancestor back button, and two
(monitors/edit, hosts/uptime) had a back button but no breadcrumb. The
settings/plugin_detail page stacked all of it at once.
Unify on the breadcrumb-led model:
- settings/_tabs.html: drop the hardcoded "Settings" h1; the breadcrumb
("Settings › …") plus the tab strip is the header.
- settings/plugin_detail: drop the "← Plugins" back button.
- docker container_detail/swarm/disk + snmp/device: replace ad-hoc back links
with the standard crumbs() breadcrumb.
- host_agent, ansible/*, alerts/maintenance: remove redundant ancestor back
buttons (the breadcrumb's parent crumbs already link there); keep lateral
shortcuts (Inventory/Schedules/Browse/Targets/Groups/New).
- monitors/edit, hosts/uptime: add the missing breadcrumb, drop the back link.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016Jg27rgypiW2efULXJDtMC
21 lines
1.2 KiB
HTML
21 lines
1.2 KiB
HTML
{# settings/_tabs.html — include at top of each settings section.
|
||
No section <h1>: the breadcrumb kicker ("Settings › …") names the section and
|
||
the tab strip is the visual header, so we don't stack a redundant title. #}
|
||
<div style="display:flex;gap:0;border-bottom:1px solid var(--border-mid);margin-bottom:1.5rem;">
|
||
{% set tabs = [
|
||
("general", "General", "/settings/general/"),
|
||
("thresholds", "Thresholds & Retention", "/settings/thresholds/"),
|
||
("notifications", "Notifications", "/settings/notifications/"),
|
||
("reports", "Reports", "/settings/reports/"),
|
||
("auth", "Auth", "/settings/auth/"),
|
||
("ansible", "Ansible", "/settings/ansible/"),
|
||
("plugins", "Plugins", "/settings/plugins/"),
|
||
] %}
|
||
{% for key, label, href in tabs %}
|
||
<a href="{{ href }}"
|
||
style="padding:0.6rem 1.1rem;font-size:0.875rem;border-bottom:2px solid {{ 'var(--accent)' if active_tab == key else 'transparent' }};color:{{ 'var(--text)' if active_tab == key else 'var(--text-muted)' }};font-weight:{{ '500' if active_tab == key else 'normal' }};text-decoration:none;">
|
||
{{ label }}
|
||
</a>
|
||
{% endfor %}
|
||
</div>
|