From 4c8e4e04d1b3f0f207e9155df393ceeb23dc2172 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 5 Sep 2018 14:42:59 +0200
Subject: Use dropdown in my account -> "my library"

---
 client/src/app/+my-account/my-account.component.html | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

(limited to 'client/src/app/+my-account/my-account.component.html')

diff --git a/client/src/app/+my-account/my-account.component.html b/client/src/app/+my-account/my-account.component.html
index b79e61bef..b602fd69f 100644
--- a/client/src/app/+my-account/my-account.component.html
+++ b/client/src/app/+my-account/my-account.component.html
@@ -2,13 +2,22 @@
   <div class="sub-menu">
     <a i18n routerLink="/my-account/settings" routerLinkActive="active" class="title-page">My settings</a>
 
-    <a i18n routerLink="/my-account/video-channels" routerLinkActive="active" class="title-page">My channels</a>
+    <div ngbDropdown class="my-library">
+      <span role="button" class="title-page" [ngClass]="{ active: libraryLabel !== '' }" ngbDropdownToggle>
+        <ng-container i18n>My library</ng-container>
+        <ng-container *ngIf="libraryLabel"> - {{ libraryLabel }}</ng-container>
+      </span>
 
-    <a i18n routerLink="/my-account/videos" routerLinkActive="active" class="title-page">My videos</a>
+      <div ngbDropdownMenu>
+        <a class="dropdown-item" i18n routerLink="/my-account/video-channels">My channels</a>
 
-    <a i18n routerLink="/my-account/subscriptions" routerLinkActive="active" class="title-page">My subscriptions</a>
+        <a class="dropdown-item" i18n routerLink="/my-account/videos">My videos</a>
 
-    <a *ngIf="isVideoImportEnabled()" i18n routerLink="/my-account/video-imports" routerLinkActive="active" class="title-page">My imports</a>
+        <a class="dropdown-item" i18n routerLink="/my-account/subscriptions">My subscriptions</a>
+
+        <a class="dropdown-item" *ngIf="isVideoImportEnabled()" i18n routerLink="/my-account/video-imports">My imports</a>
+      </div>
+    </div>
 
     <a i18n routerLink="/my-account/ownership" routerLinkActive="active" class="title-page">Ownership changes</a>
   </div>
-- 
cgit v1.2.3