Support roles with rights and add moderator role

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

diff --git a/client/src/app/core/menu/menu.component.html b/client/src/app/core/menu/menu.component.html
index 1e9a53246fb3eff45a2831b6c7a3d51b7eede643..2d8aace54c4f8552c771760c23af05c3d00f4666 100644 (file)
--- a/client/src/app/core/menu/menu.component.html
+++ b/client/src/app/core/menu/menu.component.html
@@ -1,39 +1,50 @@
-<menu class="col-md-2 col-sm-3 col-xs-3">
+<menu>
   <div class="panel-block">
+    <div class="block-title">Account</div>
+
     <div id="panel-user-login" class="panel-button">
-      <span *ngIf="!isLoggedIn" >
+      <a *ngIf="!isLoggedIn" routerLink="/login" routerLinkActive="active">
         <span class="hidden-xs glyphicon glyphicon-log-in"></span>
-        <a [routerLink]="['/login']">Login</a>
-      </span>
+        Login
+      </a>
 
-      <span *ngIf="isLoggedIn">
+      <a *ngIf="isLoggedIn" (click)="logout()">
         <span class="hidden-xs glyphicon glyphicon-log-out"></span>
-        <a *ngIf="isLoggedIn" (click)="logout()">Logout</a>
-      </span>
+        Logout
+      </a>
     </div>
 
-    <div *ngIf="isLoggedIn" id="panel-user-account" class="panel-button">
+    <a *ngIf="!isLoggedIn && isRegistrationAllowed()" routerLink="/signup" routerLinkActive="active">
       <span class="hidden-xs glyphicon glyphicon-user"></span>
-      <a [routerLink]="['/account']">My account</a>
-    </div>
+      Signup
+    </a>
+
+    <a *ngIf="isLoggedIn" routerLink="/account" routerLinkActive="active">
+      <span class="hidden-xs glyphicon glyphicon-user"></span>
+      My account
+    </a>
   </div>
 
   <div class="panel-block">
-    <div id="panel-get-videos" class="panel-button">
+    <div class="block-title">Videos</div>
+
+    <a routerLink="/videos/list" routerLinkActive="active">
       <span class="hidden-xs glyphicon glyphicon-list"></span>
-      <a [routerLink]="['/videos/list']">See videos</a>
-    </div>
+      See videos
+    </a>
 
-    <div id="panel-upload-video" class="panel-button" *ngIf="isLoggedIn">
+    <a *ngIf="isLoggedIn" routerLink="/videos/upload" routerLinkActive="active">
       <span class="hidden-xs glyphicon glyphicon-cloud-upload"></span>
-      <a [routerLink]="['/videos/add']">Upload a video</a>
-    </div>
+      Upload a video
+    </a>
   </div>
 
-  <div class="panel-block" *ngIf="isUserAdmin()">
-    <div id="panel-get-videos" class="panel-button">
+  <div *ngIf="userHasAdminAccess" class="panel-block">
+    <div class="block-title">Other</div>
+
+    <a [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
       <span class="hidden-xs glyphicon glyphicon-cog"></span>
-      <a [routerLink]="['/admin']">Administration</a>
-    </div>
+      Administration
+    </a>
   </div>
 </menu>