Inform user to fill account profile and channels (#4352)

* Add account-setup modal when login

* Add channels-setup alert into my-channels, my-playlists and upload page

Co-authored-by: Ms Kimsible <kimsible@users.noreply.github.com>

1 files changed, 32 insertions, 0 deletions

diff --git a/client/src/app/shared/shared-main/misc/channels-setup-message.component.ts b/client/src/app/shared/shared-main/misc/channels-setup-message.component.ts
new file mode 100644
index 000000000..50b98841a
--- /dev/null
+++ b/client/src/app/shared/shared-main/misc/channels-setup-message.component.ts
@@ -0,0 +1,32 @@
+import { Component, Input, OnInit } from '@angular/core'
+import { AuthService, User } from '@app/core'
+import { VideoChannel } from '@app/shared/shared-main'
+
+@Component({
+  selector: 'my-channels-setup-message',
+  templateUrl: './channels-setup-message.component.html',
+  styleUrls: [ './channels-setup-message.component.scss' ]
+})
+export class ChannelsSetupMessageComponent implements OnInit {
+  @Input() hideLink = false
+
+  user: User = null
+
+  constructor (
+    private authService: AuthService
+  ) {}
+
+  get userInformationLoaded () {
+    return this.authService.userInformationLoaded
+  }
+
+  get hasChannelNotConfigured () {
+    return this.user.videoChannels
+      .filter((channel: VideoChannel) => (!channel.avatar || !channel.description))
+      .length > 0
+  }
+
+  ngOnInit () {
+    this.user = this.authService.getUser()
+  }
+}