client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.ts

   1 import { debounce } from 'lodash-es'
   2 import { Subject } from 'rxjs'
   3 import { Component, Input, OnInit } from '@angular/core'
   4 import { Notifier, ServerService, User } from '@app/core'
   5 import { UserNotificationService } from '@app/shared/shared-main'
   6 import { I18n } from '@ngx-translate/i18n-polyfill'
   7 import { UserNotificationSetting, UserNotificationSettingValue, UserRight } from '@shared/models'
   8
   9 @Component({
  10   selector: 'my-account-notification-preferences',
  11   templateUrl: './my-account-notification-preferences.component.html',
  12   styleUrls: [ './my-account-notification-preferences.component.scss' ]
  13 })
  14 export class MyAccountNotificationPreferencesComponent implements OnInit {
  15   @Input() user: User = null
  16   @Input() userInformationLoaded: Subject<any>
  17
  18   notificationSettingKeys: (keyof UserNotificationSetting)[] = []
  19   emailNotifications: { [ id in keyof UserNotificationSetting ]: boolean } = {} as any
  20   webNotifications: { [ id in keyof UserNotificationSetting ]: boolean } = {} as any
  21   labelNotifications: { [ id in keyof UserNotificationSetting ]: string } = {} as any
  22   rightNotifications: { [ id in keyof Partial<UserNotificationSetting> ]: UserRight } = {} as any
  23   emailEnabled = false
  24
  25   private savePreferences = debounce(this.savePreferencesImpl.bind(this), 500)
  26
  27   constructor (
  28     private i18n: I18n,
  29     private userNotificationService: UserNotificationService,
  30     private serverService: ServerService,
  31     private notifier: Notifier
  32   ) {
  33     this.labelNotifications = {
  34       newVideoFromSubscription: this.i18n('New video from your subscriptions'),
  35       newCommentOnMyVideo: this.i18n('New comment on your video'),
  36       videoAbuseAsModerator: this.i18n('New video abuse'),
  37       videoAutoBlacklistAsModerator: this.i18n('Video blocked automatically waiting review'),
  38       blacklistOnMyVideo: this.i18n('One of your video is blocked/unblocked'),
  39       myVideoPublished: this.i18n('Video published (after transcoding/scheduled update)'),
  40       myVideoImportFinished: this.i18n('Video import finished'),
  41       newUserRegistration: this.i18n('A new user registered on your instance'),
  42       newFollow: this.i18n('You or your channel(s) has a new follower'),
  43       commentMention: this.i18n('Someone mentioned you in video comments'),
  44       newInstanceFollower: this.i18n('Your instance has a new follower'),
  45       autoInstanceFollowing: this.i18n('Your instance auto followed another instance')
  46     }
  47     this.notificationSettingKeys = Object.keys(this.labelNotifications) as (keyof UserNotificationSetting)[]
  48
  49     this.rightNotifications = {
  50       videoAbuseAsModerator: UserRight.MANAGE_VIDEO_ABUSES,
  51       videoAutoBlacklistAsModerator: UserRight.MANAGE_VIDEO_BLACKLIST,
  52       newUserRegistration: UserRight.MANAGE_USERS,
  53       newInstanceFollower: UserRight.MANAGE_SERVER_FOLLOW,
  54       autoInstanceFollowing: UserRight.MANAGE_CONFIGURATION
  55     }
  56   }
  57
  58   ngOnInit () {
  59     this.serverService.getConfig()
  60         .subscribe(config => {
  61           this.emailEnabled = config.email.enabled
  62         })
  63
  64     this.userInformationLoaded.subscribe(() => this.loadNotificationSettings())
  65   }
  66
  67   hasUserRight (field: keyof UserNotificationSetting) {
  68     const rightToHave = this.rightNotifications[field]
  69     if (!rightToHave) return true // No rights needed
  70
  71     return this.user.hasRight(rightToHave)
  72   }
  73
  74   updateEmailSetting (field: keyof UserNotificationSetting, value: boolean) {
  75     if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.EMAIL
  76     else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.EMAIL
  77
  78     this.savePreferences()
  79   }
  80
  81   updateWebSetting (field: keyof UserNotificationSetting, value: boolean) {
  82     if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.WEB
  83     else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.WEB
  84
  85     this.savePreferences()
  86   }
  87
  88   private savePreferencesImpl () {
  89     this.userNotificationService.updateNotificationSettings(this.user, this.user.notificationSettings)
  90       .subscribe(
  91         () => {
  92           this.notifier.success(this.i18n('Preferences saved'), undefined, 2000)
  93         },
  94
  95         err => this.notifier.error(err.message)
  96       )
  97   }
  98
  99   private loadNotificationSettings () {
 100     for (const key of Object.keys(this.user.notificationSettings)) {
 101       const value = this.user.notificationSettings[key]
 102       this.emailNotifications[key] = value & UserNotificationSettingValue.EMAIL
 103
 104       this.webNotifications[key] = value & UserNotificationSettingValue.WEB
 105     }
 106   }
 107 }