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="username">Username</label>
   7     <input
   8       type="text" id="username" class="form-control"
   9       formControlName="username" readonly
  10     >
  11     <div class="text-muted" i18n>
  12       People can find you using @{{ user.username }}@{{ instanceHost }}
  13     </div>
  14   </div>
  15
  16   <div class="form-group">
  17     <label i18n for="display-name">Display name</label>
  18     <input
  19       type="text" id="display-name" class="form-control"
  20       formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
  21     >
  22     <div *ngIf="formErrors['display-name']" class="form-error">
  23       {{ formErrors['display-name'] }}
  24     </div>
  25   </div>
  26
  27   <div class="form-group">
  28     <label i18n for="description">Description</label>
  29     <textarea
  30       id="description" formControlName="description" class="form-control"
  31       [ngClass]="{ 'input-error': formErrors['description'] }"
  32     ></textarea>
  33     <div *ngIf="formErrors.description" class="form-error">
  34       {{ formErrors.description }}
  35     </div>
  36   </div>
  37
  38   <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
  39 </form>