Improve notification settings UI

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-profile / my-account-profile.component.html

diff --git a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
index 818e34ee0fad0ff83b1c050192f2810262436da7..eb2a48e154d9b97aa0dd333a472dc424f88e6343 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
+++ b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
@@ -2,6 +2,17 @@
 
 <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