opelly/WinStudentGoalTracker
1
0
Fork 0
mirror of https://github.com/opelly27/WinStudentGoalTracker.git synced 2026-05-20 14:37:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Latest

Browse Source
This commit is contained in:
ivan-pelly
2026-03-01 18:21:51 -08:00
parent d9a7b6c21e
commit 41e7120012
35 changed files with 1194 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/winstudentgoaltracker/src/app/shared/pages/login/login.html
+35 -64
View File
@@ -1,78 +1,49 @@
<!-- Phase 1: Email & Password -->
@if (!auth.isAuthenticated() && !auth.isSelectingProgram()) {
<div class="card">
<h2>Login</h2>
<div class="card">
<h2>Login</h2>
@if (error()) {
<p class="error">{{ error() }}</p>
}
@if (error()) {
<p class="error">{{ error() }}</p>
}
<form (ngSubmit)="onLogin()">
<label>
Email
<input type="email" [(ngModel)]="email" name="email" required />
</label>
<form (ngSubmit)="onLogin()">
<label>
Email
<input type="email" [(ngModel)]="email" name="email" required />
</label>
<label>
Password
<input type="password" [(ngModel)]="password" name="password" required />
</label>
<label>
Password
<input type="password" [(ngModel)]="password" name="password" required />
</label>
<button type="submit" [disabled]="loading()">
{{ loading() ? 'Signing in...' : 'Sign in' }}
</button>
</form>
</div>
<button type="submit" [disabled]="loading()">
{{ loading() ? 'Signing in...' : 'Sign in' }}
</button>
</form>
</div>
}
<!-- Phase 2: Program Selection -->
@if (auth.isSelectingProgram()) {
<div class="card">
<h2>Select a Program</h2>
<p class="subtitle">Choose which program to log into.</p>
<div class="card">
<h2>Select a Program</h2>
<p class="subtitle">Choose which program to log into.</p>
@if (error()) {
<p class="error">{{ error() }}</p>
@if (error()) {
<p class="error">{{ error() }}</p>
}
<div class="program-list">
@for (program of auth.programs(); track program.programId) {
<button class="program-button" [disabled]="loading()" (click)="onSelectProgram(program.programId)">
<span class="program-name">{{ program.programName }}</span>
<span class="program-meta">{{ program.roleDisplayName }}{{ program.isPrimary ? ' (Primary)' : '' }}</span>
</button>
}
<div class="program-list">
@for (program of auth.programs(); track program.programId) {
<button
class="program-button"
[disabled]="loading()"
(click)="onSelectProgram(program.programId)"
>
<span class="program-name">{{ program.programName }}</span>
<span class="program-meta">{{ program.roleDisplayName }}{{ program.isPrimary ? ' (Primary)' : '' }}</span>
</button>
}
</div>
<button class="link-button" (click)="onBackToLogin()">Back to login</button>
</div>
}
<!-- Authenticated: User Info -->
@if (auth.isAuthenticated()) {
<div class="card">
<h2>Authenticated</h2>
@if (auth.user(); as user) {
<dl>
<dt>User ID</dt>
<dd class="mono">{{ user.userId }}</dd>
<dt>Email</dt>
<dd>{{ user.email }}</dd>
<dt>Program ID</dt>
<dd class="mono">{{ user.programId }}</dd>
<dt>Role</dt>
<dd>{{ user.role }}</dd>
</dl>
}
<button (click)="onHome()">Continue</button>
<button (click)="onLogout()">Logout</button>
</div>
}
<button class="link-button" (click)="onBackToLogin()">Back to login</button>
</div>
}