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]="['UserLogin']">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]="['VideosList']">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]="['VideosAdd']">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>