Refactor a little bit watch html

pull/4218/head
Chocobozzz 2021-06-29 18:08:59 +02:00
parent 4b8463dee3
commit 8d64a72b4c
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 8 additions and 6 deletions

View File

@ -52,13 +52,17 @@
<div class="video-info">
<div class="video-info-first-row">
<div>
<ng-template #publishedTemplate>
<ng-container i18n>Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle></ng-container>
<my-video-views-counter [video]="video"></my-video-views-counter>
</ng-template>
<div class="d-block d-md-none"> <!-- only shown on medium devices, has its counterpart for larger viewports below -->
<h1 class="video-info-name">{{ video.name }}</h1>
<div class="video-info-date-views">
<ng-container i18n>Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle></ng-container>
<my-video-views-counter [video]="video"></my-video-views-counter>
<ng-template *ngTemplateOutlet="publishedTemplate"></ng-template>
</div>
</div>
@ -69,9 +73,7 @@
<div class="video-info-first-row-bottom">
<div class="d-none d-md-block video-info-date-views">
<ng-container i18n>Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle></ng-container>
<my-video-views-counter [video]="video"></my-video-views-counter>
<ng-template *ngTemplateOutlet="publishedTemplate"></ng-template>
</div>
<my-action-buttons