Vendors HTMX 2.0.4 (the prior file was a 1-line stub) and uses it to poll two new partials on a 2s tick while a job is in flight: - /servers/<id>/actions → state badge, filtered action buttons, last-job sentence, live job log (SSE) while a Start/Stop/Reset job is running. When the job is terminal the partial re-renders without hx-trigger and polling stops. - /overlays/<id>/build-status → build state badge, last-build sentence, live job log while a build_overlay job is running. Same terminal-state stop behavior. Server detail restructure: - Editable name moves out of the page body into a Rename modal triggered from a link next to Delete in the page footer. - Compact dl with Port (linked as steam://run/550//+connect <host>:<port>) and Blueprint. - Actions row: state badge + state-filtered buttons (start/stop, reset) + last-job sentence. Drift warning when desired ≠ actual. - Recent Jobs table removed. Overlay detail restructure: - Single panel, dl Type/Scope, no separate Last build row, no Builds section. - Script form gets two compound submits: "Save and build" and "Save, reset and rebuild". Standalone Rebuild/Wipe gone. - Build status state badge + last-build sentence under the editor; action buttons hide while a build is in flight. - Rename modal in the page footer next to Delete. sse.js binds on htmx:load (covers initial document and post-swap inserts) and closes EventSources on htmx:beforeCleanupElement to avoid leaking streams across swaps. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<div id="server-actions"
|
|
{% if latest_job_is_running %}hx-get="/servers/{{ server.id }}/actions"
|
|
hx-trigger="every 2s" hx-swap="outerHTML"{% endif %}>
|
|
<div class="server-actions">
|
|
<span class="state-badge {{ state_class }}">{{ display_state }}</span>
|
|
{% if 'start' in visible_buttons %}
|
|
<form method="post" action="/servers/{{ server.id }}/start" class="inline-form">
|
|
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
|
|
<button type="submit">start</button>
|
|
</form>
|
|
{% endif %}
|
|
{% if 'stop' in visible_buttons %}
|
|
<form method="post" action="/servers/{{ server.id }}/stop" class="inline-form">
|
|
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
|
|
<button type="submit">stop</button>
|
|
</form>
|
|
{% endif %}
|
|
{% if 'reset' in visible_buttons %}
|
|
<button type="button" class="danger" data-modal-open="reset-server-modal">reset</button>
|
|
{% endif %}
|
|
</div>
|
|
{% if drift %}
|
|
<p class="state-drift"><strong>Warning:</strong> server is {{ server.actual_state }} but requested state is {{ server.desired_state }}.</p>
|
|
{% endif %}
|
|
{% if latest_job %}
|
|
<p class="last-job">
|
|
<a href="/jobs/{{ latest_job.id }}">{{ latest_job_phrase }}</a>
|
|
{% if latest_job_is_running %}since{% endif %}
|
|
{{ latest_job_when }}
|
|
(<a href="/servers/{{ server.id }}/jobs">show all</a>)
|
|
</p>
|
|
{% endif %}
|
|
{% if latest_job_is_running %}
|
|
<pre class="log-stream job-log" data-sse-url="/jobs/{{ latest_job.id }}/stream"></pre>
|
|
{% endif %}
|
|
</div>
|