mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 09:43:23 +00:00
58 lines
1.6 KiB
HTML
58 lines
1.6 KiB
HTML
<form [bitSubmit]="submit" [formGroup]="formGroup">
|
|
<!-------------------------
|
|
UI STATE 1: Email Entry
|
|
-------------------------->
|
|
<ng-container *ngIf="true">
|
|
<!-- Email Address input -->
|
|
<div class="tw-mb-3">
|
|
<bit-form-field>
|
|
<bit-label>{{ "emailAddress" | i18n }}</bit-label>
|
|
<input type="email" bitInput formControlName="email" appAutofocus />
|
|
</bit-form-field>
|
|
</div>
|
|
|
|
<!-- Remember Email input -->
|
|
<div class="tw-mb-3 tw-flex tw-items-start">
|
|
<bit-form-control class="tw-mb-0">
|
|
<input type="checkbox" bitCheckbox formControlName="rememberEmail" />
|
|
<bit-label>{{ "rememberEmail" | i18n }}</bit-label>
|
|
</bit-form-control>
|
|
</div>
|
|
|
|
<!-- Continue button -->
|
|
<div class="tw-mb-3">
|
|
<button
|
|
bitButton
|
|
type="submit"
|
|
buttonType="primary"
|
|
class="tw-w-full"
|
|
(click)="validateEmail()"
|
|
>
|
|
<span> {{ "continue" | i18n }} </span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Login with Passkey link -->
|
|
<div class="tw-mb-3 tw-flex tw-flex-col tw-items-center tw-justify-center">
|
|
<p class="tw-mb-3">{{ "or" | i18n }}</p>
|
|
<a
|
|
bitLink
|
|
block
|
|
linkType="primary"
|
|
routerLink="/login-with-passkey"
|
|
(mousedown)="$event.preventDefault()"
|
|
>
|
|
<span><i class="bwi bwi-passkey"></i> {{ "loginWithPasskey" | i18n }}</span>
|
|
</a>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<!-- TODO-rr-bw: More here -->
|
|
</ng-container>
|
|
|
|
<!-----------------------------------
|
|
UI STATE 2: Master Password Entry
|
|
------------------------------------>
|
|
</form>
|