steward/templates/ansible/inventory/target_detail.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+{% block title %}Target: {{ target.name }} — Steward{% endblock %}
+{% block content %}
+<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
+    <h1 class="page-title" style="margin-bottom:0;">Target: {{ target.name }}</h1>
+    <a href="/ansible/inventory/targets" class="btn btn-ghost btn-sm">← Targets</a>
+</div>
+
+<form method="post" action="/ansible/inventory/targets/{{ target.id }}">
+    <div class="card" style="margin-bottom:1.5rem;">
+        <h3 class="section-title">Connection</h3>
+        <div class="form-group">
+            <label>Name <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">(Ansible hostname — used in plays as <code>hosts: name</code>)</span></label>
+            <input type="text" name="name" value="{{ target.name }}" required>
+        </div>
+        <div class="form-group">
+            <label>Address <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">(becomes <code>ansible_host</code> in inventory)</span></label>
+            <input type="text" name="address" value="{{ target.address }}" required>
+        </div>
+        <div class="form-group">
+            <label>
+                Target Variables
+                <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">
+                    (YAML — override group vars for this target only)
+                </span>
+            </label>
+            <textarea name="ansible_vars" rows="8"
+                      style="width:100%;font-family:ui-monospace,monospace;font-size:0.85rem;"
+                      placeholder="ansible_user: ubuntu&#10;ansible_port: 22">{{ ansible_vars_yaml }}</textarea>
+        </div>
+    </div>
+
+    <div class="card" style="margin-bottom:1.5rem;">
+        <h3 class="section-title">Groups</h3>
+        {% if not all_groups %}
+        <p style="color:var(--text-muted);font-size:0.9rem;">No groups exist yet.
+            <a href="/ansible/inventory/groups">Create a group</a> first.</p>
+        {% else %}
+        <div style="display:grid;gap:0.4rem;margin-bottom:1rem;">
+            {% for grp in all_groups %}
+            <label style="display:flex;align-items:center;gap:0.6rem;font-weight:normal;cursor:pointer;">
+                <input type="checkbox" name="group_ids" value="{{ grp.id }}"
+                       {% if grp.id in member_group_ids %}checked{% endif %}>
+                <span>{{ grp.name }}</span>
+            </label>
+            {% endfor %}
+        </div>
+        {% endif %}
+    </div>
+
+    <button type="submit" class="btn">Save Changes</button>
+</form>
+{% endblock %}

steward/templates/ansible/inventory/targets.html

@@ -0,0 +1,57 @@
+{% extends "base.html" %}
+{% block title %}Inventory Targets — Steward{% endblock %}
+{% block content %}
+<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
+    <h1 class="page-title" style="margin-bottom:0;">Inventory Targets</h1>
+    <a href="/ansible/inventory/groups" class="btn btn-ghost btn-sm">← Groups</a>
+</div>
+
+<div class="card" style="margin-bottom:1.5rem;">
+    <h3 class="section-title">New Target</h3>
+    <form method="post" action="/ansible/inventory/targets" style="display:flex;gap:0.75rem;align-items:flex-end;">
+        <div class="form-group" style="flex:1;margin:0;">
+            <label>Name <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">(used as Ansible hostname)</span></label>
+            <input type="text" name="name" placeholder="webserver-01" required>
+        </div>
+        <div class="form-group" style="flex:1;margin:0;">
+            <label>Address <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">(IP or DNS)</span></label>
+            <input type="text" name="address" placeholder="192.168.1.10" required>
+        </div>
+        <button type="submit" class="btn">Add</button>
+    </form>
+</div>
+
+{% if not targets %}
+<div class="card">
+    <p style="color:var(--text-muted);">No targets yet. Add one above.</p>
+</div>
+{% else %}
+<div class="card-flush">
+<table class="table">
+    <thead>
+        <tr><th>Name</th><th>Address</th><th>Groups</th><th></th></tr>
+    </thead>
+    <tbody>
+    {% for tgt in targets %}
+    <tr>
+        <td><strong>{{ tgt.name }}</strong></td>
+        <td style="font-family:ui-monospace,monospace;font-size:0.88rem;">{{ tgt.address }}</td>
+        <td style="font-size:0.82rem;color:var(--text-muted);">
+            {% for grp in tgt.groups %}
+            <span style="background:var(--bg-elevated);border-radius:3px;padding:0.1em 0.4em;margin-right:0.25rem;">{{ grp.name }}</span>
+            {% endfor %}
+        </td>
+        <td class="td-actions">
+            <a href="/ansible/inventory/targets/{{ tgt.id }}" class="btn btn-sm btn-ghost">Edit</a>
+            <form method="post" action="/ansible/inventory/targets/{{ tgt.id }}/delete" style="display:inline;">
+                <button type="submit" class="btn btn-sm btn-danger"
+                        onclick="return confirm('Delete target {{ tgt.name }}?')">×</button>
+            </form>
+        </td>
+    </tr>
+    {% endfor %}
+    </tbody>
+</table>
+</div>
+{% endif %}
+{% endblock %}