Reorganize watch components

1 files changed, 26 insertions, 0 deletions

diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-avatar-channel.component.ts b/client/src/app/+videos/+video-watch/shared/metadata/video-avatar-channel.component.ts
new file mode 100644
index 000000000..63edd7bad
--- /dev/null
+++ b/client/src/app/+videos/+video-watch/shared/metadata/video-avatar-channel.component.ts
@@ -0,0 +1,26 @@
+import { Component, Input, OnInit } from '@angular/core'
+import { Video } from '@app/shared/shared-main/video'
+
+@Component({
+  selector: 'my-video-avatar-channel',
+  templateUrl: './video-avatar-channel.component.html',
+  styleUrls: [ './video-avatar-channel.component.scss' ]
+})
+export class VideoAvatarChannelComponent implements OnInit {
+  @Input() video: Video
+  @Input() byAccount: string
+
+  @Input() genericChannel: boolean
+
+  channelLinkTitle = ''
+  accountLinkTitle = ''
+
+  ngOnInit () {
+    this.channelLinkTitle = $localize`${this.video.account.name} (channel page)`
+    this.accountLinkTitle = $localize`${this.video.byAccount} (account page)`
+  }
+
+  isChannelAvatarNull () {
+    return this.video.channel.avatar === null
+  }
+}