Move watch attributes in a dedicated component

1 files changed, 25 insertions, 0 deletions

diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.ts b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.ts
new file mode 100644
index 000000000..5cb77f0c8
--- /dev/null
+++ b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.ts
@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core'
+import { VideoDetails } from '@app/shared/shared-main'
+
+@Component({
+  selector: 'my-video-attributes',
+  templateUrl: './video-attributes.component.html',
+  styleUrls: [ './video-attributes.component.scss' ]
+})
+export class VideoAttributesComponent {
+  @Input() video: VideoDetails
+
+  getVideoUrl () {
+    if (!this.video.url) {
+      return this.video.originInstanceUrl + VideoDetails.buildWatchUrl(this.video)
+    }
+
+    return this.video.url
+  }
+
+  getVideoTags () {
+    if (!this.video || Array.isArray(this.video.tags) === false) return []
+
+    return this.video.tags
+  }
+}