Feature Changes (detailed in description) by dhyantsoni · Pull Request #1371 · Open-Coding-Society/pages

dhyantsoni · 2026-08-23T19:49:02Z

tl;dr Changes

Password reset button
Support page
Password databases syncing
Security for transfers of data between two dbs
Ticketing for password reset attempts (acceptable through the admin account)

pages: Add a /support page with the verified password reset flow

What this does

Adds a /support page that owns password reset, and removes the unverified password
change that used to live on the profile page.

Changes

New page: navigation/authentication/support.md

A topic list (only "Password Reset" for now, so more topics can be added later
without restructuring the page).
?topic=reset deep links straight into the reset wizard and skips the topic list,
so links from elsewhere on the site do not cost the user an extra click.
The wizard is three animated steps: GitHub ID, then sign in with the school Google
account, then set the new password. It calls the new Spring endpoints
POST /mvc/person/reset/oauth/verify and POST /mvc/person/reset/oauth/complete.
The client only passes the raw Google credential through to the backend. The identity
check (matching the last 5 digits of the school email against the account's student ID)
happens server side, not here.
If verify comes back 429 (rate limited), the page shows a "Request a Ticket Instead"
button that posts to POST /mvc/person/reset/ticket so an admin can grant more attempts.
This button does not require the OAuth step to have succeeded, since the whole point is
that the user cannot get through it right now.
Client side password checks: 8 character minimum and confirm-match, with inline feedback.

navigation/authentication/login.md

"Forgot your password?" now links to /support?topic=reset instead of an embedded reset
panel on the login page.
Uses the shared GOOGLE_CLIENT_ID import instead of its own hardcoded copy.

_layouts/profile.html

Removed the "New Password" field. It let any logged in user overwrite their own password
with no verification at all: no current password check and no reset token. Replaced with a
"Forgot your password?" link into the verified flow.
Removed the now dead password save branch in saveChanges() and updated the logout alert
text that referenced it.

assets/js/api/config.js

Exports GOOGLE_CLIENT_ID once, so the client id is not copy-pasted into login.md and
support.md separately.

assets/style/elements/forms/passwordvalidation.scss

Added the .password-length style. It was already being applied by the validation code
but never defined.

Testing

Load /support?topic=reset, enter a GitHub ID, sign in with a @stu.powayusd.com account
whose trailing 5 digits match that account's student ID, set a new password, and confirm the
new password works on /login. Repeat the verify step past the rate limit to see the ticket
button appear.

New /support page: a topic list (currently just "Password Reset") that deep-links via ?topic=reset straight into a "Let's Reset Your Password" wizard, skipping the topic list -- used by "Forgot your password?" links elsewhere so /support can grow to cover more than password reset later without adding friction. The wizard animates through GitHub ID entry -> school Google OAuth sign-in -> new password, calling the new Spring OAuth-verified reset endpoints (/mvc/person/reset/oauth/verify, /mvc/person/reset/oauth/complete). The Google ID token is only relayed raw to the backend; the digit-match/identity check happens server-side, not in this client code. login.md: "Forgot your password?" now links to /support?topic=reset instead of an embedded reset panel on the login page itself. profile.html: removed the old "New Password" field, which let a logged-in user overwrite their password with zero verification (no current-password check, no reset token). Replaced with a "Forgot your password?" link into the same verified reset flow. Cleaned up saveChanges()'s now-dead password-save branch and the logout alert text that referenced it. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Adds a "Request a Ticket Instead" button to the OAuth password-reset wizard, shown when the reset rate limit is hit; it posts to Spring's new /mvc/person/reset/ticket endpoint so an admin can grant more attempts. Also: styles the .password-length validation class (was referenced but never defined), and de-dupes the Google OAuth client_id into a single GOOGLE_CLIENT_ID export in config.js instead of separate copies in login.md and support.md.

Copilot

Pull request overview

This PR introduces a new /support page that owns a verified, multi-step password reset flow (GitHub ID → Google school account verification → password set), and removes the previously unverified password change path from the profile page. It also centralizes the Google OAuth client id in a shared config export and updates entry points (login/profile) to route users into the new reset flow.

Changes:

Added navigation/authentication/support.md implementing a password reset wizard with OAuth verification, rate-limit ticket fallback, and client-side password validation.
Updated login and profile UX to link “Forgot your password?” to /support?topic=reset, removing the unverified profile password change.
Centralized GOOGLE_CLIENT_ID in assets/js/api/config.js and added missing .password-length styling.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
navigation/authentication/support.md	New Support page and password reset wizard (OAuth verify/complete + ticket fallback).
navigation/authentication/login.md	Adds “Forgot your password?” link and imports shared `GOOGLE_CLIENT_ID`.
assets/js/api/config.js	Exports `GOOGLE_CLIENT_ID` for reuse across OAuth flows.
_sass/open-coding/elements/forms/passwordvalidation.scss	Adds `.password-length` style used by password validation UI.
_layouts/profile.html	Removes unverified password field; replaces with link into verified reset flow and updates logout alert copy.

Suppressed comments (1)

navigation/authentication/support.md:113

These password inputs rely on placeholder text as their only accessible name. Add explicit labels or aria-labels so screen readers can announce them reliably.

                <input type="password" id="resetNewPassword" placeholder="New Password" required>
            </div>
            <div class="form-group">
                <input type="password" id="resetConfirmPassword" placeholder="Confirm New Password" required>

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

+    function showResetOAuthStatus(message, isError = false) {
+        const statusDiv = document.getElementById('reset-oauth-status');
+        statusDiv.innerHTML = `<div class="${isError ? 'oauth-error' : 'oauth-success'}">${message}</div>`;
+    }


+        if (window.google && window.google.accounts) {
+            window.google.accounts.id.initialize({
+                client_id: GOOGLE_CLIENT_ID,
+                callback: handleGoogleResetSignIn
+            });
+            window.google.accounts.id.renderButton(
+                document.getElementById('reset-g_id_signin_container'),
+                { type: 'standard', size: 'large', theme: 'filled_blue', text: 'signin_with', shape: 'rectangular' }
+            );
+        }
+    }


