]>
Commit | Line | Data |
---|---|---|
dc8bc31b C |
1 | <div class="container"> |
2 | ||
98b01bac C |
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 | ||
dc8bc31b C |
17 | <div class="row"> |
18 | ||
a6e7400f | 19 | <menu class="col-md-2 col-xs-3"> |
b1794c53 C |
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 | ||
a0382b70 C |
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 | ||
0dde91ff | 34 | <div id="panel_upload_video" class="panel_button" *ngIf="isLoggedIn"> |
a0382b70 C |
35 | <span class="glyphicon glyphicon-cloud-upload"></span> |
36 | <a [routerLink]="['VideosAdd']">Upload a video</a> | |
37 | </div> | |
dc8bc31b C |
38 | </div> |
39 | ||
a0382b70 C |
40 | <div class="panel_block"> |
41 | <div id="panel_make_friends" class="panel_button"> | |
b1794c53 | 42 | <span class="glyphicon glyphicon-cloud"></span> |
a0382b70 C |
43 | <a (click)='makeFriends()'>Make friends</a> |
44 | </div> | |
dc8bc31b | 45 | |
a0382b70 C |
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> | |
dc8bc31b C |
50 | </div> |
51 | </menu> | |
52 | ||
a6e7400f | 53 | <div class="col-md-9 col-xs-8 router_outler_container"> |
dc8bc31b C |
54 | <router-outlet></router-outlet> |
55 | </div> | |
56 | ||
57 | </div> | |
58 | ||
59 | ||
60 | <footer> | |
61 | PeerTube, CopyLeft 2015-2016 | |
62 | </footer> | |
63 | </div> |