- section_tabs macro; Runs · Playbooks · Schedules · Inventory on every Ansible page, replacing each page's own set of header buttons. - Runs: a verdict line (last 30 days, failures first with the latest named, running now, the schedule due next); under each status what the run did across its hosts (ansible/recap.py); a filter bar (playbook, status, who started it) that swaps the table and carries into the scroll paging. - Run page: status, duration, start and who started it in one line; each host's result in words, worst first; the playbook it ran links to it; the log and failures on classes rather than inline colours. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
{% extends "base.html" %}
|
||
{% from "ansible/_tabs.html" import ansible_tabs %}
|
||
{% from "_macros.html" import crumbs %}
|
||
{% block title %}Inventory Groups — Steward{% endblock %}
|
||
{% block breadcrumb %}{{ crumbs([("Ansible", "/ansible/"), ("Inventory", "/ansible/inventory/targets"), ("Groups", "")]) }}{% endblock %}
|
||
{% block content %}
|
||
{{ ansible_tabs("inventory") }}
|
||
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
|
||
<h1 class="page-title" style="margin-bottom:0;">Inventory Groups</h1>
|
||
<div style="display:flex;gap:0.5rem;">
|
||
<a href="/ansible/inventory/targets" class="btn btn-ghost btn-sm">Targets</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card" style="margin-bottom:1.5rem;">
|
||
<h3 class="section-title">New Group</h3>
|
||
<form method="post" action="/ansible/inventory/groups" style="display:flex;gap:0.75rem;align-items:flex-end;">{{ csrf_field() }}
|
||
<div class="form-group" style="flex:1;margin:0;">
|
||
<label>Name</label>
|
||
<input type="text" name="name" placeholder="webservers" required>
|
||
</div>
|
||
<button type="submit" class="btn">Create</button>
|
||
</form>
|
||
</div>
|
||
|
||
{% if not groups %}
|
||
<div class="card">
|
||
<p style="color:var(--text-muted);">No groups yet. Create one above.</p>
|
||
</div>
|
||
{% else %}
|
||
<div class="card-flush">
|
||
<table class="table">
|
||
<thead>
|
||
<tr><th>Name</th><th>Members</th><th></th></tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for grp in groups %}
|
||
<tr>
|
||
<td><strong>{{ grp.name }}</strong></td>
|
||
<td style="color:var(--text-muted);font-size:0.9rem;">{{ grp.targets | length }}</td>
|
||
<td class="td-actions">
|
||
<a href="/ansible/inventory/groups/{{ grp.id }}" class="btn btn-sm btn-ghost">Edit</a>
|
||
<form method="post" action="/ansible/inventory/groups/{{ grp.id }}/delete" style="display:inline;">{{ csrf_field() }}
|
||
<button type="submit" class="btn btn-sm btn-danger"
|
||
data-confirm="Delete group {{ grp.name }}?">×</button>
|
||
</form>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{% endif %}
|
||
{% endblock %}
|