client/src/app/app.component.html

   1 <div class="container-fluid">
   2   <div class="row header">
   3
   4     <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
   5       <div class="hamburger-block" (click)="toggleMenu()">
   6         <span class="glyphicon glyphicon-menu-hamburger"></span>
   7       </div>
   8
   9       <div id="peertube-title">
  10         <a [routerLink]="['/videos/list']" title="Homepage"></a>
  11       </div>
  12     </div>
  13
  14     <div class="header-right">
  15       <my-search></my-search>
  16     </div>
  17   </div>
  18
  19   <div class="row sub-header-container">
  20     <div class="title-menu-left">
  21
  22       <div class="title-menu-left-block menu">
  23         <my-menu *ngIf="isMenuDisplayed && isInAdmin() === false"></my-menu>
  24         <my-menu-admin *ngIf="isMenuDisplayed && isInAdmin() === true"></my-menu-admin>
  25       </div>
  26     </div>
  27
  28     <div class="main-col" [ngClass]="getMainColClasses()">
  29
  30       <div class="main-row">
  31         <router-outlet></router-outlet>
  32       </div>
  33
  34       <footer class="row">
  35         <a href="https://github.com/Chocobozzz/PeerTube" title="PeerTube on Github">PeerTube</a> -
  36         <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" title="PeerTube licence">CopyLeft 2015-2017</a>
  37       </footer>
  38     </div>
  39   </div>
  40 </div>
  41
  42 <my-confirm></my-confirm>
  43 <simple-notifications [options]="notificationOptions"></simple-notifications>