Right-align channel badges, equalize card heights, add modem uptime to errors card

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: itsDNNS

app/fritzbox.py

@@ -84,10 +84,17 @@ def get_device_info(url: str, sid: str) -> dict:
         r.raise_for_status()
         data = r.json().get("data", {})
         fritzos = data.get("fritzos", {})
-        return {
+        result = {
             "model": fritzos.get("Productname", "FRITZ!Box"),
             "sw_version": fritzos.get("nspver", ""),
         }
+        uptime = fritzos.get("Uptime")
+        if uptime is not None:
+            try:
+                result["uptime_seconds"] = int(uptime)
+            except (ValueError, TypeError):
+                pass
+        return result
     except Exception:
         return {"model": "FRITZ!Box", "sw_version": ""}
 

app/i18n/de.json

@@ -175,5 +175,6 @@
   "card_ideal_range": "Idealbereich",
   "card_uncorr_exact": "Unkorrigierbar (exakt)",
   "card_corr_exact": "Korrigierbar (exakt)",
-  "card_errors_note": "Unkorrigierbare Fehler koennen nicht wiederhergestellt werden. Hohe und steigende Werte deuten auf ein Kabelproblem hin."
+  "card_errors_note": "Unkorrigierbare Fehler koennen nicht wiederhergestellt werden. Hohe und steigende Werte deuten auf ein Kabelproblem hin.",
+  "card_uptime": "Modem-Laufzeit"
 }

app/i18n/en.json

@@ -175,5 +175,6 @@
   "card_ideal_range": "Ideal Range",
   "card_uncorr_exact": "Uncorrectable (exact)",
   "card_corr_exact": "Correctable (exact)",
-  "card_errors_note": "Uncorrectable errors cannot be recovered. High growing numbers indicate a cable issue."
+  "card_errors_note": "Uncorrectable errors cannot be recovered. High growing numbers indicate a cable issue.",
+  "card_uptime": "Modem Uptime"
 }

app/i18n/es.json

@@ -175,5 +175,6 @@
   "card_ideal_range": "Rango ideal",
   "card_uncorr_exact": "No corregibles (exacto)",
   "card_corr_exact": "Corregibles (exacto)",
-  "card_errors_note": "Los errores no corregibles no se pueden recuperar. Números altos y crecientes indican un problema de cable."
+  "card_errors_note": "Los errores no corregibles no se pueden recuperar. Números altos y crecientes indican un problema de cable.",
+  "card_uptime": "Tiempo activo del módem"
 }

app/i18n/fr.json

@@ -175,5 +175,6 @@
   "card_ideal_range": "Plage idéale",
   "card_uncorr_exact": "Non corrigeables (exact)",
   "card_corr_exact": "Corrigeables (exact)",
-  "card_errors_note": "Les erreurs non corrigeables ne peuvent pas être récupérées. Des chiffres élevés et croissants indiquent un problème de câble."
+  "card_errors_note": "Les erreurs non corrigeables ne peuvent pas être récupérées. Des chiffres élevés et croissants indiquent un problème de câble.",
+  "card_uptime": "Disponibilité modem"
 }

app/main.py

@@ -68,6 +68,7 @@ def polling_loop(config_mgr, storage, stop_event):
             if device_info is None:
                 device_info = fritzbox.get_device_info(config["modem_url"], sid)
                 log.info("FritzBox model: %s (%s)", device_info["model"], device_info["sw_version"])
+                web.update_state(device_info=device_info)
 
             if connection_info is None:
                 connection_info = fritzbox.get_connection_info(config["modem_url"], sid)

app/templates/index.html

@@ -208,7 +208,7 @@
         /* ── Metric Cards Grid ── */
         .metric-cards {
             display: grid; grid-template-columns: repeat(3, 1fr);
-            gap: 12px; margin-bottom: 16px; align-items: start;
+            gap: 12px; margin-bottom: 16px;
         }
 
         /* ── Metric Card ── */
@@ -364,6 +364,7 @@
             color: var(--accent); list-style: none;
             display: flex; align-items: center; gap: 8px; user-select: none;
         }
+        details.channel-group summary .badge { margin-left: auto; }
         details.channel-group summary::-webkit-details-marker { display: none; }
         details.channel-group summary::before {
             content: "\25B6"; font-size: 0.65em; transition: transform 0.2s;
@@ -720,6 +721,14 @@
                         <div class="metric-secondary">{{ s.ds_correctable_errors|fmt_k }} {{ t.card_corr_label }}</div>
                     </div>
                 </div>
+                {% if device_info and device_info.uptime_seconds is defined %}
+                {% set ut = device_info.uptime_seconds %}
+                {% set ut_d = ut // 86400 %}
+                {% set ut_h = (ut % 86400) // 3600 %}
+                <div class="metric-secondary" style="margin-top:10px; padding-top:10px; border-top:1px solid var(--input-border);">
+                    &#9201; {{ t.card_uptime }}: <strong>{% if ut_d %}{{ ut_d }}d {% endif %}{{ ut_h }}h</strong>
+                </div>
+                {% endif %}
             </div>
             <div class="metric-card-detail">
                 <table class="detail-table">

app/web.py

@@ -64,6 +64,7 @@ def _get_lang():
     "poll_interval": 900,
     "error": None,
     "connection_info": None,
+    "device_info": None,
 }
 
 _storage = None
@@ -158,7 +159,7 @@ def inject_auth():
     return {"auth_enabled": auth_enabled}
 
 
-def update_state(analysis=None, error=None, poll_interval=None, connection_info=None):
+def update_state(analysis=None, error=None, poll_interval=None, connection_info=None, device_info=None):
     """Update the shared web state from the main loop."""
     if analysis is not None:
         _state["analysis"] = analysis
@@ -170,6 +171,8 @@ def update_state(analysis=None, error=None, poll_interval=None, connection_info=
         _state["poll_interval"] = poll_interval
     if connection_info is not None:
         _state["connection_info"] = connection_info
+    if device_info is not None:
+        _state["device_info"] = device_info
 
 
 @app.route("/")
@@ -185,6 +188,7 @@ def index():
     isp_name = _config_manager.get("isp_name", "") if _config_manager else ""
     bqm_configured = _config_manager.is_bqm_configured() if _config_manager else False
     conn_info = _state.get("connection_info") or {}
+    dev_info = _state.get("device_info") or {}
 
     def _compute_uncorr_pct(analysis):
         """Compute log-scale percentage for uncorrectable errors gauge."""
@@ -221,6 +225,7 @@ def _has_us_ofdma(analysis):
                 bqm_configured=bqm_configured,
                 uncorr_pct=_compute_uncorr_pct(snapshot),
                 has_us_ofdma=_has_us_ofdma(snapshot),
+                device_info=dev_info,
                 t=t, lang=lang, languages=LANGUAGES,
             )
     return render_template(
@@ -236,6 +241,7 @@ def _has_us_ofdma(analysis):
         bqm_configured=bqm_configured,
         uncorr_pct=_compute_uncorr_pct(_state["analysis"]),
         has_us_ofdma=_has_us_ofdma(_state["analysis"]),
+        device_info=dev_info,
         t=t, lang=lang, languages=LANGUAGES,
     )