diff options
Diffstat (limited to 'client/src/app/app.component.html')
| -rw-r--r-- | client/src/app/app.component.html | 53 |
1 files changed, 2 insertions, 51 deletions
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html index 58967abca..a7538ee7a 100644 --- a/client/src/app/app.component.html +++ b/client/src/app/app.component.html | |||
| @@ -14,61 +14,12 @@ | |||
| 14 | 14 | ||
| 15 | 15 | ||
| 16 | <div class="row"> | 16 | <div class="row"> |
| 17 | 17 | <my-menu *ngIf="isInAdmin === false" (enteredInAdmin)="onEnteredInAdmin()"></my-menu> | |
| 18 | <menu class="col-md-2 col-sm-3 col-xs-3"> | 18 | <my-menu-admin *ngIf="isInAdmin === true" (quittedAdmin)="onQuittedAdmin()"></my-menu-admin> |
| 19 | <div class="panel-block"> | ||
| 20 | <div id="panel-user-login" class="panel-button"> | ||
| 21 | <span *ngIf="!isLoggedIn" > | ||
| 22 | <span class="hidden-xs glyphicon glyphicon-log-in"></span> | ||
| 23 | <a [routerLink]="['/login']">Login</a> | ||
| 24 | </span> | ||
| 25 | |||
| 26 | <span *ngIf="isLoggedIn"> | ||
| 27 | <span class="hidden-xs glyphicon glyphicon-log-out"></span> | ||
| 28 | <a *ngIf="isLoggedIn" (click)="logout()">Logout</a> | ||
| 29 | </span> | ||
| 30 | </div> | ||
| 31 | |||
| 32 | <div *ngIf="isLoggedIn" id="panel-user-account" class="panel-button"> | ||
| 33 | <span class="hidden-xs glyphicon glyphicon-user"></span> | ||
| 34 | <a [routerLink]="['/account']">My account</a> | ||
| 35 | </div> | ||
| 36 | </div> | ||
| 37 | |||
| 38 | <div class="panel-block"> | ||
| 39 | <div id="panel-get-videos" class="panel-button"> | ||
| 40 | <span class="hidden-xs glyphicon glyphicon-list"></span> | ||
| 41 | <a [routerLink]="['/videos/list']">Get videos</a> | ||
| 42 | </div> | ||
| 43 | |||
| 44 | <div id="panel-upload-video" class="panel-button" *ngIf="isLoggedIn"> | ||
| 45 | <span class="hidden-xs glyphicon glyphicon-cloud-upload"></span> | ||
| 46 | <a [routerLink]="['/videos/add']">Upload a video</a> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | |||
| 50 | <div class="panel-block" *ngIf="isUserAdmin()"> | ||
| 51 | <div id="panel-users" class="panel-button"> | ||
| 52 | <span class="hidden-xs glyphicon glyphicon-user"></span> | ||
| 53 | <a [routerLink]="['/admin/users/list']">List users</a> | ||
| 54 | </div> | ||
| 55 | |||
| 56 | <div id="panel-make-friends" class="panel-button"> | ||
| 57 | <span class="hidden-xs glyphicon glyphicon-cloud"></span> | ||
| 58 | <a (click)='makeFriends()'>Make friends</a> | ||
| 59 | </div> | ||
| 60 | |||
| 61 | <div id="panel-quit-friends" class="panel-button"> | ||
| 62 | <span class="hidden-xs glyphicon glyphicon-plane"></span> | ||
| 63 | <a (click)='quitFriends()'>Quit friends</a> | ||
| 64 | </div> | ||
| 65 | </div> | ||
| 66 | </menu> | ||
| 67 | 19 | ||
| 68 | <div class="col-md-9 col-sm-8 col-xs-8 router-outlet-container"> | 20 | <div class="col-md-9 col-sm-8 col-xs-8 router-outlet-container"> |
| 69 | <router-outlet></router-outlet> | 21 | <router-outlet></router-outlet> |
| 70 | </div> | 22 | </div> |
| 71 | |||
| 72 | </div> | 23 | </div> |
| 73 | 24 | ||
| 74 | 25 | ||