Fix account dashboard first-paint rendering

This commit is contained in:
2026-06-11 20:49:48 -04:00
parent 8dc372b8a9
commit 429228bf18
3 changed files with 70 additions and 27 deletions
+25 -13
View File
@@ -32,13 +32,9 @@
<div>
<p class="eyebrow">Account Dashboard</p>
<h1 id="account-title">chuudoku</h1>
<p>
Manage your Blue Burst login and the serial/access keys you use for DC V2, PC V2, and GC V3.
Linked saves are mirrored between US and EU automatically.
</p>
</div>
<div class="status-badges" aria-label="Account setup status">
<span class="badge badge--ok">BB account ready</span>
<span class="badge badge--ok">Account ready</span>
<span class="badge badge--ok">Saves synced</span>
</div>
</section>
@@ -54,12 +50,25 @@
<section class="dashboard-grid dashboard-grid--setup">
<section class="card setup-card setup-card--bb" aria-labelledby="bb-heading">
<h2 id="bb-heading" class="section-title">Blue Burst Account</h2>
<dl class="account-summary account-summary--large">
<div><dt>BB username</dt><dd>chuudoku</dd></div>
<div><dt>BB account ID</dt><dd>0126326509</dd></div>
</dl>
<p class="fine-print">Blue Burst is limited to one account per website account. Password reset can come later.</p>
<h2 id="bb-heading" class="section-title">Blue Burst</h2>
<p>BB username <strong>chuudoku</strong><br>BB account ID <strong>0126326509</strong></p>
<form class="bb-account-form" data-bb-action="change-password">
<p class="muted">Change your Blue Burst login password. This updates the account file, then it needs to sync to the ships.</p>
<label>
New BB password
<input name="password" type="password" autocomplete="new-password" maxlength="16" required>
</label>
<label>
Confirm new BB password
<input name="confirm_password" type="password" autocomplete="new-password" maxlength="16" required>
</label>
<button class="button" type="submit">Change Blue Burst Password</button>
<div class="bb-message" role="status"></div>
</form>
</section>
<section class="card setup-card setup-card--key-sync" aria-labelledby="key-sync-heading">
@@ -88,10 +97,13 @@
<input id="key-label" name="key-label" type="text" placeholder="Dreamcast US disc, GameCube JP, etc.">
<label for="key-serial">Serial Number</label>
<input id="key-serial" name="key-serial" type="text" inputmode="numeric">
<input id="key-serial" name="key-serial" type="text" inputmode="numeric" placeholder="DC V2 serial number">
<label for="key-display-serial">Confirm Serial Number</label>
<input id="key-display-serial" name="display_serial" autocomplete="off" type="text" inputmode="numeric" placeholder="confirm serial number">
<label for="key-access">Access Key</label>
<input id="key-access" name="key-access" type="text">
<input id="key-access" name="key-access" type="text" placeholder="access key">
<button type="button">Register Key Profile</button>
</form>
</section>
+8 -2
View File
@@ -388,7 +388,10 @@
if (!hero || !title) return;
for (const p of Array.from(hero.querySelectorAll("p"))) {
if (p.textContent.includes("Manage your Blue Burst login")) {
if (
p.textContent.includes("Manage your Blue Burst login") ||
p.classList.contains("account-email-line")
) {
p.remove();
}
}
@@ -575,7 +578,10 @@
renderAccountEmail(accountData);
updateAccountStatusBadges(accountData);
renderBBCard(accountData);
// Account dashboard BB card is server-rendered.
// Do not let the generic app bootstrap rewrite it into a stale layout.
return;
}
async function boot() {