Only use account name in routes

[github/Chocobozzz/PeerTube.git] / client / src / app / menu / menu.component.html

diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 2671dd90b52ac64d5058a07a1cfa4815b3a24eaf..1a95477b7672ca30cf5ce900965c02c2d7f8de37 100644 (file)
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -1,9 +1,11 @@
 <menu>
   <div *ngIf="isLoggedIn" class="logged-in-block">
-    <img [src]="getUserAvatarPath()" alt="Avatar" />
+    <a routerLink="/my-account/settings">
+      <img [src]="user.accountAvatarUrl" alt="Avatar" />
+    </a>
 
     <div class="logged-in-info">
-      <a routerLink="/account/settings" class="logged-in-username">{{ user.username }}</a>
+      <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a>
       <div class="logged-in-email">{{ user.email }}</div>
     </div>
 
@@ -12,6 +14,14 @@
 
       <ul *dropdownMenu class="dropdown-menu">
         <li>
+          <a i18n [routerLink]="[ '/accounts', user.account?.nameWithHost ]" class="dropdown-item" title="My public profile">
+           My public profile
+          </a>
+
+          <a routerLink="/my-account/settings" class="dropdown-item" title="My settings">
+            My settings
+          </a>
+
           <a (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
             Log out
           </a>
@@ -37,14 +47,24 @@
       <span class="icon icon-videos-recently-added"></span>
       Recently added
     </a>
+
+    <a routerLink="/videos/local" routerLinkActive="active">
+      <span class="icon icon-videos-local"></span>
+      Local
+    </a>
   </div>
 
-  <div *ngIf="userHasAdminAccess" class="panel-block">
+  <div class="panel-block">
     <div class="block-title">More</div>
 
-    <a [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
+    <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
       <span class="icon icon-administration"></span>
       Administration
     </a>
+
+    <a routerLink="/about" routerLinkActive="active">
+      <span class="icon icon-about"></span>
+      About
+    </a>
   </div>
 </menu>