fix(frontend): consolidate chat sidebar and modal auth flow
This commit is contained in:
1 parent
d267173e30
commit
474da7418e
7 files changed
+145
-125
No files matched your search
+14
-13
@@ -44,29 +44,30 @@
|
||||
<div class="chat-header-actions">
|
||||
<span id="chat-user-label" class="chat-user-label" hidden></span>
|
||||
<button id="auth-toggle-btn" type="button" class="btn btn-secondary">Sign in</button>
|
||||
<button id="auth-logout-btn" type="button" class="btn btn-secondary" hidden>Sign out</button> <button id="users-toggle-btn" type="button" class="btn btn-secondary" aria-controls="presence-panel" aria-expanded="true">Users</button> <button type="button" class="btn btn-secondary" onclick="togglePrivateDM()">New DM</button>
|
||||
<button id="auth-logout-btn" type="button" class="btn btn-secondary" hidden>Sign out</button>
|
||||
<button type="button" class="btn btn-secondary" onclick="togglePrivateDM()">New DM</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="auth-panel" class="auth-panel" hidden>
|
||||
<input id="auth-username" type="text" class="input" placeholder="Username" autocomplete="username" />
|
||||
<input id="auth-password" type="password" class="input" placeholder="Password" autocomplete="current-password" />
|
||||
<div class="button-row">
|
||||
<button id="auth-login-btn" type="button" class="btn btn-primary">Log in</button>
|
||||
<button id="auth-register-btn" type="button" class="btn btn-secondary">Register</button>
|
||||
<div id="auth-panel" class="auth-modal" hidden>
|
||||
<div id="auth-backdrop" class="auth-modal-backdrop"></div>
|
||||
<div class="auth-modal-content">
|
||||
<button id="auth-close-btn" type="button" class="btn auth-close" aria-label="Close sign in">×</button>
|
||||
<h2 class="auth-modal-title">Sign in</h2>
|
||||
<input id="auth-username" type="text" class="input" placeholder="Username" autocomplete="username" />
|
||||
<input id="auth-password" type="password" class="input" placeholder="Password" autocomplete="current-password" />
|
||||
<div class="button-row">
|
||||
<button id="auth-login-btn" type="button" class="btn btn-primary">Log in</button>
|
||||
<button id="auth-register-btn" type="button" class="btn btn-secondary">Register</button>
|
||||
</div>
|
||||
<p id="auth-status" class="status-line" aria-live="polite"></p>
|
||||
</div>
|
||||
<p id="auth-status" class="status-line" aria-live="polite"></p>
|
||||
</div>
|
||||
|
||||
<div id="chat-flash" class="chat-flash" aria-live="polite" hidden></div>
|
||||
|
||||
<section id="messages" class="chat-messages" aria-live="polite"></section>
|
||||
|
||||
<div id="dm-search-row" class="dm-search-row" hidden>
|
||||
<input id="dm-search-input" type="text" class="input" placeholder="Search this conversation..." />
|
||||
<button id="dm-search-btn" type="button" class="btn btn-secondary">Search</button>
|
||||
</div>
|
||||
|
||||
<section id="presence-panel" class="presence-panel">
|
||||
<div id="presence-list" class="presence-list"></div>
|
||||
</section>
|
||||
|
||||
Reference in new issue
Block a user