MrDiderot/mischlabs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: minimalist design for services status board with tooltip and horizontal traffic-light bars
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 11s
Details

Browse Source
This commit is contained in:
Kroonk
2026-05-21 18:09:31 +02:00
parent e603bdc3be
commit 4cb0e89e92
3 changed files with 40 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
admin.js
View File

@@ -383,17 +383,13 @@ function renderServicesStatus(services = []) {
statusLabel = 'Traege';
}
const tooltip = `${item.name}\nDomain: ${item.domain}\nStatus: ${statusLabel}\nLatenz: ${latencyText}`;
return `
<div class="status-board-item ${statusClass}">
<div class="status-board-item-header">
<h4>${item.name}</h4>
<span class="status-board-item-latency">${latencyText}</span>
</div>
<div class="status-board-item-body">
<span class="status-board-item-domain">${item.domain}</span>
<div class="status-board-item-info">
<span class="status-board-item-status">${statusLabel}</span>
</div>
<div class="status-board-item ${statusClass}" title="${tooltip}">
<h4>${item.name}</h4>
<div class="status-board-item-bar">
<div class="status-board-item-bar-inner"></div>
</div>
</div>
`;