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(
74 'Subscribed to {{nameWithHost}}. ' +
75 'You will be notified of all their new videos.',
76 { nameWithHost: this.videoChannel.displayName }
78 this.i18n('Subscribed')
82 err => this.notifier.error(err.message)
87 if (this.isUserLoggedIn()) {
88 this.localUnsubscribe()
93 this.userSubscriptionService.deleteSubscription(this.channelHandle)
96 this.subscribed = false
98 this.notifier.success(
99 this.i18n('Unsubscribed from {{nameWithHost}}', { nameWithHost: this.videoChannel.displayName }),
100 this.i18n('Unsubscribed')
104 err => this.notifier.error(err.message)
109 return this.authService.isLoggedIn()
113 this.router.navigate([ '/login' ])