client/src/app/shared/user-subscription/subscribe-button.component.ts

   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'
   9
  10 @Component({
  11   selector: 'my-subscribe-button',
  12   templateUrl: './subscribe-button.component.html',
  13   styleUrls: [ './subscribe-button.component.scss' ]
  14 })
  15 export class SubscribeButtonComponent implements OnInit {
  16   @Input() videoChannel: VideoChannel
  17   @Input() displayFollowers = false
  18   @Input() size: 'small' | 'normal' = 'normal'
  19
  20   subscribed: boolean
  21
  22   constructor (
  23     private authService: AuthService,
  24     private router: Router,
  25     private notifier: Notifier,
  26     private userSubscriptionService: UserSubscriptionService,
  27     private i18n: I18n,
  28     private videoService: VideoService
  29   ) { }
  30
  31   get channelHandle () {
  32     return this.videoChannel.name + '@' + this.videoChannel.host
  33   }
  34
  35   get channelUri () {
  36     return this.videoChannel.url
  37   }
  38
  39   get rssUri () {
  40     const rssFeed = this.videoService
  41                       .getVideoChannelFeedUrls(this.videoChannel.id)
  42                       .find(i => i.format === FeedFormat.RSS)
  43
  44     return rssFeed.url
  45   }
  46
  47   ngOnInit () {
  48     if (this.isUserLoggedIn()) {
  49       this.userSubscriptionService.doesSubscriptionExist(this.channelHandle)
  50         .subscribe(
  51           res => this.subscribed = res[this.channelHandle],
  52
  53           err => this.notifier.error(err.message)
  54         )
  55     }
  56   }
  57
  58   subscribe () {
  59     if (this.isUserLoggedIn()) {
  60       return this.localSubscribe()
  61     }
  62
  63     return this.gotoLogin()
  64   }
  65
  66   localSubscribe () {
  67     this.userSubscriptionService.addSubscription(this.channelHandle)
  68       .subscribe(
  69         () => {
  70           this.subscribed = true
  71
  72           this.notifier.success(
  73             this.i18n('Subscribed to {{nameWithHost}}. You will be notified of all their new videos.',
  74               { nameWithHost: this.videoChannel.displayName }
  75             ),
  76             this.i18n('Subscribed')
  77           )
  78         },
  79
  80           err => this.notifier.error(err.message)
  81       )
  82   }
  83
  84   unsubscribe () {
  85     if (this.isUserLoggedIn()) {
  86       this.localUnsubscribe()
  87     }
  88   }
  89
  90   localUnsubscribe () {
  91     this.userSubscriptionService.deleteSubscription(this.channelHandle)
  92         .subscribe(
  93           () => {
  94             this.subscribed = false
  95
  96             this.notifier.success(
  97               this.i18n('Unsubscribed from {{nameWithHost}}', { nameWithHost: this.videoChannel.displayName }),
  98               this.i18n('Unsubscribed')
  99             )
 100           },
 101
 102           err => this.notifier.error(err.message)
 103         )
 104   }
 105
 106   isUserLoggedIn () {
 107     return this.authService.isLoggedIn()
 108   }
 109
 110   gotoLogin () {
 111     this.router.navigate([ '/login' ])
 112   }
 113 }