Talon/chat_grid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use single auth mode toggle button

Browse Source
This commit is contained in:
Jage9
2026-02-24 23:38:47 -05:00
parent 45db5762a1
commit ba31fee5ce
3 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/index.html
View File

@@ -39,7 +39,6 @@
<input id="registerEmail" type="email" maxlength="320" autocomplete="email" /> <input id="registerEmail" type="email" maxlength="320" autocomplete="email" />
</div> </div>
<p id="authPolicyHintRegister" class="auth-hint"></p> <p id="authPolicyHintRegister" class="auth-hint"></p>
<button id="showLoginButton" type="button">Login</button>
</section> </section>
<section id="authSessionView" class="auth-panel hidden"> <section id="authSessionView" class="auth-panel hidden">
<h2>Logged In</h2> <h2>Logged In</h2>

2
client/public/version.js
View File

@@ -1,5 +1,5 @@
// Maintainer-controlled web client version. // Maintainer-controlled web client version.
// Format: YYYY.MM.DD Rn (example: 2026.02.20 R2) // Format: YYYY.MM.DD Rn (example: 2026.02.20 R2)
window.CHGRID_WEB_VERSION = "2026.02.25 R251"; window.CHGRID_WEB_VERSION = "2026.02.25 R252";
// Optional display timezone for timestamps. Falls back to America/Detroit if unset/invalid. // Optional display timezone for timestamps. Falls back to America/Detroit if unset/invalid.
window.CHGRID_TIME_ZONE = "America/Detroit"; window.CHGRID_TIME_ZONE = "America/Detroit";

10
client/src/main.ts
View File

@@ -103,7 +103,6 @@ type Dom = {
authSessionView: HTMLElement; authSessionView: HTMLElement;
authSessionText: HTMLParagraphElement; authSessionText: HTMLParagraphElement;
showRegisterButton: HTMLButtonElement; showRegisterButton: HTMLButtonElement;
showLoginButton: HTMLButtonElement;
updatesSection: HTMLElement; updatesSection: HTMLElement;
updatesToggle: HTMLButtonElement; updatesToggle: HTMLButtonElement;
updatesPanel: HTMLDivElement; updatesPanel: HTMLDivElement;
@@ -138,7 +137,6 @@ const dom: Dom = {
authSessionView: requiredById('authSessionView'), authSessionView: requiredById('authSessionView'),
authSessionText: requiredById('authSessionText'), authSessionText: requiredById('authSessionText'),
showRegisterButton: requiredById('showRegisterButton'), showRegisterButton: requiredById('showRegisterButton'),
showLoginButton: requiredById('showLoginButton'),
updatesSection: requiredById('updatesSection'), updatesSection: requiredById('updatesSection'),
updatesToggle: requiredById('updatesToggle'), updatesToggle: requiredById('updatesToggle'),
updatesPanel: requiredById('updatesPanel'), updatesPanel: requiredById('updatesPanel'),
@@ -598,13 +596,12 @@ function updateConnectAvailability(): void {
const label = sanitizeAuthUsername(authUsername) || 'current account'; const label = sanitizeAuthUsername(authUsername) || 'current account';
dom.authSessionText.textContent = `Logged in as ${label}.`; dom.authSessionText.textContent = `Logged in as ${label}.`;
dom.showRegisterButton.classList.add('hidden'); dom.showRegisterButton.classList.add('hidden');
dom.showLoginButton.classList.add('hidden');
dom.loginView.classList.add('hidden'); dom.loginView.classList.add('hidden');
dom.registerView.classList.add('hidden'); dom.registerView.classList.add('hidden');
dom.authSessionView.classList.remove('hidden'); dom.authSessionView.classList.remove('hidden');
} else { } else {
dom.showRegisterButton.classList.remove('hidden'); dom.showRegisterButton.classList.remove('hidden');
dom.showLoginButton.classList.remove('hidden'); dom.showRegisterButton.textContent = authMode === 'login' ? 'Register' : 'Login';
dom.loginView.classList.toggle('hidden', authMode !== 'login'); dom.loginView.classList.toggle('hidden', authMode !== 'login');
dom.registerView.classList.toggle('hidden', authMode !== 'register'); dom.registerView.classList.toggle('hidden', authMode !== 'register');
dom.authSessionView.classList.add('hidden'); dom.authSessionView.classList.add('hidden');
@@ -2634,12 +2631,13 @@ function setupUiHandlers(): void {
setOutputDevice: (id) => peerManager.setOutputDevice(id), setOutputDevice: (id) => peerManager.setOutputDevice(id),
}); });
dom.showRegisterButton.addEventListener('click', () => { dom.showRegisterButton.addEventListener('click', () => {
if (authMode === 'login') {
setAuthMode('register'); setAuthMode('register');
dom.registerUsername.focus(); dom.registerUsername.focus();
}); } else {
dom.showLoginButton.addEventListener('click', () => {
setAuthMode('login'); setAuthMode('login');
dom.authUsername.focus(); dom.authUsername.focus();
}
}); });
dom.logoutButton.addEventListener('click', () => { dom.logoutButton.addEventListener('click', () => {
logOutAccount(); logOutAccount();