]>
Commit | Line | Data |
---|---|---|
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 col-xs-3"> | |
20 | <div class="panel_block"> | |
21 | <div id="panel_user_login" class="panel_button"> | |
22 | <span class="glyphicon glyphicon-user"></span> | |
23 | <a *ngIf="!isLoggedIn" [routerLink]="['UserLogin']">Login</a> | |
24 | <a *ngIf="isLoggedIn" (click)="logout()">Logout</a> | |
25 | </div> | |
26 | </div> | |
27 | ||
28 | <div class="panel_block"> | |
29 | <div id="panel_get_videos" class="panel_button"> | |
30 | <span class="glyphicon glyphicon-list"></span> | |
31 | <a [routerLink]="['VideosList']">Get videos</a> | |
32 | </div> | |
33 | ||
34 | <div id="panel_upload_video" class="panel_button" *ngIf="isLoggedIn"> | |
35 | <span class="glyphicon glyphicon-cloud-upload"></span> | |
36 | <a [routerLink]="['VideosAdd']">Upload a video</a> | |
37 | </div> | |
38 | </div> | |
39 | ||
40 | <div class="panel_block"> | |
41 | <div id="panel_make_friends" class="panel_button"> | |
42 | <span class="glyphicon glyphicon-cloud"></span> | |
43 | <a (click)='makeFriends()'>Make friends</a> | |
44 | </div> | |
45 | ||
46 | <div id="panel_quit_friends" class="panel_button"> | |
47 | <span class="glyphicon glyphicon-plane"></span> | |
48 | <a (click)='quitFriends()'>Quit friends</a> | |
49 | </div> | |
50 | </div> | |
51 | </menu> | |
52 | ||
53 | <div class="col-md-9 col-xs-8 router_outler_container"> | |
54 | <router-outlet></router-outlet> | |
55 | </div> | |
56 | ||
57 | </div> | |
58 | ||
59 | ||
60 | <footer> | |
61 | PeerTube, CopyLeft 2015-2016 | |
62 | </footer> | |
63 | </div> |