<form role="form" (ngSubmit)="updateMyProfile()" [formGroup]="form">
<div class="form-group">
- <label i18n for="user-name">User name</label>
+ <label i18n for="username">Username</label>
<input
- type="text" id="user-name" class="form-control"
- formControlName="user-name"
+ type="text" id="username" class="form-control"
+ formControlName="username" readonly
>
<div class="text-muted" i18n>
- People can find you @{{ user.username }}@{{ instanceHost }}
+ People can find you using @{{ user.username }}@{{ instanceHost }}
</div>
</div>
margin-bottom: 15px;
}
+input#username + .text-muted {
+ margin-top: 5px;
+}
+
input[type=text] {
@include peertube-input-text(340px);
display: block;
}
-input#user-name {
- border: none;
-
- & + div {
- padding-left: 15px;
- }
-}
-
input[type=submit] {
@include peertube-button;
@include orange-button;
ngOnInit () {
this.buildForm({
- 'user-name': null,
+ username: null,
'display-name': USER_DISPLAY_NAME_REQUIRED_VALIDATOR,
description: USER_DESCRIPTION_VALIDATOR
})
- this.form.controls['user-name'].disable()
+ this.form.controls['username'].disable()
this.userInformationLoaded.subscribe(() => {
this.form.patchValue({
- 'user-name': this.user.username,
+ username: this.user.username,
'display-name': this.user.account.displayName,
description: this.user.account.description
})