97 lines
2.6 KiB
HTML
97 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>BeWo – Serverstatus</title>
|
||
<style>
|
||
body {
|
||
font-family: sans-serif;
|
||
padding: 2rem;
|
||
background: #f5f5f5;
|
||
}
|
||
|
||
h1 {
|
||
color: #333;
|
||
}
|
||
|
||
.ok {
|
||
color: green;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.err {
|
||
color: red;
|
||
font-weight: bold;
|
||
}
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
max-width: 600px;
|
||
margin-top: 1rem;
|
||
}
|
||
|
||
td, th {
|
||
border: 1px solid #ccc;
|
||
padding: 8px 12px;
|
||
text-align: left;
|
||
}
|
||
|
||
th {
|
||
background: #eee;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>BeWo Serverstatus</h1>
|
||
<p>Tenant: <span id="tenant">–</span></p>
|
||
<p>Serverzeit: <span id="time">–</span></p>
|
||
<p>Version: <span id="version">–</span></p>
|
||
<p>Datenbank: <span id="db">–</span></p>
|
||
|
||
<h2>Services</h2>
|
||
<table>
|
||
<thead><tr><th>Service</th><th>Status</th><th>Meldung</th></tr></thead>
|
||
<tbody id="services"></tbody>
|
||
</table>
|
||
|
||
<script>
|
||
function getTenant() {
|
||
const params = new URLSearchParams(window.location.search);
|
||
return params.get('Tenant') || '';
|
||
}
|
||
|
||
async function load() {
|
||
const tenant = getTenant();
|
||
const url = tenant
|
||
? `StatusService.svc/Status?Tenant=${encodeURIComponent(tenant)}`
|
||
: 'StatusService.svc/Status';
|
||
|
||
const res = await fetch(url);
|
||
const data = await res.json();
|
||
|
||
document.getElementById('tenant').textContent = data.Tenant || '–';
|
||
document.getElementById('time').textContent = data.ServerTime;
|
||
document.getElementById('version').textContent = data.Version;
|
||
|
||
const db = document.getElementById('db');
|
||
db.textContent = data.DatabaseOk ? '✔ OK' : '✘ Fehler';
|
||
db.className = data.DatabaseOk ? 'ok' : 'err';
|
||
|
||
const tbody = document.getElementById('services');
|
||
tbody.innerHTML = '';
|
||
for (const svc of data.Services) {
|
||
const cls = svc.IsOk ? 'ok' : 'err';
|
||
tbody.innerHTML += `
|
||
<tr>
|
||
<td>${svc.Name}</td>
|
||
<td class="${cls}">${svc.IsOk ? '✔ OK' : '✘ Fehler'}</td>
|
||
<td>${svc.Message}</td>
|
||
</tr>`;
|
||
}
|
||
}
|
||
|
||
load();
|
||
setInterval(load, 30000); // alle 30 Sek. aktualisieren</script>
|
||
</body>
|
||
</html> |