Use form-control to display box-shadow on form inputs/selects upon focus
[oweals/peertube.git] / client / src / app / +signup / +verify-account / verify-account-ask-send-email / verify-account-ask-send-email.component.html
1 <div class="margin-content">
2   <div i18n class="title-page title-page-single">
3     Request email for account verification
4   </div>
5
6   <form *ngIf="requiresEmailVerification; else emailVerificationNotRequired" role="form" (ngSubmit)="askSendVerifyEmail()" [formGroup]="form">
7     <div class="form-group">
8       <label i18n for="verify-email-email">Email</label>
9       <input
10         type="email" id="verify-email-email" i18n-placeholder placeholder="Email address" required
11         formControlName="verify-email-email" class="form-control" [ngClass]="{ 'input-error': formErrors['verify-email-email'] }"
12       >
13       <div *ngIf="formErrors['verify-email-email']" class="form-error">
14           {{ formErrors['verify-email-email'] }}
15       </div>
16     </div>
17     <input type="submit" i18n-value value="Send verification email" [disabled]="!form.valid">
18   </form>
19   <ng-template #emailVerificationNotRequired>
20     <div i18n>This instance does not require email verification.</div>
21   </ng-template>
22 </div>