client/angular/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-8">
   9       <input
  10         type="text" id="search_video" name="search_video" class="form-control" placeholder="Search a video..."
  11         #search (keyup.enter)="doSearch(search.value)"
  12       >
  13     </div>
  14   </header>
  15
  16
  17   <div class="row">
  18
  19     <menu class="col-md-2">
  20       <div id="panel_get_videos" class="panel_button">
  21         <span class="glyphicon glyphicon-list"></span>
  22         <a [routerLink]="['VideosList']">Get videos</a>
  23       </div>
  24
  25       <div id="panel_upload_video" class="panel_button">
  26         <span class="glyphicon glyphicon-cloud-upload"></span>
  27         <a [routerLink]="['VideosAdd']">Upload a video</a>
  28       </div>
  29
  30       <div id="panel_make_friends" class="panel_button">
  31         <span class="glyphicon glyphicon-user"></span>
  32         <a (click)='makeFriends()'>Make friends</a>
  33       </div>
  34
  35       <div id="panel_quit_friends" class="panel_button">
  36         <span class="glyphicon glyphicon-plane"></span>
  37         <a (click)='quitFriends()'>Quit friends</a>
  38       </div>
  39     </menu>
  40
  41     <div class="col-md-9 router_outler_container">
  42       <router-outlet></router-outlet>
  43     </div>
  44
  45   </div>
  46
  47
  48   <footer>
  49     PeerTube, CopyLeft 2015-2016
  50   </footer>
  51 </div>