bvandeusen
55a4fac3e9
Updates nav brand, page <title> blocks across all templates, and the read-only share view footer. Removes duplicate Roundtable heading from login card now that the nav wordmark reads correctly.
54 lines
3.0 KiB
HTML
54 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Run {{ run.id[:8] }} — Roundtable{% endblock %}
|
|
{% block content %}
|
|
<div style="display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;">
|
|
<a href="/ansible/" class="btn btn-ghost btn-sm">← Runs</a>
|
|
<h1 class="page-title" style="margin-bottom:0;">Run Detail</h1>
|
|
</div>
|
|
|
|
{% set status_color = {"running": "var(--yellow)", "success": "var(--green)", "failed": "var(--red)", "interrupted": "var(--orange)"}.get(run.status.value, "var(--text-muted)") %}
|
|
<div class="card">
|
|
<div style="display:grid;grid-template-columns:auto 1fr;gap:0.4rem 1rem;font-size:0.9rem;margin-bottom:1rem;">
|
|
<span style="color:var(--text-muted);">ID</span><span style="color:var(--text-dim);font-family:monospace;">{{ run.id }}</span>
|
|
<span style="color:var(--text-muted);">Playbook</span><span>{{ run.playbook_path }}</span>
|
|
<span style="color:var(--text-muted);">Inventory</span><span>{{ run.inventory_path }}</span>
|
|
<span style="color:var(--text-muted);">Source</span><span>{{ run.source_name }}</span>
|
|
<span style="color:var(--text-muted);">Status</span><span style="color:{{ status_color }};font-weight:bold;">{{ run.status.value.upper() }}</span>
|
|
<span style="color:var(--text-muted);">Started</span><span style="color:var(--text-dim);">{{ run.started_at.strftime("%Y-%m-%d %H:%M:%S UTC") }}</span>
|
|
{% if run.finished_at %}
|
|
<span style="color:var(--text-muted);">Finished</span><span style="color:var(--text-dim);">{{ run.finished_at.strftime("%Y-%m-%d %H:%M:%S UTC") }}</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="padding:0;">
|
|
<div style="padding:0.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);">
|
|
<span style="color:var(--text-muted);font-size:0.85rem;">Output</span>
|
|
</div>
|
|
{% if run.status.value == "running" %}
|
|
<pre id="live-output"
|
|
style="margin:0;padding:1rem;background:var(--bg);font-size:0.78rem;color:var(--green);max-height:600px;overflow-y:auto;white-space:pre-wrap;">{{ run.output or "" }}</pre>
|
|
<div id="run-done-status" style="padding:0.5rem 1rem;font-size:0.85rem;color:var(--text-muted);">
|
|
Streaming…
|
|
</div>
|
|
<script>
|
|
(function() {
|
|
var es = new EventSource('/ansible/runs/{{ run.id }}/stream');
|
|
var pre = document.getElementById('live-output');
|
|
var status = document.getElementById('run-done-status');
|
|
es.addEventListener('output', function(e) {
|
|
pre.textContent += e.data + '\n';
|
|
pre.scrollTop = pre.scrollHeight;
|
|
});
|
|
es.addEventListener('done', function(e) {
|
|
es.close();
|
|
status.textContent = 'Finished: ' + e.data;
|
|
});
|
|
})();
|
|
</script>
|
|
{% else %}
|
|
<pre style="margin:0;padding:1rem;background:var(--bg);font-size:0.78rem;color:var(--text-muted);max-height:600px;overflow-y:auto;white-space:pre-wrap;">{{ run.output or "(no output)" }}</pre>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|