1 import { Component, Input, OnInit } from '@angular/core'
2 import { Router } from '@angular/router'
3 import { AuthService, Notifier } from '@app/core'
4 import { UserSubscriptionService } from '@app/shared/user-subscription/user-subscription.service'
5 import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
6 import { I18n } from '@ngx-translate/i18n-polyfill'
7 import { VideoService } from '@app/shared/video/video.service'
8 import { FeedFormat } from '../../../../../shared/models/feeds'
11 selector: 'my-subscribe-button',
12 templateUrl: './subscribe-button.component.html',
13 styleUrls: [ './subscribe-button.component.scss' ]
15 export class SubscribeButtonComponent implements OnInit {
16 @Input() videoChannel: VideoChannel
17 @Input() displayFollowers = false
18 @Input() size: 'small' | 'normal' = 'normal'
23 private authService: AuthService,
24 private router: Router,
25 private notifier: Notifier,
26 private userSubscriptionService: UserSubscriptionService,
28 private videoService: VideoService
31 get channelHandle () {
32 return this.videoChannel.name + '@' + this.videoChannel.host
36 return this.videoChannel.url
40 const rssFeed = this.videoService
41 .getVideoChannelFeedUrls(this.videoChannel.id)
42 .find(i => i.format === FeedFormat.RSS)
48 if (this.isUserLoggedIn()) {
49 this.userSubscriptionService.doesSubscriptionExist(this.channelHandle)
51 res => this.subscribed = res[this.channelHandle],
53 err => this.notifier.error(err.message)
59 if (this.isUserLoggedIn()) {
60 return this.localSubscribe()
63 return this.gotoLogin()
67 this.userSubscriptionService.addSubscription(this.channelHandle)
70 this.subscribed = true
72 this.notifier.success(
73 this.i18n('Subscribed to {{nameWithHost}}. You will be notified of all their new videos.',
74 { nameWithHost: this.videoChannel.displayName }
76 this.i18n('Subscribed')
80 err => this.notifier.error(err.message)
85 if (this.isUserLoggedIn()) {
86 this.localUnsubscribe()
91 this.userSubscriptionService.deleteSubscription(this.channelHandle)
94 this.subscribed = false
96 this.notifier.success(
97 this.i18n('Unsubscribed from {{nameWithHost}}', { nameWithHost: this.videoChannel.displayName }),
98 this.i18n('Unsubscribed')
102 err => this.notifier.error(err.message)
107 return this.authService.isLoggedIn()
111 this.router.navigate([ '/login' ])