<div class="d-block d-md-none"> <!-- only shown on medium devices, has its conterpart for larger viewports below -->
<h1 class="video-info-name">{{ video.name }}</h1>
<div i18n class="video-info-date-views">
- Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> - {{ video.views | myNumberFormatter }} views</span>
</div>
</div>
<h1 class="video-info-name">{{ video.name }}</h1>
<div i18n class="video-info-date-views">
- Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> - {{ video.views | myNumberFormatter }} views</span>
</div>
</div>
<my-video-comments [video]="video" [user]="user"></my-video-comments>
</div>
- <my-recommended-videos [inputRecommendation]="{ uuid: video.uuid, tags: video.tags }" [user]="user"></my-recommended-videos>
+ <my-recommended-videos
+ [inputRecommendation]="{ uuid: video.uuid, tags: video.tags }"
+ [user]="user"
+ (gotRecommendations)="onRecommendations($event)"
+ ></my-recommended-videos>
</div>
<div class="row privacy-concerns" *ngIf="hasAlreadyAcceptedPrivacyConcern === false">
<ng-template [ngIf]="video !== null">
<my-video-support #videoSupportModal [video]="video"></my-video-support>
- <my-video-share #videoShareModal [video]="video"></my-video-share>
+ <my-video-share #videoShareModal [video]="video" [videoCaptions]="videoCaptions"></my-video-share>
</ng-template>