blob: 52edd5fc0a82e9c719936e37137bf2adb5eb74d1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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>
|
