Enable video watch

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 770785d023da9f19d98ed6f9bc5a0bc4063c3d76..2cdbc7aa685c07ef69a684861d166296d34b859c 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -33,7 +33,6 @@
           <div>
             <div class="d-block d-sm-none"> <!-- only shown on small 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
               </div>
@@ -160,6 +159,14 @@
             <span class="video-attribute-value">{{ video.privacy.label }}</span>
           </div>
 
+          <div class="video-attribute">
+            <span i18n class="video-attribute-label">Originally published on</span>
+            <span *ngIf="!video.originallyPublishedAt" class="video-attribute-value">Unknown</span>
+            <span *ngIf="video.originallyPublishedAt" class="video-attribute-value">
+                   {{ video.originallyPublishedAt | date: 'dd MMMM yyyy' }}
+           </span>
+          </div>
+
           <div class="video-attribute">
             <span i18n class="video-attribute-label">Category</span>
             <span *ngIf="!video.category.id" class="video-attribute-value">{{ video.category.label }}</span>

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 2586a2204bdd92c29ea523a92c0b67e65dac6ddd..f96ce8b8f903577e5732109d40dbdd3e2d04c026 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -336,7 +336,7 @@ $other-videos-width: 260px;
       margin-bottom: 12px;
 
       .video-attribute-label {
-        min-width: 91px;
+        min-width: 142px;
         padding-right: 5px;
         display: inline-block;
         color: #585858;