blob: 87ed86df50756ae1a9e18329cbbe43d52bd248d0 [file] [log] [blame]
{{ define "task" }}
{{ range . }}
<li aria-busy="{{ eq .Status 1 }}">
{{ if eq .Status 3 }}<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"/></svg>{{ end }}{{ .Title }}{{ if .Err }} - {{ .Err.Error }} {{ end }}
{{ if .Subtasks }}
<ul>
{{ template "task" .Subtasks }}
</ul>
{{ end }}
</li>
{{ end }}
{{ end }}
{{ define "main" }}
<div class="grid contents-header">
<div style="border-width: 1px; border-right-style: solid;">
setup
</div>
<div>
information
</div>
</div>
<div id="contents" class="grid env-status">
<div>
<ul class="progress">
{{ template "task" .Root.Subtasks }}
</ul>
</div>
<div id="create-instance-form">
{{ if .DNSRecords }}
<form action="" method="POST">
<p>You will have to publish following DNS records via your domain registrar.</p>
<textarea rows="7">{{ .DNSRecords }}</textarea>
<label for="domain-registrar">Domain Registrar</label>
<select id="domain-registrar" required tabindex="1">
<option value="" selected>Select registrar</option>
<option value="gandi">Gandi</option>
</select>
<label for="api-token">API Token</label>
<input
type="text"
id="api-token"
name="api-token"
required
autofocus
tabindex="2"
/>
<button type="submit" tabindex="3">Update</button>
</form>
{{ else if .EnvInfo }}
<p>{{ .EnvInfo }}</p>
{{ end }}
</div>
</div>
<script type="text/javascript">
async function refresh() {
const resp = await fetch(window.location.href);
if (resp.ok) {
var tmp = document.createElement("html");
tmp.innerHTML = await resp.text();
if (document.getElementsByTagName("form").length === 0) {
document.getElementById("contents").innerHTML = tmp.getElementsByClassName("env-status")[0].innerHTML;
} else {
document.getElementsByClassName("progress")[0].innerHTML = tmp.getElementsByClassName("progress")[0].innerHTML;
}
}
setTimeout(refresh, 5000);
}
setTimeout(refresh, 5000);
</script>
{{ end }}