Initial commit

1 files changed, 32 insertions, 0 deletions

diff --git a/web/views/f_deploy.html b/web/views/f_deploy.html
new file mode 100644
index 0000000..52edd5f
--- /dev/null
+++ b/web/views/f_deploy.html
@@ -0,0 +1,32 @@
+<div
+    id="deploy-{{.DeployKey}}"
+    class="card mt-4"
+    hx-ext="sse"
+    hx-on::sse-close="document.getElementById('progress-{{.DeployKey}}').remove(); document.getElementById('close-deploy-{{.DeployKey}}').classList.remove('d-none');"
+    sse-connect="/deploy/stream?deploy={{.DeployKey}}"
+    sse-close="done">
+
+  <div class="card-body">
+
+    <div class="d-flex justify-content-between align-items-start">
+        <h5 class="card-title mb-3">Deploying {{.Challenge}}</h5>
+        <button id="close-deploy-{{.DeployKey}}" type="button" class="btn-close d-none" aria-label="Close" hx-on:click="document.getElementById('deploy-{{.DeployKey}}').remove()"></button>
+    </div>
+
+    <div class="d-flex gap-3 flex-column">
+        <div id="progress-{{.DeployKey}}" class="d-flex align-items-center gap-2">
+            <div class="spinner-grow spinner-grow-sm" role="status">
+            </div>
+            <div id="status-log" sse-swap="progress">
+                Deployment requested
+            </div>
+        </div>
+
+        <div id="deployment-result-{{.DeployKey}}" class="d-none"></div>
+
+        <div>Instance <code>{{.DeployKey}}</code></div>
+    </div>
+    <span sse-swap="success" hx-target="#deployment-result-{{.DeployKey}}" hx-swap="outerHTML"></span>
+    <span sse-swap="error" hx-target="#deployment-result-{{.DeployKey}}" hx-swap="outerHTML"></span>
+  </div>
+</div>