1 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
3 <form role=
"form" (ngSubmit)=
"updateMyProfile()" [formGroup]=
"form">
5 <div class=
"form-group">
6 <label i18n
for=
"username">Username
</label>
8 type=
"text" id=
"username" class=
"form-control"
9 formControlName=
"username" readonly
11 <div class=
"text-muted" i18n
>
12 People can find you using @{{ user.username }}@{{ instanceHost }}
16 <div class=
"form-group">
17 <label i18n
for=
"display-name">Display name
</label>
19 type=
"text" id=
"display-name" class=
"form-control"
20 formControlName=
"display-name" [ngClass]=
"{ 'input-error': formErrors['display-name'] }"
22 <div *
ngIf=
"formErrors['display-name']" class=
"form-error">
23 {{ formErrors['display-name'] }}
27 <div class=
"form-group">
28 <label i18n
for=
"description">Description
</label>
30 id=
"description" formControlName=
"description" class=
"form-control"
31 [ngClass]=
"{ 'input-error': formErrors['description'] }"
33 <div *
ngIf=
"formErrors.description" class=
"form-error">
34 {{ formErrors.description }}
38 <input type=
"submit" i18n-value
value=
"Save" [disabled]=
"!form.valid">