Use form-control to display box-shadow on form inputs/selects upon focus
[oweals/peertube.git] / client / src / app / +my-account / my-account-settings / my-account-profile / my-account-profile.component.html
1 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
2
3 <form role="form" (ngSubmit)="updateMyProfile()" [formGroup]="form">
4
5   <div class="form-group">
6     <label i18n for="display-name">Display name</label>
7     <input
8       type="text" id="display-name" class="form-control"
9       formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
10     >
11     <div *ngIf="formErrors['display-name']" class="form-error">
12       {{ formErrors['display-name'] }}
13     </div>
14   </div>
15
16   <div class="form-group">
17     <label i18n for="description">Description</label>
18     <textarea
19       id="description" formControlName="description" class="form-control"
20       [ngClass]="{ 'input-error': formErrors['description'] }"
21     ></textarea>
22     <div *ngIf="formErrors.description" class="form-error">
23       {{ formErrors.description }}
24     </div>
25   </div>
26
27   <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
28 </form>