2020-06-23 14:10:17 +02:00
|
|
|
import { debounce } from 'lodash-es'
|
|
|
|
import { Subject } from 'rxjs'
|
2019-01-08 11:26:41 +01:00
|
|
|
import { Component, Input, OnInit } from '@angular/core'
|
2020-06-23 14:10:17 +02:00
|
|
|
import { Notifier, ServerService, User } from '@app/core'
|
|
|
|
import { UserNotificationService } from '@app/shared/shared-main'
|
|
|
|
import { UserNotificationSetting, UserNotificationSettingValue, UserRight } from '@shared/models'
|
2019-01-08 11:26:41 +01:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'my-account-notification-preferences',
|
|
|
|
templateUrl: './my-account-notification-preferences.component.html',
|
|
|
|
styleUrls: [ './my-account-notification-preferences.component.scss' ]
|
|
|
|
})
|
|
|
|
export class MyAccountNotificationPreferencesComponent implements OnInit {
|
2021-11-26 15:29:55 +01:00
|
|
|
@Input() user: User
|
2019-01-08 11:26:41 +01:00
|
|
|
@Input() userInformationLoaded: Subject<any>
|
|
|
|
|
2021-11-26 15:29:55 +01:00
|
|
|
notificationSettingGroups: { label: string, keys: (keyof UserNotificationSetting)[] }[] = []
|
|
|
|
emailNotifications: { [ id in keyof UserNotificationSetting ]?: boolean } = {}
|
|
|
|
webNotifications: { [ id in keyof UserNotificationSetting ]?: boolean } = {}
|
|
|
|
labelNotifications: { [ id in keyof UserNotificationSetting ]?: string } = {}
|
|
|
|
rightNotifications: { [ id in keyof Partial<UserNotificationSetting> ]?: UserRight } = {}
|
2019-12-18 15:31:54 +01:00
|
|
|
emailEnabled = false
|
2019-01-08 11:26:41 +01:00
|
|
|
|
|
|
|
private savePreferences = debounce(this.savePreferencesImpl.bind(this), 500)
|
|
|
|
|
|
|
|
constructor (
|
|
|
|
private userNotificationService: UserNotificationService,
|
|
|
|
private serverService: ServerService,
|
|
|
|
private notifier: Notifier
|
|
|
|
) {
|
|
|
|
this.labelNotifications = {
|
2020-08-12 10:40:04 +02:00
|
|
|
newVideoFromSubscription: $localize`New video from your subscriptions`,
|
|
|
|
newCommentOnMyVideo: $localize`New comment on your video`,
|
|
|
|
abuseAsModerator: $localize`New abuse`,
|
2021-11-26 15:29:55 +01:00
|
|
|
videoAutoBlacklistAsModerator: $localize`An automatically blocked video is awaiting review`,
|
2020-08-12 10:40:04 +02:00
|
|
|
blacklistOnMyVideo: $localize`One of your video is blocked/unblocked`,
|
|
|
|
myVideoPublished: $localize`Video published (after transcoding/scheduled update)`,
|
|
|
|
myVideoImportFinished: $localize`Video import finished`,
|
|
|
|
newUserRegistration: $localize`A new user registered on your instance`,
|
2022-05-24 16:29:01 +02:00
|
|
|
newFollow: $localize`You or one of your channels has a new follower`,
|
2020-08-12 10:40:04 +02:00
|
|
|
commentMention: $localize`Someone mentioned you in video comments`,
|
|
|
|
newInstanceFollower: $localize`Your instance has a new follower`,
|
|
|
|
autoInstanceFollowing: $localize`Your instance automatically followed another instance`,
|
|
|
|
abuseNewMessage: $localize`An abuse report received a new message`,
|
2021-03-11 16:54:52 +01:00
|
|
|
abuseStateChange: $localize`One of your abuse reports has been accepted or rejected by moderators`,
|
|
|
|
newPeerTubeVersion: $localize`A new PeerTube version is available`,
|
2022-03-22 14:35:04 +01:00
|
|
|
newPluginVersion: $localize`One of your plugin/theme has a new available version`,
|
2022-03-22 16:58:49 +01:00
|
|
|
myVideoStudioEditionFinished: $localize`Video studio edition has finished`
|
2019-01-08 11:26:41 +01:00
|
|
|
}
|
2021-11-26 15:29:55 +01:00
|
|
|
this.notificationSettingGroups = [
|
|
|
|
{
|
|
|
|
label: $localize`Social`,
|
|
|
|
keys: [
|
|
|
|
'newVideoFromSubscription',
|
|
|
|
'newFollow',
|
|
|
|
'commentMention'
|
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
label: $localize`Your videos`,
|
|
|
|
keys: [
|
|
|
|
'newCommentOnMyVideo',
|
|
|
|
'blacklistOnMyVideo',
|
|
|
|
'myVideoPublished',
|
2022-03-22 14:35:04 +01:00
|
|
|
'myVideoImportFinished',
|
2022-03-22 16:58:49 +01:00
|
|
|
'myVideoStudioEditionFinished'
|
2021-11-26 15:29:55 +01:00
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
label: $localize`Moderation`,
|
|
|
|
keys: [
|
|
|
|
'abuseStateChange',
|
|
|
|
'abuseNewMessage',
|
|
|
|
'abuseAsModerator',
|
|
|
|
'videoAutoBlacklistAsModerator'
|
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
label: $localize`Administration`,
|
|
|
|
keys: [
|
|
|
|
'newUserRegistration',
|
|
|
|
'newInstanceFollower',
|
|
|
|
'autoInstanceFollowing',
|
|
|
|
'newPeerTubeVersion',
|
|
|
|
'newPluginVersion'
|
|
|
|
]
|
|
|
|
}
|
|
|
|
]
|
2019-01-08 11:26:41 +01:00
|
|
|
|
|
|
|
this.rightNotifications = {
|
2020-07-07 14:34:16 +02:00
|
|
|
abuseAsModerator: UserRight.MANAGE_ABUSES,
|
2020-06-09 16:07:10 +02:00
|
|
|
videoAutoBlacklistAsModerator: UserRight.MANAGE_VIDEO_BLACKLIST,
|
2019-04-09 08:18:59 +02:00
|
|
|
newUserRegistration: UserRight.MANAGE_USERS,
|
2019-09-04 14:30:34 +02:00
|
|
|
newInstanceFollower: UserRight.MANAGE_SERVER_FOLLOW,
|
2021-03-11 16:54:52 +01:00
|
|
|
autoInstanceFollowing: UserRight.MANAGE_CONFIGURATION,
|
|
|
|
newPeerTubeVersion: UserRight.MANAGE_DEBUG,
|
|
|
|
newPluginVersion: UserRight.MANAGE_DEBUG
|
2019-01-08 11:26:41 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit () {
|
2021-06-04 13:31:41 +02:00
|
|
|
const serverConfig = this.serverService.getHTMLConfig()
|
|
|
|
this.emailEnabled = serverConfig.email.enabled
|
2019-12-18 15:31:54 +01:00
|
|
|
|
2019-01-08 11:26:41 +01:00
|
|
|
this.userInformationLoaded.subscribe(() => this.loadNotificationSettings())
|
|
|
|
}
|
|
|
|
|
|
|
|
hasUserRight (field: keyof UserNotificationSetting) {
|
|
|
|
const rightToHave = this.rightNotifications[field]
|
|
|
|
if (!rightToHave) return true // No rights needed
|
|
|
|
|
|
|
|
return this.user.hasRight(rightToHave)
|
|
|
|
}
|
|
|
|
|
|
|
|
updateEmailSetting (field: keyof UserNotificationSetting, value: boolean) {
|
|
|
|
if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.EMAIL
|
|
|
|
else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.EMAIL
|
|
|
|
|
|
|
|
this.savePreferences()
|
|
|
|
}
|
|
|
|
|
|
|
|
updateWebSetting (field: keyof UserNotificationSetting, value: boolean) {
|
|
|
|
if (value === true) this.user.notificationSettings[field] |= UserNotificationSettingValue.WEB
|
|
|
|
else this.user.notificationSettings[field] &= ~UserNotificationSettingValue.WEB
|
|
|
|
|
|
|
|
this.savePreferences()
|
|
|
|
}
|
|
|
|
|
|
|
|
private savePreferencesImpl () {
|
2020-09-25 10:04:21 +02:00
|
|
|
this.userNotificationService.updateNotificationSettings(this.user.notificationSettings)
|
2021-08-17 11:27:47 +02:00
|
|
|
.subscribe({
|
|
|
|
next: () => {
|
2020-08-12 10:40:04 +02:00
|
|
|
this.notifier.success($localize`Preferences saved`, undefined, 2000)
|
2019-01-08 11:26:41 +01:00
|
|
|
},
|
|
|
|
|
2021-08-17 11:27:47 +02:00
|
|
|
error: err => this.notifier.error(err.message)
|
|
|
|
})
|
2019-01-08 11:26:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
private loadNotificationSettings () {
|
|
|
|
for (const key of Object.keys(this.user.notificationSettings)) {
|
|
|
|
const value = this.user.notificationSettings[key]
|
|
|
|
this.emailNotifications[key] = value & UserNotificationSettingValue.EMAIL
|
|
|
|
|
|
|
|
this.webNotifications[key] = value & UserNotificationSettingValue.WEB
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|