2018-06-21 20:28:00 +02:00
|
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
|
2021-09-13 02:49:24 +02:00
|
|
|
<app-callout type="warning" *ngIf="showTwoFactorEmailWarning">
|
|
|
|
{{ "changeEmailTwoFactorWarning" | i18n }}
|
2018-06-26 02:49:49 +02:00
|
|
|
</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>
|
2021-12-17 15:57:11 +01:00
|
|
|
<input
|
2019-02-21 22:50:37 +01:00
|
|
|
id="masterPassword"
|
|
|
|
type="password"
|
|
|
|
name="MasterPasswordHash"
|
|
|
|
class="form-control"
|
|
|
|
[(ngModel)]="masterPassword"
|
2021-12-17 15:57:11 +01:00
|
|
|
required
|
2019-02-21 22:50:37 +01:00
|
|
|
[readonly]="tokenSent"
|
|
|
|
appInputVerbatim
|
2021-12-17 15:57:11 +01:00
|
|
|
/>
|
|
|
|
</div>
|
2018-06-21 20:28:00 +02:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="newEmail">{{ "newEmail" | i18n }}</label>
|
2021-12-17 15:57:11 +01:00
|
|
|
<input
|
2019-02-21 22:50:37 +01:00
|
|
|
id="newEmail"
|
|
|
|
class="form-control"
|
|
|
|
type="text"
|
|
|
|
name="NewEmail"
|
|
|
|
[(ngModel)]="newEmail"
|
2021-12-17 15:57:11 +01:00
|
|
|
required
|
2019-02-21 22:50:37 +01:00
|
|
|
[readonly]="tokenSent"
|
|
|
|
inputmode="email"
|
|
|
|
appInputVerbatim="false"
|
2021-12-17 15:57:11 +01:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-21 20:28:00 +02:00
|
|
|
<ng-container *ngIf="tokenSent">
|
2021-12-17 15:57:11 +01:00
|
|
|
<hr />
|
2023-03-21 11:28:15 +01:00
|
|
|
<p>{{ "changeEmailDesc" | i18n : newEmail }}</p>
|
2021-09-13 02:49:24 +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>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-21 20:28:00 +02:00
|
|
|
</div>
|
|
|
|
</ng-container>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-spinner bwi-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>
|