Use dropdown in my account -> "my library"

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account.component.html

<div class="row">
  <div class="sub-menu">
    <a i18n routerLink="/my-account/settings" routerLinkActive="active" class="title-page">My settings</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>

      <div ngbDropdownMenu>
        <a class="dropdown-item" i18n routerLink="/my-account/video-channels">My channels</a>

        <a class="dropdown-item" i18n routerLink="/my-account/videos">My videos</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>

  <div class="margin-content">
    <router-outlet></router-outlet>
  </div>
</div>