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}}', { nameWithHost: this.videoChannel.displayName }),
  74             this.i18n('Subscribed')
  75           )
  76         },
  77
  78           err => this.notifier.error(err.message)
  79       )
  80   }
  81
  82   unsubscribe () {
  83     if (this.isUserLoggedIn()) {
  84       this.localUnsubscribe()
  85     }
  86   }
  87
  88   localUnsubscribe () {
  89     this.userSubscriptionService.deleteSubscription(this.channelHandle)
  90         .subscribe(
  91           () => {
  92             this.subscribed = false
  93
  94             this.notifier.success(
  95               this.i18n('Unsubscribed from {{nameWithHost}}', { nameWithHost: this.videoChannel.displayName }),
  96               this.i18n('Unsubscribed')
  97             )
  98           },
  99
 100           err => this.notifier.error(err.message)
 101         )
 102   }
 103
 104   isUserLoggedIn () {
 105     return this.authService.isLoggedIn()
 106   }
 107
 108   gotoLogin () {
 109     this.router.navigate([ '/login' ])
 110   }
 111 }