bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

add template for desktop first UI state: email entry

Browse Source
This commit is contained in:
rr-bw
2024-09-09 16:58:37 -07:00
parent b564ff4ca5
commit e8e5ec23f9
4 changed files with 50 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
libs/auth/src/angular/login/login.component.html
View File

@@ -58,7 +58,7 @@
routerLink="/login-with-passkey"
(mousedown)="$event.preventDefault()"
>
<span><i class="bwi bwi-passkey"></i> {{ "loginWithPasskey" | i18n }}</span>
<span><i class="bwi bwi-passkey"></i> {{ "logInWithPasskey" | i18n }}</span>
</a>
</div>
@@ -164,4 +164,39 @@
</form>
<!-- Desktop Template -->
<form [bitSubmit]="submit" [formGroup]="formGroup">Desktop Template</form>
<form *ngIf="clientType === ClientType.Desktop" [bitSubmit]="submit" [formGroup]="formGroup">
<ng-container *ngIf="!validatedEmail">
<!-- Email Address input -->
<bit-form-field>
<bit-label>{{ "emailAddress" | i18n }}</bit-label>
<input type="email" bitInput formControlName="email" appAutofocus />
</bit-form-field>
<!-- Remember Email input -->
<bit-form-control>
<input type="checkbox" bitCheckbox formControlName="rememberEmail" />
<bit-label>{{ "rememberEmail" | i18n }}</bit-label>
</bit-form-control>
<div class="tw-grid tw-gap-3">
<!-- Continue button -->
<button bitButton type="submit" buttonType="primary" (click)="validateEmail()">
<span> {{ "continue" | i18n }} </span>
</button>
<div class="tw-text-center">{{ "or" | i18n }}</div>
<!-- Link to Login with Passkey page -->
<button type="button" bitButton buttonType="secondary" block routerLink="/login-with-passkey">
<span><i class="bwi bwi-passkey"></i> {{ "logInWithPasskey" | i18n }}</span>
</button>
<!-- Link to SSO page -->
<button type="button" bitButton buttonType="secondary" block routerLink="/sso">
<span><i class="bwi bwi-provider"></i> {{ "useSingleSignOn" | i18n }}</span>
</button>
</div>
<!-- TODO-rr-bw: add "New to Bitwarden? Create Account (might need to be AnonLayout secondary content)" -->
</ng-container>
</form>