diff options
Diffstat (limited to 'client/src/app/+videos')
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.html | 22 |
1 files changed, 17 insertions, 5 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 daee4be2a..9e469f0b0 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.html +++ b/client/src/app/+videos/+video-watch/video-watch.component.html | |||
@@ -34,7 +34,7 @@ | |||
34 | </div> | 34 | </div> |
35 | 35 | ||
36 | <div i18n class="col-md-12 alert alert-info" *ngIf="isLiveEnded()"> | 36 | <div i18n class="col-md-12 alert alert-info" *ngIf="isLiveEnded()"> |
37 | This live is finished. | 37 | This live has ended. |
38 | </div> | 38 | </div> |
39 | 39 | ||
40 | <div class="col-md-12 alert alert-danger" *ngIf="video?.blacklisted"> | 40 | <div class="col-md-12 alert alert-danger" *ngIf="video?.blacklisted"> |
@@ -51,8 +51,14 @@ | |||
51 | <div class="d-block d-md-none"> <!-- only shown on medium devices, has its counterpart for larger viewports below --> | 51 | <div class="d-block d-md-none"> <!-- only shown on medium devices, has its counterpart for larger viewports below --> |
52 | <h1 class="video-info-name">{{ video.name }}</h1> | 52 | <h1 class="video-info-name">{{ video.name }}</h1> |
53 | 53 | ||
54 | <div i18n class="video-info-date-views"> | 54 | <div class="video-info-date-views"> |
55 | Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> • {{ video.views | myNumberFormatter }} views</span> | 55 | <ng-container i18n>Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle></ng-container> |
56 | |||
57 | <span i18n class="views"> | ||
58 | • {{ video.views | myNumberFormatter }} | ||
59 | <ng-container *ngIf="!video.isLive">views</ng-container> | ||
60 | <ng-container *ngIf="video.isLive">viewers</ng-container> | ||
61 | </span> | ||
56 | </div> | 62 | </div> |
57 | </div> | 63 | </div> |
58 | 64 | ||
@@ -62,8 +68,14 @@ | |||
62 | </div> | 68 | </div> |
63 | 69 | ||
64 | <div class="video-info-first-row-bottom"> | 70 | <div class="video-info-first-row-bottom"> |
65 | <div i18n class="d-none d-md-block video-info-date-views"> | 71 | <div class="d-none d-md-block video-info-date-views"> |
66 | Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> • {{ video.views | myNumberFormatter }} views</span> | 72 | <ng-container i18n>Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle></ng-container> |
73 | |||
74 | <span i18n class="views"> | ||
75 | • {{ video.views | myNumberFormatter }} | ||
76 | <ng-container *ngIf="!video.isLive">views</ng-container> | ||
77 | <ng-container *ngIf="video.isLive">viewers</ng-container> | ||
78 | </span> | ||
67 | </div> | 79 | </div> |
68 | 80 | ||
69 | <div class="video-actions-rates"> | 81 | <div class="video-actions-rates"> |