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
65 lines
3.1 KiB
HTML
65 lines
3.1 KiB
HTML
{% extends "base.html" %}
|
|
{% from "_macros.html" import crumbs %}
|
|
{% block title %}{{ "Edit" if editing else "New" }} Playbook — Steward{% endblock %}
|
|
{% block breadcrumb %}{{ crumbs([("Ansible", "/ansible/"), ("Browse", "/ansible/browse"), (("Edit " ~ playbook_path) if editing else "New playbook", "")]) }}{% endblock %}
|
|
{% block content %}
|
|
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap;">
|
|
<h1 class="page-title" style="margin-bottom:0;">{{ "Edit playbook" if editing else "New playbook" }}</h1>
|
|
</div>
|
|
|
|
{% if error %}<div class="alert alert-error">{{ error }}</div>{% endif %}
|
|
|
|
{% if not editable_sources %}
|
|
<div class="card empty">
|
|
No writable playbook source is available. The built-in <code>steward-local</code> source should appear
|
|
automatically; you can also configure a local-dir source under <a href="/settings/ansible/">Settings → Ansible</a>.
|
|
</div>
|
|
{% else %}
|
|
<form method="post" action="/ansible/playbooks/save">
|
|
<input type="hidden" name="editing" value="{{ '1' if editing else '0' }}">
|
|
<div style="display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;">
|
|
<div class="form-group" style="margin-bottom:0;">
|
|
<label>Source</label>
|
|
{% if editing %}
|
|
<input type="text" value="{{ source_name }}" readonly style="color:var(--text-muted);">
|
|
<input type="hidden" name="source_name" value="{{ source_name }}">
|
|
{% else %}
|
|
<select name="source_name" required>
|
|
{% for s in editable_sources %}
|
|
<option value="{{ s.name }}" {% if s.name == source_name %}selected{% endif %}>{{ s.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
{% endif %}
|
|
</div>
|
|
<div class="form-group" style="margin-bottom:0;flex:1;min-width:240px;">
|
|
<label>Filename / path (.yml or .yaml)</label>
|
|
<input type="text" name="playbook_path" value="{{ playbook_path }}" required
|
|
{% if editing %}readonly style="color:var(--text-muted);"{% endif %}
|
|
placeholder="maintenance/restart_nginx.yml">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Playbook (YAML)</label>
|
|
<textarea name="content" rows="22" spellcheck="false"
|
|
style="width:100%;font-family:ui-monospace,monospace;font-size:0.85rem;white-space:pre;overflow-wrap:normal;overflow-x:auto;">{{ content }}</textarea>
|
|
<p style="color:var(--text-dim);font-size:0.75rem;margin-top:0.35rem;">
|
|
Validated as YAML on save. Runs as the configured Ansible user — admin only.
|
|
</p>
|
|
</div>
|
|
<div style="display:flex;gap:0.5rem;">
|
|
<button type="submit" class="btn">Save</button>
|
|
<a href="/ansible/browse" class="btn btn-ghost">Cancel</a>
|
|
</div>
|
|
</form>
|
|
|
|
{% if editing %}
|
|
<form method="post" action="/ansible/playbooks/delete" style="margin-top:1rem;"
|
|
onsubmit="return confirm('Delete {{ playbook_path }}?');">
|
|
<input type="hidden" name="source_name" value="{{ source_name }}">
|
|
<input type="hidden" name="playbook_path" value="{{ playbook_path }}">
|
|
<button type="submit" class="btn btn-danger btn-sm">Delete playbook</button>
|
|
</form>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endblock %}
|