<form role="form" (ngSubmit)="updateMyProfile()" [formGroup]="form">
- <label for="display-name">Display name</label>
- <input
- type="text" id="display-name"
- formControlName="display-name" [ngClass]="{ 'input-error': formErrors['display-name'] }"
- >
- <div *ngIf="formErrors['display-name']" class="form-error">
- {{ formErrors['display-name'] }}
+ <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>
- <label for="description">Description</label>
- <textarea
- id="description" formControlName="description"
- [ngClass]="{ 'input-error': formErrors['description'] }"
- ></textarea>
- <div *ngIf="formErrors.description" class="form-error">
- {{ formErrors.description }}
+ <div class="form-group">
+ <label i18n for="display-name">Display name</label>
+ <input
+ 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">
+ {{ formErrors['display-name'] }}
+ </div>
</div>
- <input type="submit" value="Update my profile" [disabled]="!form.valid">
+ <div class="form-group">
+ <label i18n for="description">Description</label>
+ <textarea
+ id="description" formControlName="description" class="form-control"
+ [ngClass]="{ 'input-error': formErrors['description'] }"
+ ></textarea>
+ <div *ngIf="formErrors.description" class="form-error">
+ {{ formErrors.description }}
+ </div>
+ </div>
+
+ <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
</form>