]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
Use form-control to display box-shadow on form inputs/selects upon focus
[github/Chocobozzz/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>