+        if (password.length < 8) {
+            alert('Password must be at least 8 characters long.');
+            return;
+        }
+        if (password !== confirmPassword) {
+            alert('Passwords do not match. Please try again.');
+            return;
+        }


+<!-- Landing view: list of support topics -->
+<div id="support-topics-container" style="max-width: 700px; margin: 0 auto; padding: 0 1.5rem;">
+    <ul class="support-topic-list">
+        <li class="support-topic-item" onclick="openSupportTopic('reset')">Password Reset</li>


+        <hr>
+        <div id="reset-step-uid" class="support-step active">
+            <div class="form-group">
+                <input type="text" id="resetUid" placeholder="GitHub ID" required>


+<style>
+    .support-topic-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;



 <script type="module">
-    import { login, pythonURI, javaURI, fetchOptions } from '{{site.baseurl}}/assets/js/api/config.js';
+    import { login, pythonURI, javaURI, fetchOptions, GOOGLE_CLIENT_ID } from '{{site.baseurl}}/assets/js/api/config.js';


jm1021 · 2026-08-24T13:02:46Z

This does not look like something we should publish in GitHub: 65827797404-ccjleg7jg4g2an8ddpmhnlca4ii2gk8q.apps.googleusercontent.com

We should have a UI and workflow review prior to pull.

RudraBJoshi · 2026-08-24T19:56:46Z

Split into smaller PRs for review: #1373 (forgot-password button), #1374 (support page), #1375 (reset ticket button). Marking this draft — merge order is #1374 → #1375, #1373 independent.

- showResetOAuthStatus(): build the status message via createElement/ textContent instead of innerHTML string interpolation. - startOAuthReset(): show an inline error if the Google GSI script hasn't loaded, and clear the sign-in container before rendering so re-entering the step doesn't stack a second button. - submitOAuthResetPassword(): route password/mismatch errors through the existing inline validation message instead of alert(). - All .support-topic-item <li>s: add role="button" tabindex="0" plus a delegated keydown listener, so they're keyboard-activatable. - resetUid/resetNewPassword/resetConfirmPassword: add matching aria-labels (previously placeholder-only accessible names). - Move support.md's inline <style> block and inline style="..." attributes into a new SCSS partial (elements/forms/support.scss), wired into the same import chain oauth.scss/passwordvalidation.scss already use. Verified by building with Jekyll and checking the compiled stylesheet for the new classes. - login.md's signup Google client id, hardcoded in data-client_id (duplicating the same literal in config.js's GOOGLE_CLIENT_ID), now reads from one shared _config.yml value via Liquid. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

- showResetOAuthStatus(): build the status message via createElement/ textContent instead of innerHTML string interpolation. - startOAuthReset(): show an inline error if the Google GSI script hasn't loaded, and clear the sign-in container before rendering so re-entering the step doesn't stack a second button. - submitOAuthResetPassword(): route password/mismatch errors through the existing inline validation message instead of alert(). - .support-topic-item <li>: add role="button" tabindex="0" plus a delegated keydown listener, so it's keyboard-activatable. - resetUid/resetNewPassword/resetConfirmPassword: add matching aria-labels (previously placeholder-only accessible names). - Move the inline <style> block and inline style="..." attributes into the same SCSS partial used on pwd-reset-support (elements/forms/support.scss). - login.md's signup Google client id now reads from one shared _config.yml value via Liquid instead of being hardcoded (this branch's login.md already imported GOOGLE_CLIENT_ID from config.js, so this applied cleanly -- p1-forgot-password-button's older variant, which hardcodes a local copy instead of importing, was left alone rather than backported into). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

- showResetOAuthStatus(): build the status message via createElement/ textContent instead of innerHTML string interpolation. - startOAuthReset(): show an inline error if the Google GSI script hasn't loaded, and clear the sign-in container before rendering so re-entering the step doesn't stack a second button. - submitOAuthResetPassword(): route password/mismatch errors through the existing inline validation message instead of alert(). - .support-topic-item <li>: add role="button" tabindex="0" plus a delegated keydown listener, so it's keyboard-activatable. - resetUid/resetNewPassword/resetConfirmPassword: add matching aria-labels (previously placeholder-only accessible names). - Move the inline <style> block and inline style="..." attributes into the same SCSS partial used on pwd-reset-support/p2-support-page (elements/forms/support.scss). - login.md's signup Google client id now reads from one shared _config.yml value via Liquid instead of being hardcoded. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

RudraBJoshi and others added 2 commits August 19, 2026 20:19

Copilot AI lite review requested due to automatic review settings August 23, 2026 19:49

Copilot started reviewing on behalf of dhyantsoni August 23, 2026 19:49 View session

Copilot AI reviewed Aug 23, 2026

View reviewed changes

Navigation Menu

Uh oh!

Feature Changes (detailed in description) - #1371

Feature Changes (detailed in description)#1371
dhyantsoni wants to merge 2 commits into
Open-Coding-Society:mainfrom
CSA-Admin-OCS:main

dhyantsoni commented Aug 23, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

jm1021 commented Aug 24, 2026

Uh oh!

RudraBJoshi commented Aug 24, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

Conversation

dhyantsoni commented Aug 23, 2026

pages: Add a /support page with the verified password reset flow

What this does

Changes

Testing

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

jm1021 commented Aug 24, 2026

Uh oh!

RudraBJoshi commented Aug 24, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants