Files
FabledSteward/steward/templates/ansible/playbook_editor.html
T
bvandeusenandClaude Opus 5.5 955450d33f
CI / lint (push) Successful in 2s
CI / integration (push) Successful in 55s
CI / unit (push) Successful in 1m22s
CI / publish (push) Successful in 1m36s
fix(ui): section tabs above the breadcrumb, so the Ansible tab strip holds still (#5214)
The tabs were drawn in each page's content block, which base.html renders
after the breadcrumb, so on every nested Ansible page the strip moved down a
line. base.html now has a section_tabs block above the breadcrumb, and every
Ansible page fills it. A guard in test_breadcrumbs.py fails any page that calls
a tabs macro outside that block.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-08 06:28:02 -04:00

67 lines
3.3 KiB
HTML

{% extends "base.html" %}
{% from "ansible/_tabs.html" import ansible_tabs %}
{% from "_macros.html" import crumbs %}
{% block title %}{{ "Edit" if editing else "New" }} Playbook — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Ansible", "/ansible/"), ("Playbooks", "/ansible/playbooks"), (("Edit " ~ playbook_path) if editing else "New playbook", "")]) }}{% endblock %}
{% block section_tabs %}{{ ansible_tabs("playbooks") }}{% 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">{{ csrf_field() }}
<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/playbooks/' ~ source_name ~ '/' ~ playbook_path) if editing else '/ansible/playbooks' }}" class="btn btn-ghost">Cancel</a>
</div>
</form>
{% if editing %}
<form method="post" action="/ansible/playbooks/delete" style="margin-top:1rem;"
data-confirm="Delete {{ playbook_path }}?">{{ csrf_field() }}
<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 %}