Add abuse messages management in my account

[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 a8d34088ce102fbee265e0c58c17765a9e682bc8..71fb2c15445da8588471841d6133e6df62a2c900 100644 (file)
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -26,28 +26,28 @@
             </a>
 
             <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/video-channels">
-              <my-global-icon iconName="folder" aria-hidden="true"></my-global-icon> <ng-container i18n>Channels settings</ng-container>
+              <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon> <ng-container i18n>Channels settings</ng-container>
             </a>
 
             <div class="dropdown-divider"></div>
 
             <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openLanguageChooser()">
               <my-global-icon iconName="language" aria-hidden="true"></my-global-icon>
-              <ng-container i18n>Interface: {{ language }}</ng-container>
-              <i class="ml-auto glyphicon glyphicon-menu-right"></i>
+              <span i18n>Interface:</span>
+              <span class="ml-auto text-muted">{{ language }}</span>
             </a>
 
             <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings">
               <my-global-icon iconName="video-lang" aria-hidden="true"></my-global-icon>
-              <ng-container i18n>Videos: {{ videoLanguages.join(', ') }}</ng-container>
-              <i class="ml-auto glyphicon glyphicon-menu-right"></i>
+              <span i18n>Videos:</span>
+              <span class="ml-auto text-muted">{{ videoLanguages.join(', ') }}</span>
             </a>
 
             <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings">
               <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy === 'display' }" iconName="sensitive" aria-hidden="true"></my-global-icon>
               <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy !== 'display' }" iconName="unsensitive" aria-hidden="true"></my-global-icon>
-              <ng-container i18n>Sensitive: {{ nsfwPolicy }}</ng-container>
-              <i class="ml-auto glyphicon glyphicon-menu-right"></i>
+              <span i18n>Sensitive:</span>
+              <span class="ml-auto text-muted">{{ nsfwPolicy }}</span>
             </a>
 
             <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()">
@@ -81,7 +81,7 @@
       <div *ngIf="isLoggedIn" class="panel-block">
         <div i18n class="block-title">MY LIBRARY</div>
 
-        <a routerLink="/my-account/videos" routerLinkActive="active">
+        <a *ngIf="user.canSeeVideosLink" routerLink="/my-account/videos" routerLinkActive="active">
           <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon>
           <ng-container i18n>Videos</ng-container>
         </a>