Add i18n attributes

[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 5ea859fd2c144dbfaecc599423bc98055fdae07f..1677294054f7728cb8001a19909236a66471172c 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]="getUserAvatarUrl()" 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,11 +14,15 @@
 
       <ul *dropdownMenu class="dropdown-menu">
         <li>
-          <a routerLink="/account/settings" class="dropdown-item" title="My account">
-            My account
+          <a i18n [routerLink]="[ '/accounts', user.account?.nameWithHost ]" class="dropdown-item" title="My public profile">
+           My public profile
+          </a>
+
+          <a i18n routerLink="/my-account/settings" class="dropdown-item" title="My settings">
+            My settings
           </a>
 
-          <a (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
+          <a i18n (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
             Log out
           </a>
         </li>
@@ -25,30 +31,40 @@
   </div>
 
   <div *ngIf="!isLoggedIn" class="button-block">
-    <a routerLink="/login" class="login-button">Login</a>
-    <a *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
+    <a i18n routerLink="/login" class="login-button">Login</a>
+    <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
   </div>
 
   <div class="panel-block">
-    <div class="block-title">Videos</div>
+    <div i18n class="block-title">Videos</div>
 
     <a routerLink="/videos/trending" routerLinkActive="active">
       <span class="icon icon-videos-trending"></span>
-      Trending
+      <ng-container i18n>Trending</ng-container>
     </a>
 
     <a routerLink="/videos/recently-added" routerLinkActive="active">
       <span class="icon icon-videos-recently-added"></span>
-      Recently added
+      <ng-container i18n>Recently added</ng-container>
+    </a>
+
+    <a routerLink="/videos/local" routerLinkActive="active">
+      <span class="icon icon-videos-local"></span>
+      <ng-container i18n>Local</ng-container>
     </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
+      <ng-container i18n>Administration</ng-container>
+    </a>
+
+    <a routerLink="/about" routerLinkActive="active">
+      <span class="icon icon-about"></span>
+      <ng-container i18n>About</ng-container>
     </a>
   </div>
 </menu>