[fix](trx-frontend-http): fix rig initialization freeze caused by auth-badge inside template
The auth-badge element was wrapped inside <template id="tmpl-about">, making it invisible to document.getElementById() at page load. updateAuthUI() accessed badge.style without a null check, throwing a TypeError that halted app initialization before connect() was called. Move auth-badge outside the template so it is always in the live DOM, and add defensive null guards on badge/badgeRole access. https://claude.ai/code/session_01Km7uxYUzehpYBdYqncnt4n Signed-off-by: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -174,14 +174,14 @@ function updateAuthUI() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (authRole) {
|
if (authRole) {
|
||||||
badge.style.display = "block";
|
if (badge) badge.style.display = "block";
|
||||||
badgeRole.textContent = authRole === "control" ? "Control (full access)" : "RX (read-only)";
|
if (badgeRole) badgeRole.textContent = authRole === "control" ? "Control (full access)" : "RX (read-only)";
|
||||||
if (headerAuthBtn) {
|
if (headerAuthBtn) {
|
||||||
headerAuthBtn.textContent = "Logout";
|
headerAuthBtn.textContent = "Logout";
|
||||||
headerAuthBtn.style.display = "block";
|
headerAuthBtn.style.display = "block";
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
badge.style.display = "none";
|
if (badge) badge.style.display = "none";
|
||||||
if (headerAuthBtn) {
|
if (headerAuthBtn) {
|
||||||
headerAuthBtn.textContent = "Login";
|
headerAuthBtn.textContent = "Login";
|
||||||
headerAuthBtn.style.display = "block";
|
headerAuthBtn.style.display = "block";
|
||||||
|
|||||||
@@ -1408,8 +1408,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tab-about" class="tab-panel" style="display:none;">
|
<div id="tab-about" class="tab-panel" style="display:none;">
|
||||||
<template id="tmpl-about">
|
|
||||||
<div id="auth-badge" style="display:none; margin-bottom: 1rem; padding: 0.5rem; background: var(--bg-secondary); border-radius: 0.25rem; color: var(--text-muted); font-size: 0.85rem;">Authenticated as: <strong id="auth-role-badge">--</strong></div>
|
<div id="auth-badge" style="display:none; margin-bottom: 1rem; padding: 0.5rem; background: var(--bg-secondary); border-radius: 0.25rem; color: var(--text-muted); font-size: 0.85rem;">Authenticated as: <strong id="auth-role-badge">--</strong></div>
|
||||||
|
<template id="tmpl-about">
|
||||||
<div class="sub-tab-bar">
|
<div class="sub-tab-bar">
|
||||||
<button class="sub-tab active" data-subtab="about-server">Server</button>
|
<button class="sub-tab active" data-subtab="about-server">Server</button>
|
||||||
<button class="sub-tab" data-subtab="about-client">Client</button>
|
<button class="sub-tab" data-subtab="about-client">Client</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user