Update minecraft server status page
This commit is contained in:
parent
ef6e306cb3
commit
6dd8d36f57
GPG key ID:
5B2020A0F9921EF4
1 changed files with 52 additions and 79 deletions
|
|
@ -5,95 +5,68 @@ aliases:
|
||||||
/ourcraft-status
|
/ourcraft-status
|
||||||
---
|
---
|
||||||
|
|
||||||
|
<noscript>
|
||||||
|
<p>
|
||||||
|
It looks like you have javascript disabled! This page uses javascript to query a third-party server which fetches data from our minecraft servers.
|
||||||
|
</p>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
|
<button id="check-minecraft-server-status">Reload</button>
|
||||||
|
|
||||||
|
<div id="server-status">
|
||||||
<p id="server-status-loading">
|
<p id="server-status-loading">
|
||||||
Checking minecraft servers' status...
|
Checking minecraft servers' status...
|
||||||
</p>
|
</p>
|
||||||
|
<ul id="servers">
|
||||||
<div id="server-status-check-failed">
|
|
||||||
<p>
|
|
||||||
Failed to retrieve <code>h.lyte.dev</code> server status. Unfortunately, that usually means we're <code><span style="color: var(--syntax-mag);">OFFLINE</span></code>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Please yell at <code>@lytedev</code> in Discord to fix it!
|
|
||||||
</p>
|
|
||||||
<p><button id="server-status-check-button">Try Again</button></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="server-status-online" style="display: none;">
|
|
||||||
<p>Server <code>h.lyte.dev</code> is <code><span style="color: var(--syntax-name);">ONLINE</span></code></p>
|
|
||||||
<p id="server-status-player-info" style="display: none;">There are currently <span id="server-status-current-num-players">0</span>/<span id="server-status-max-players">20</span> players online.</p>
|
|
||||||
<h3 id="server-status-player-sampling-header" style="display: none;">Online Players</h3>
|
|
||||||
<ul id="server-status-player-sampling" style="display: none;">
|
|
||||||
<li>Player</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
<p id="server-status-player-sampling-insufficient" style="display: none">... and more!</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="server-status-offline" style="display: none;">
|
|
||||||
Server is <code><span style="color: var(--syntax-mag);">OFFLINE</span></code>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<script src="https://mcapi.us/scripts/minecraft.min.js"></script>
|
|
||||||
<script>
|
<script>
|
||||||
function showServerStatus(key) {
|
function checkMinecraftServerStatus() {
|
||||||
for (const name of ['server-status-check-failed', 'server-status-online', 'server-status-offline', 'server-status-loading']) {
|
const loading = document.getElementById("server-status-loading")
|
||||||
if (name == key) {
|
const servers = document.getElementById("servers")
|
||||||
document.getElementById(name).style.display = null
|
|
||||||
} else {
|
|
||||||
document.getElementById(name).style.display = 'none'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function checkServerStatus() {
|
|
||||||
showServerStatus('server-status-loading')
|
|
||||||
MinecraftAPI.getServerStatus('h.lyte.dev', {port: 25565}, function (err, status) {
|
|
||||||
console.debug("Status Errors:", err || false)
|
|
||||||
if (err || !('online' in status)) {
|
|
||||||
showServerStatus('server-status-check-failed')
|
|
||||||
} else {
|
|
||||||
handleOnlineStatus(status)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function handleOnlineStatus(status) {
|
|
||||||
console.debug("Status Data:", status)
|
|
||||||
if (status.online === true) {
|
|
||||||
showServerStatus('server-status-online')
|
|
||||||
const info = document.getElementById('server-status-player-info')
|
|
||||||
const samplingHeader = document.getElementById('server-status-player-sampling-header')
|
|
||||||
const samplingList = document.getElementById('server-status-player-sampling')
|
|
||||||
const insufficient = document.getElementById('server-status-player-sampling-insufficient')
|
|
||||||
|
|
||||||
info.style.display = 'none'
|
loading.style.display = "inherit";
|
||||||
samplingHeader.style.display = 'none'
|
servers.style.display = "none";
|
||||||
samplingList.style.display = 'none'
|
try {
|
||||||
insufficient.style.display = 'none'
|
fetch("https://api.lyte.dev/minecraft-server-status").then(res => {
|
||||||
|
res.json().then(statuses => {
|
||||||
|
console.log(statuses)
|
||||||
|
loading.style.display = "none";
|
||||||
|
servers.style.display = "inherit";
|
||||||
|
const newChildren = [];
|
||||||
|
for (let k of Object.keys(statuses)) {
|
||||||
|
const status = statuses[k]
|
||||||
|
const el = document.createElement("li")
|
||||||
|
const s = document.createElement("strong")
|
||||||
|
s.textContent = k
|
||||||
|
const c = document.createElement("code")
|
||||||
|
c.className = "chroma"
|
||||||
|
const cs = document.createElement("span")
|
||||||
|
c.appendChild(cs)
|
||||||
|
cs.className = (status.online ? "na" : "err")
|
||||||
|
cs.textContent = status.online ? "ONLINE" : "OFFLINE"
|
||||||
|
const p = document.createElement("span")
|
||||||
|
p.style.marginLeft = "0.5em";
|
||||||
|
if (status.players) {
|
||||||
|
p.textContent = `(${status.players.online}/${status.players.max} players)`
|
||||||
|
}
|
||||||
|
el.replaceChildren(
|
||||||
|
s,
|
||||||
|
document.createTextNode(": "),
|
||||||
|
c,
|
||||||
|
p,
|
||||||
|
)
|
||||||
|
newChildren.push(el)
|
||||||
|
|
||||||
if ('players' in status) {
|
|
||||||
if ('max' in status.players && 'now' in status.players) {
|
|
||||||
info.style.display = null
|
|
||||||
document.getElementById('server-status-current-num-players').textContent = status.players.now
|
|
||||||
document.getElementById('server-status-max-players').textContent = status.players.max
|
|
||||||
if ('sample' in status.players && status.players.now > 0) {
|
|
||||||
samplingHeader.style.display = null
|
|
||||||
samplingList.style.display = null
|
|
||||||
samplingList.textContent = ''
|
|
||||||
for (const player of status.players.sample) {
|
|
||||||
const newListItem = document.createElement('li')
|
|
||||||
newListItem.textContent = player.name
|
|
||||||
newListItem.title = player.id
|
|
||||||
samplingList.appendChild(newListItem)
|
|
||||||
}
|
}
|
||||||
if (status.players.sample.length != status.players.now) {
|
servers.replaceChildren(...newChildren)
|
||||||
document.getElementById('server-status-player-sampling-insufficient').style.display = null
|
})
|
||||||
|
}).catch(err => console.error(err))
|
||||||
|
} catch (err) {
|
||||||
|
console.err(err)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
document.getElementById("check-minecraft-server-status").addEventListener("click", checkMinecraftServerStatus)
|
||||||
}
|
document.addEventListener("DOMContentLoaded", checkMinecraftServerStatus)
|
||||||
} else {
|
|
||||||
showServerStatus('server-status-offline')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
document.getElementById("server-status-check-button").addEventListener("click", checkServerStatus)
|
|
||||||
checkServerStatus()
|
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue