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 class="panel_block">
  21         <div id="panel_get_videos" class="panel_button">
  22           <span class="glyphicon glyphicon-list"></span>
  23           <a [routerLink]="['VideosList']">Get videos</a>
  24         </div>
  25
  26         <div id="panel_upload_video" class="panel_button">
  27           <span class="glyphicon glyphicon-cloud-upload"></span>
  28           <a [routerLink]="['VideosAdd']">Upload a video</a>
  29         </div>
  30       </div>
  31
  32       <div class="panel_block">
  33         <div id="panel_make_friends" class="panel_button">
  34           <span class="glyphicon glyphicon-user"></span>
  35           <a (click)='makeFriends()'>Make friends</a>
  36         </div>
  37
  38         <div id="panel_quit_friends" class="panel_button">
  39           <span class="glyphicon glyphicon-plane"></span>
  40           <a (click)='quitFriends()'>Quit friends</a>
  41         </div>
  42       </div>
  43     </menu>
  44
  45     <div class="col-md-9 router_outler_container">
  46       <router-outlet></router-outlet>
  47     </div>
  48
  49   </div>
  50
  51
  52   <footer>
  53     PeerTube, CopyLeft 2015-2016
  54   </footer>
  55 </div>