feat: turn status items into mini clickable cards with pill-shaped status LEDs

2026-05-21 18:13:21 +02:00
parent 4cb0e89e92
commit 995a397b2e
3 changed files with 34 additions and 16 deletions
--- a/admin.js
+++ b/admin.js
@@ -386,12 +386,12 @@ function renderServicesStatus(services = []) {
    const tooltip = `${item.name}\nDomain: ${item.domain}\nStatus: ${statusLabel}\nLatenz: ${latencyText}`;

    return `
-      <div class="status-board-item ${statusClass}" title="${tooltip}">
+      <a class="status-board-item ${statusClass}" href="${item.url}" target="_blank" rel="noopener noreferrer" title="${tooltip}">
        <h4>${item.name}</h4>
        <div class="status-board-item-bar">
          <div class="status-board-item-bar-inner"></div>
        </div>
-      </div>
+      </a>
    `;
  }).join('');
 }