bitwarden-estensione-browser/src/app/settings/change-email.component.html

42 lines
2.0 KiB
HTML
Raw Normal View History

2018-06-21 20:28:00 +02:00
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
<app-callout type="warning" *ngIf="showTwoFactorEmailWarning">
{{'changeEmailTwoFactorWarning' | i18n}}
</app-callout>
2018-06-21 20:28:00 +02:00
<div class="row">
<div class="col-6">
<div class="form-group">
<label for="masterPassword">{{'masterPass' | i18n}}</label>
2019-02-21 22:50:37 +01:00
<input id="masterPassword" type="password" name="MasterPasswordHash" class="form-control"
[(ngModel)]="masterPassword" required [readonly]="tokenSent" appInputVerbatim>
2018-06-21 20:28:00 +02:00
</div>
<div class="form-group">
<label for="newEmail">{{'newEmail' | i18n}}</label>
2019-02-21 22:50:37 +01:00
<input id="newEmail" class="form-control" type="text" name="NewEmail" [(ngModel)]="newEmail" required
[readonly]="tokenSent" inputmode="email" appInputVerbatim="false">
2018-06-21 20:28:00 +02:00
</div>
</div>
</div>
<ng-container *ngIf="tokenSent">
<hr>
<p>{{'changeEmailDesc' | i18n : newEmail}}</p>
2018-06-26 02:49:49 +02:00
<app-callout type="warning">{{'loggedOutWarning' | i18n}}</app-callout>
2018-06-21 20:28:00 +02:00
<div class="row">
<div class="col-6">
<div class="form-group">
<label for="token">{{'code' | i18n}}</label>
2019-02-21 22:50:37 +01:00
<input id="token" class="form-control" type="text" name="Token" [(ngModel)]="token" required
appInputVerbatim>
2018-06-21 20:28:00 +02:00
</div>
</div>
</div>
</ng-container>
2018-07-18 05:15:15 +02:00
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
2018-06-21 20:28:00 +02:00
<span *ngIf="!tokenSent">{{'continue' | i18n}}</span>
2018-06-21 21:30:17 +02:00
<span *ngIf="tokenSent">{{'changeEmail' | i18n}}</span>
2018-06-21 20:28:00 +02:00
</button>
<button type="button" class="btn btn-outline-secondary" *ngIf="tokenSent" (click)="reset()">
{{'cancel' | i18n}}
</button>
</form>