Fix account dashboard first-paint rendering
This commit is contained in:
+25
-13
@@ -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
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user