client/src/app/app.component.html

   1 <div class="container">
   2
   3   <header class="row">
   4     <div class="col-md-2">
   5       <h4>PeerTube</h4>
   6     </div>
   7
   8     <div class="col-md-9">
   9       <my-search (search)="onSearch($event)"></my-search>
  10     </div>
  11   </header>
  12
  13
  14   <div class="row">
  15
  16     <menu class="col-md-2 col-xs-3">
  17       <div class="panel-block">
  18         <div id="panel-user-login" class="panel-button">
  19           <span class="glyphicon glyphicon-user"></span>
  20           <a *ngIf="!isLoggedIn" [routerLink]="['/login']">Login</a>
  21           <a *ngIf="isLoggedIn" (click)="logout()">Logout</a>
  22         </div>
  23       </div>
  24
  25       <div class="panel-block">
  26         <div id="panel-get-videos" class="panel-button">
  27           <span class="glyphicon glyphicon-list"></span>
  28           <a [routerLink]="['/videos/list']">Get videos</a>
  29         </div>
  30
  31         <div id="panel-upload-video" class="panel-button" *ngIf="isLoggedIn">
  32           <span class="glyphicon glyphicon-cloud-upload"></span>
  33           <a [routerLink]="['/videos/add']">Upload a video</a>
  34         </div>
  35       </div>
  36
  37       <div class="panel-block" *ngIf="isLoggedIn">
  38         <div id="panel-make-friends" class="panel-button">
  39           <span class="glyphicon glyphicon-cloud"></span>
  40           <a (click)='makeFriends()'>Make friends</a>
  41         </div>
  42
  43         <div id="panel-quit-friends" class="panel-button">
  44           <span class="glyphicon glyphicon-plane"></span>
  45           <a (click)='quitFriends()'>Quit friends</a>
  46         </div>
  47       </div>
  48     </menu>
  49
  50     <div class="col-md-9 col-xs-8 router-outler-container">
  51       <router-outlet></router-outlet>
  52     </div>
  53
  54   </div>
  55
  56
  57   <footer>
  58     PeerTube, CopyLeft 2015-2016
  59   </footer>
  60 </div>