diff options
Diffstat (limited to 'client/src/app/videos/video-watch/video-watch.component.html')
-rw-r--r-- | client/src/app/videos/video-watch/video-watch.component.html | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/client/src/app/videos/video-watch/video-watch.component.html b/client/src/app/videos/video-watch/video-watch.component.html index 8cee9959d..24d741ff9 100644 --- a/client/src/app/videos/video-watch/video-watch.component.html +++ b/client/src/app/videos/video-watch/video-watch.component.html | |||
@@ -57,17 +57,20 @@ | |||
57 | <span class="glyphicon glyphicon-share"></span> Share | 57 | <span class="glyphicon glyphicon-share"></span> Share |
58 | </button> | 58 | </button> |
59 | 59 | ||
60 | <button title="Get magnet URI" id="magnet-uri" class="btn btn-default" (click)="showMagnetUriModal()"> | 60 | <div class="btn-group" dropdown> |
61 | <span class="glyphicon glyphicon-magnet"></span> Magnet | ||
62 | </button> | ||
63 | |||
64 | <div *ngIf="isUserLoggedIn()" class="btn-group" dropdown> | ||
65 | <button id="single-button" type="button" id="more" class="btn btn-default" dropdownToggle> | 61 | <button id="single-button" type="button" id="more" class="btn btn-default" dropdownToggle> |
66 | <span class="glyphicon glyphicon-option-horizontal"></span> More | 62 | <span class="glyphicon glyphicon-option-horizontal"></span> More |
67 | </button> | 63 | </button> |
64 | |||
68 | <ul dropdownMenu id="more-menu" role="menu" aria-labelledby="single-button"> | 65 | <ul dropdownMenu id="more-menu" role="menu" aria-labelledby="single-button"> |
69 | <li role="menuitem"> | 66 | <li role="menuitem"> |
70 | <a class="dropdown-item" href="#" (click)="showReportModal($event)"> | 67 | <a class="dropdown-item" title="Get magnet URI" href="#" (click)="showMagnetUriModal($event)"> |
68 | <span class="glyphicon glyphicon-magnet"></span> Magnet | ||
69 | </a> | ||
70 | </li> | ||
71 | |||
72 | <li *ngIf="isUserLoggedIn()" role="menuitem"> | ||
73 | <a class="dropdown-item" title="Report this video" href="#" (click)="showReportModal($event)"> | ||
71 | <span class="glyphicon glyphicon-alert"></span> Report | 74 | <span class="glyphicon glyphicon-alert"></span> Report |
72 | </a> | 75 | </a> |
73 | </li> | 76 | </li> |
@@ -76,12 +79,16 @@ | |||
76 | </div> | 79 | </div> |
77 | </div> | 80 | </div> |
78 | 81 | ||
79 | <div id="video-tags" class="row"> | 82 | <div id="video-tags-views" class="row"> |
80 | <div class="col-md-12"> | 83 | <div class="col-md-8"> |
81 | <a *ngFor="let tag of video.tags" [routerLink]="['/videos/list', { field: 'tags', search: tag }]" class="label label-primary"> | 84 | <a *ngFor="let tag of video.tags" [routerLink]="['/videos/list', { field: 'tags', search: tag }]" class="label label-primary"> |
82 | {{ tag }} | 85 | {{ tag }} |
83 | </a> | 86 | </a> |
84 | </div> | 87 | </div> |
88 | |||
89 | <div id="video-views" class="col-md-4 text-right"> | ||
90 | {{ video.views }} views | ||
91 | </div> | ||
85 | </div> | 92 | </div> |
86 | 93 | ||
87 | <div id="video-description" class="row"> | 94 | <div id="video-description" class="row"> |