Add cool stuff
This commit is contained in:
@@ -21,7 +21,7 @@
|
|||||||
.grafana-embed iframe {
|
.grafana-embed iframe {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 400px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background: #000000;
|
background: #000000;
|
||||||
}
|
}
|
||||||
|
|||||||
30
index.html
30
index.html
@@ -34,32 +34,14 @@
|
|||||||
<section class="panel graphs-panel">
|
<section class="panel graphs-panel">
|
||||||
<h2 class="panel-title">Graphs</h2>
|
<h2 class="panel-title">Graphs</h2>
|
||||||
<div class="grafana-embed">
|
<div class="grafana-embed">
|
||||||
<iframe
|
<iframe src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=3&__feature.dashboardSceneSolo" width="450" height="400" frameborder="0"></iframe>
|
||||||
src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=1&__feature.dashboardSceneSolo"
|
</div>
|
||||||
width="450"
|
|
||||||
height="200"
|
|
||||||
title="Amateur radio graph 1"
|
|
||||||
loading="lazy"
|
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="grafana-embed">
|
<div class="grafana-embed">
|
||||||
<iframe
|
<iframe src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=2&__feature.dashboardSceneSolo" width="450" height="400" frameborder="0"></iframe>
|
||||||
src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=1&__feature.dashboardSceneSolo"
|
</div>
|
||||||
width="450"
|
|
||||||
height="200"
|
|
||||||
title="Amateur radio graph 2"
|
|
||||||
loading="lazy"
|
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
<div class="grafana-embed">
|
<div class="grafana-embed">
|
||||||
<iframe
|
<iframe src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=1&__feature.dashboardSceneSolo" width="450" height="400" frameborder="0"></iframe>
|
||||||
src="https://grafana.kitsunehosting.net/d-solo/ffp84u9sdyccgb/amateur-radio?orgId=2&timezone=browser&refresh=auto&theme=light&panelId=1&__feature.dashboardSceneSolo"
|
</div>
|
||||||
width="450"
|
|
||||||
height="200"
|
|
||||||
title="Amateur radio graph 3"
|
|
||||||
loading="lazy"
|
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
</td>
|
</td>
|
||||||
<td width="40%">
|
<td width="40%">
|
||||||
|
|||||||
10
js/live.js
10
js/live.js
@@ -106,13 +106,13 @@
|
|||||||
statListeners.textContent = formatListeners(listeners);
|
statListeners.textContent = formatListeners(listeners);
|
||||||
}
|
}
|
||||||
if (statStatus) {
|
if (statStatus) {
|
||||||
statStatus.textContent = formatStatus(data.status);
|
var statusText = formatStatus(data.status);
|
||||||
|
statStatus.textContent = statusText;
|
||||||
statStatus.classList.remove("stat-value--ok", "stat-value--bad");
|
statStatus.classList.remove("stat-value--ok", "stat-value--bad");
|
||||||
var status = String(data.status || "").toLowerCase();
|
if (statusText !== "---" && String(data.status).toLowerCase() !== "online") {
|
||||||
if (status === "online" || status === "ok" || status === "up") {
|
|
||||||
statStatus.classList.add("stat-value--ok");
|
|
||||||
} else if (status === "offline" || status === "down" || status === "error") {
|
|
||||||
statStatus.classList.add("stat-value--bad");
|
statStatus.classList.add("stat-value--bad");
|
||||||
|
} else if (statusText !== "---") {
|
||||||
|
statStatus.classList.add("stat-value--ok");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user