<form role="form" (ngSubmit)="updateMyProfile()" [formGroup]="form">
+ <div class="form-group">
+ <label i18n for="username">Username</label>
+ <input
+ type="text" id="username" class="form-control"
+ formControlName="username" readonly
+ >
+ <div class="text-muted" i18n>
+ People can find you using @{{ user.username }}@{{ instanceHost }}
+ </div>
+ </div>
+
<div class="form-group">
<label i18n for="display-name">Display name</label>
<input
- type="text" id="display-name"
+ type="text" id="display-name" class="form-control"
formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
>
<div *ngIf="formErrors['display-name']" class="form-error">
<div class="form-group">
<label i18n for="description">Description</label>
<textarea
- id="description" formControlName="description"
+ id="description" formControlName="description" class="form-control"
[ngClass]="{ 'input-error': formErrors['description'] }"
></textarea>
<div *ngIf="formErrors.description" class="form-error">
</div>
</div>
- <input type="submit" i18n-value value="Update my profile" [disabled]="!form.valid">
+ <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
</form>