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'
10 selector: 'my-account-notification-preferences',
11 templateUrl: './my-account-notification-preferences.component.html',
12 styleUrls: [ './my-account-notification-preferences.component.scss' ]
14 export class MyAccountNotificationPreferencesComponent implements OnInit {
15 @Input() user: User = null
16 @Input() userInformationLoaded: Subject<any>
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
25 private savePreferences = debounce(this.savePreferencesImpl.bind(this), 500)
29 private userNotificationService: UserNotificationService,
30 private serverService: ServerService,
31 private notifier: Notifier
33 this.labelNotifications = {
34 newVideoFromSubscription: this.i18n('New video from your subscriptions'),
35 newCommentOnMyVideo: this.i18n('New comment on your video'),
36 abuseAsModerator: this.i18n('New 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 abuseNewMessage: this.i18n('An abuse received a new message'),
47 abuseStateChange: this.i18n('One of your abuse has been accepted or rejected by moderators')
49 this.notificationSettingKeys = Object.keys(this.labelNotifications) as (keyof UserNotificationSetting)[]
51 this.rightNotifications = {
52 abuseAsModerator: UserRight.MANAGE_ABUSES,
53 videoAutoBlacklistAsModerator: UserRight.MANAGE_VIDEO_BLACKLIST,
54 newUserRegistration: UserRight.MANAGE_USERS,
55 newInstanceFollower: UserRight.MANAGE_SERVER_FOLLOW,
56 autoInstanceFollowing: UserRight.MANAGE_CONFIGURATION
61 this.serverService.getConfig()
62 .subscribe(config => {
63 this.emailEnabled = config.email.enabled
66 this.userInformationLoaded.subscribe(() => this.loadNotificationSettings())
69 hasUserRight (field: keyof UserNotificationSetting) {
70 const rightToHave = this.rightNotifications[field]
71 if (!rightToHave) return true // No rights needed
73 return this.user.hasRight(rightToHave)
76 updateEmailSetting (field: keyof UserNotificationSetting, value: boolean) {
77 if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.EMAIL
78 else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.EMAIL
80 this.savePreferences()
83 updateWebSetting (field: keyof UserNotificationSetting, value: boolean) {
84 if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.WEB
85 else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.WEB
87 this.savePreferences()
90 private savePreferencesImpl () {
91 this.userNotificationService.updateNotificationSettings(this.user, this.user.notificationSettings)
94 this.notifier.success(this.i18n('Preferences saved'), undefined, 2000)
97 err => this.notifier.error(err.message)
101 private loadNotificationSettings () {
102 for (const key of Object.keys(this.user.notificationSettings)) {
103 const value = this.user.notificationSettings[key]
104 this.emailNotifications[key] = value & UserNotificationSettingValue.EMAIL
106 this.webNotifications[key] = value & UserNotificationSettingValue.WEB