Use random ID values to prevent ID conflicts

This commit is contained in:
2021-03-27 14:50:52 -07:00
parent c675ce8e26
commit 1f95f1e091
6 changed files with 63 additions and 39 deletions

View File

@@ -1,3 +1,4 @@
{{- $randID := randAlphaNum 10 -}}
<div class="card-header">
<a class="card-header-title" href="{{.URL}}">
{{if ne .Icon ""}}
@@ -8,7 +9,7 @@
<div class="card-header-icon">
<div class="tags has-addons">
<p class="tag">Status</p>
<p class="tag is-warning" id="{{.Title}}Status">Loading...</p>
<p class="tag is-warning" id="StatusTag_{{$randID}}">Loading...</p>
</div>
</div>
</div>
@@ -26,13 +27,13 @@
request.onload = function () {
var data = JSON.parse(this.response)
if (data.down === true || parseInt(data.code) > 500 && parseInt(data.code) < 600 ) {
document.getElementById('{{.Title}}Status').classList.remove("is-warning")
document.getElementById('{{.Title}}Status').classList.add("is-danger")
document.getElementById('{{.Title}}Status').innerHTML = "Offline"
document.getElementById('StatusTag_{{$randID}}').classList.remove("is-warning")
document.getElementById('StatusTag_{{$randID}}').classList.add("is-danger")
document.getElementById('StatusTag_{{$randID}}').innerHTML = "Offline"
} else {
document.getElementById('{{.Title}}Status').classList.remove("is-warning")
document.getElementById('{{.Title}}Status').classList.add("is-success")
document.getElementById('{{.Title}}Status').innerHTML = "Online"
document.getElementById('StatusTag_{{$randID}}').classList.remove("is-warning")
document.getElementById('StatusTag_{{$randID}}').classList.add("is-success")
document.getElementById('StatusTag_{{$randID}}').innerHTML = "Online"
}
}
request.send()