@ -1,4 +1,3 @@
import toastr from 'toastr' ;
/* globals ChatSubscription popover */
const notificationLabels = {
@ -7,119 +6,58 @@ const notificationLabels = {
nothing : 'Nothing'
} ;
const call = ( method , ... params ) => {
return new Promise ( ( resolve , reject ) => {
Meteor . call ( method , ... params , ( err , result ) => {
if ( err ) {
handleError ( err ) ;
return reject ( err ) ;
}
return resolve ( result ) ;
} ) ;
} ) ;
} ;
Template . pushNotificationsFlexTab . helpers ( {
audioAssets ( ) {
return RocketChat . CustomSounds && RocketChat . CustomSounds . getList && RocketChat . CustomSounds . getList ( ) || [ ] ;
notificationIsEnabled ( ) {
return ! Template . instance ( ) . form . disableNotification s. get ( ) ;
} ,
disableNotifications ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
disableNotifications : 1
}
} ) ;
return sub && sub . disableNotifications ;
return Template . instance ( ) . form . disableNotifications . get ( ) ;
} ,
showUnreadStatus ( ) {
return ! Template . instance ( ) . form . hideUnreadStatus . get ( ) ;
} ,
hideUnreadStatus ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
hideUnreadStatus : 1
}
} ) ;
return sub ? sub . hideUnreadStatus || false : false ;
return Template . instance ( ) . form . hideUnreadStatus . get ( ) ;
} ,
audioNotifications ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
audioNotifications : 1
return Template . instance ( ) . form . audioNotifications . get ( ) ;
} ,
audioNotificationValue ( ) {
const value = Template . instance ( ) . form . audioNotificationValue . get ( ) ;
if ( value === '0' ) {
return t ( 'Use_account_preference' ) ;
}
} ) ;
return sub ? sub . audioNotifications || 'default' : 'default' ;
return value ;
} ,
desktopNotifications ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
desktopNotifications : 1
}
} ) ;
return sub ? sub . desktopNotifications || 'default' : 'default' ;
return Template . instance ( ) . form . desktopNotifications . get ( ) ;
} ,
mobilePushNotifications ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
mobilePushNotifications : 1
}
} ) ;
return sub ? sub . mobilePushNotifications || 'default' : 'default' ;
return Template . instance ( ) . form . mobilePushNotifications . get ( ) ;
} ,
emailNotifications ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
emailNotifications : 1
}
} ) ;
return sub ? sub . emailNotifications : '' ;
} ,
showEmailMentions ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
t : 1
}
} ) ;
return sub && sub . t !== 'd' ;
return Template . instance ( ) . form . emailNotifications . get ( ) ;
} ,
unreadAlert ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
unreadAlert : 1
}
} ) ;
return sub ? sub . unreadAlert : 'default' ;
} ,
unreadAlertText ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
unreadAlert : 1
}
} ) ;
if ( sub ) {
switch ( sub . unreadAlert ) {
case 'all' :
return t ( 'On' ) ;
case 'nothing' :
return t ( 'Off' ) ;
}
}
return t ( 'Use_account_preference' ) ;
desktopNotificationDuration ( ) {
return Template . instance ( ) . form . desktopNotificationDuration . get ( ) ;
} ,
subValue ( field ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
t : 1 ,
[ field ] : 1
}
} ) ;
if ( sub ) {
switch ( sub [ field ] ) {
const { form } = Template . instance ( ) ;
if ( form [ field ] ) {
switch ( form [ field ] . get ( ) ) {
case 'all' :
return t ( 'All_messages' ) ;
case 'nothing' :
@ -133,40 +71,6 @@ Template.pushNotificationsFlexTab.helpers({
}
}
} ,
audioNotificationValue ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
audioNotificationValue : 1
}
} ) ;
const audio = sub ? sub . audioNotificationValue || 'default' : 'default' ;
if ( audio === 'default' ) {
return t ( 'Use_account_preference' ) ;
}
return audio ;
} ,
desktopNotificationDuration ( ) {
const sub = ChatSubscription . findOne ( {
rid : Session . get ( 'openedRoom' )
} , {
fields : {
desktopNotificationDuration : 1
}
} ) ;
if ( ! sub ) {
return false ;
}
// Convert to Number
return sub . desktopNotificationDuration - 0 ;
} ,
editing ( field ) {
return Template . instance ( ) . editing . get ( ) === field ;
} ,
emailVerified ( ) {
return Meteor . user ( ) . emails && Meteor . user ( ) . emails [ 0 ] && Meteor . user ( ) . emails [ 0 ] . verified ;
} ,
defaultAudioNotification ( ) {
let preference = RocketChat . getUserPreference ( Meteor . user ( ) , 'audioNotifications' ) ;
if ( preference === 'default' ) {
@ -187,103 +91,108 @@ Template.pushNotificationsFlexTab.helpers({
preference = RocketChat . settings . get ( 'Accounts_Default_User_Preferences_mobileNotifications' ) ;
}
return notificationLabels [ preference ] ;
} ,
disabled ( ) {
const { original , form } = Template . instance ( ) ;
return Object . keys ( original ) . every ( key => original [ key ] . get ( ) === form [ key ] . get ( ) ) ;
}
} ) ;
Template . pushNotificationsFlexTab . onCreated ( function ( ) {
this . editing = new ReactiveVar ( ) ;
this . validateSetting = ( field ) => {
switch ( field ) {
case 'audioNotificationValue' :
return true ;
case 'hideUnreadStatus' :
case 'disableNotifications' :
return true ;
default :
const value = this . $ ( ` input[name= ${ field } ]:checked ` ) . val ( ) ;
if ( [ 'all' , 'mentions' , 'nothing' , 'default' ] . indexOf ( value ) === - 1 ) {
toastr . error ( t ( 'Invalid_notification_setting_s' , value || '' ) ) ;
return false ;
}
return true ;
const rid = Session . get ( 'openedRoom' ) ;
const sub = ChatSubscription . findOne ( { rid } , {
fields : {
disableNotifications : 1 ,
hideUnreadStatus : 1 ,
audioNotifications : 1 ,
desktopNotifications : 1 ,
mobilePushNotifications : 1 ,
emailNotifications : 1 ,
desktopNotificationDuration : 1 ,
audioNotificationValue : 1
}
} ) || { } ;
const {
disableNotifications = false ,
hideUnreadStatus = false ,
audioNotifications = 'default' ,
desktopNotifications = 'default' ,
mobilePushNotifications = 'default' ,
emailNotifications = 'default' ,
desktopNotificationDuration = 0 ,
audioNotificationValue = null
} = sub ;
this . original = {
disableNotifications : new ReactiveVar ( disableNotifications ) ,
hideUnreadStatus : new ReactiveVar ( hideUnreadStatus ) ,
audioNotifications : new ReactiveVar ( audioNotifications ) ,
desktopNotifications : new ReactiveVar ( desktopNotifications ) ,
mobilePushNotifications : new ReactiveVar ( mobilePushNotifications ) ,
emailNotifications : new ReactiveVar ( emailNotifications ) ,
desktopNotificationDuration : new ReactiveVar ( desktopNotificationDuration ) ,
audioNotificationValue : new ReactiveVar ( audioNotificationValue )
} ;
this . saveSetting = ( field ) => {
field = field || this . editing . get ( ) ;
let value ;
this . form = {
disableNotifications : new ReactiveVar ( disableNotifications ) ,
hideUnreadStatus : new ReactiveVar ( hideUnreadStatus ) ,
audioNotifications : new ReactiveVar ( audioNotifications ) ,
desktopNotifications : new ReactiveVar ( desktopNotifications ) ,
mobilePushNotifications : new ReactiveVar ( mobilePushNotifications ) ,
emailNotifications : new ReactiveVar ( emailNotifications ) ,
desktopNotificationDuration : new ReactiveVar ( desktopNotificationDuration ) ,
audioNotificationValue : new ReactiveVar ( audioNotificationValue )
} ;
this . saveSetting = async ( ) => {
Object . keys ( this . original ) . forEach ( async field => {
if ( this . original [ field ] . get ( ) === this . form [ field ] . get ( ) ) {
return ;
}
let value = this . form [ field ] . get ( ) ;
value = typeof value === 'boolean' ? value ? '1' : '0' : value ;
const rid = Session . get ( 'openedRoom' ) ;
switch ( field ) {
case 'hideUnreadStatus' :
case 'disableNotifications' :
value = this . $ ( ` input[name= ${ field } ] ` ) [ 0 ] . checked ? '1' : '0' ;
case 'desktopNotificationDuration' :
await call ( 'saveDesktopNotificationDuration' , rid , value ) ;
break ;
default :
value = this . $ ( ` input[name= ${ field } ]:checked ` ) . val ( ) ;
case 'audioNotificationValue' :
await call ( 'saveAudioNotificationValue' , rid , value ) ;
break ;
default :
await call ( 'saveNotificationSettings' , rid , field , value ) ;
}
const soundVal = $ ( 'select' ) . val ( ) ;
const duration = $ ( 'input[name=duration]' ) . val ( ) ;
if ( this . validateSetting ( field ) ) {
Meteor . call ( 'saveNotificationSettings' , Session . get ( 'openedRoom' ) , field , value , ( err /*, result*/ ) => {
if ( err ) {
return handleError ( err ) ;
} else if ( duration !== undefined ) {
Meteor . call ( 'saveDesktopNotificationDuration' , Session . get ( 'openedRoom' ) , duration , ( err ) => {
if ( err ) {
return handleError ( err ) ;
}
} ) ;
} else if ( soundVal !== undefined ) {
Meteor . call ( 'saveAudioNotificationValue' , Session . get ( 'openedRoom' ) , soundVal , ( err ) => {
if ( err ) {
return handleError ( err ) ;
}
} ) ;
}
this . editing . set ( ) ;
this . original [ field ] . set ( this . form [ field ] . get ( ) ) ;
} ) ;
}
} ;
} ) ;
Template . pushNotificationsFlexTab . events ( {
'keydown input[type=text]' ( e , instance ) {
if ( e . keyCode === 13 ) {
e . preventDefault ( ) ;
instance . saveSetting ( ) ;
}
'click .js-cancel' ( e , instance ) {
instance . data . tabBar . close ( ) ;
} ,
'click [data-edit]' ( e , instance ) {
e . preventDefault ( ) ;
instance . editing . set ( $ ( e . currentTarget ) . data ( 'edit' ) ) ;
setTimeout ( function ( ) { instance . $ ( 'input.editing' ) . focus ( ) . select ( ) ; } , 100 ) ;
} ,
'click .cancel' ( e , instance ) {
e . preventDefault ( ) ;
instance . editing . set ( ) ;
} ,
'click .save' ( e , instance ) {
'click .js-save' ( e , instance ) {
e . preventDefault ( ) ;
instance . saveSetting ( ) ;
} ,
'click [data-play]' ( e ) {
e . preventDefault ( ) ;
let audio = $ ( e . currentTarget ) . data ( 'play' ) ;
const user = Meteor . user ( ) ;
if ( audio === 'Use account preference' || audio === 'none' ) {
audio = RocketChat . getUserPreference ( user , 'newMessageNotification' ) ;
let value = Template . instance ( ) . form . audioNotificationValue . get ( ) ;
if ( value === '0' ) {
value = RocketChat . getUserPreference ( user , 'newMessageNotification' ) ;
}
if ( audio && audio !== 'none' ) {
if ( value && value !== 'none' ) {
const audioVolume = RocketChat . getUserPreference ( user , 'notificationsSoundVolume' ) ;
const $audio = $ ( ` audio# ${ audio } ` ) ;
const $audio = $ ( ` audio# ${ value } ` ) ;
if ( $audio && $audio [ 0 ] && $audio [ 0 ] . play ) {
$audio [ 0 ] . volume = Number ( ( audioVolume / 100 ) . toPrecision ( 2 ) ) ;
@ -292,47 +201,86 @@ Template.pushNotificationsFlexTab.events({
}
} ,
'change select[name=audioNotificationValue ]' ( e ) {
'change input[type=checkbox ]' ( e , instanc e) {
e . preventDefault ( ) ;
const name = $ ( e . currentTarget ) . attr ( 'name' ) ;
const checked = [ 'disableNotifications' , 'hideUnreadStatus' ] . includes ( name ) ? ! e . currentTarget . checked : e . currentTarget . checked ;
instance . form [ name ] . set ( checked ) ;
} ,
let audio = $ ( e . currentTarget ) . val ( ) ;
const user = Meteor . user ( ) ;
'click .rc-user-info__config-value' ( e ) {
const instance = Template . instance ( ) ;
const key = this . valueOf ( ) ;
if ( audio === '' ) {
audio = RocketChat . getUserPreference ( user , 'newMessageNotification' ) ;
}
if ( audio && audio !== 'none' ) {
const audioVolume = RocketChat . getUserPreference ( user , 'notificationsSoundVolume' ) ;
const $audio = $ ( ` audio# ${ audio } ` ) ;
let options ;
if ( $audio && $audio [ 0 ] && $audio [ 0 ] . play ) {
$audio [ 0 ] . volume = Number ( ( audioVolume / 100 ) . toPrecision ( 2 ) ) ;
$audio [ 0 ] . play ( ) ;
}
}
switch ( key ) {
case 'audioNotificationValue' :
const audioAssets = RocketChat . CustomSounds && RocketChat . CustomSounds . getList && RocketChat . CustomSounds . getList ( ) || [ ] ;
const audioAssetsArray = audioAssets . map ( audio => {
return {
id : ` audioNotificationValue ${ audio . name } ` ,
name : 'audioNotificationValue' ,
label : audio . name ,
value : audio . _id
} ;
} ) ;
options = [
{
id : 'audioNotificationValueNone' ,
name : 'audioNotificationValue' ,
label : 'None' ,
value : 'none'
} ,
'change input[type=checkbox]' ( e , instance ) {
e . preventDefault ( ) ;
instance . editing . set ( $ ( e . currentTarget ) . attr ( 'name' ) ) ;
instance . saveSetting ( $ ( e . currentTarget ) . attr ( 'name' ) ) ;
{
id : 'audioNotificationValueDefault' ,
name : 'audioNotificationValue' ,
label : 'Default' ,
value : 0
} ,
'click .rc-user-info__config-value' ( e ) {
const config = {
popoverClass : 'notifications-preferences' ,
template : 'pushNotificationsPopover' ,
mousePosition : ( ) => ( {
x : e . currentTarget . getBoundingClientRect ( ) . left ,
y : e . currentTarget . getBoundingClientRect ( ) . bottom + 50
} ) ,
customCSSProperties : ( ) => ( {
top : ` ${ e . currentTarget . getBoundingClientRect ( ) . bottom + 10 } px ` ,
left : ` ${ e . currentTarget . getBoundingClientRect ( ) . left - 10 } px `
} ) ,
data : {
value : 'default' ,
options : [ {
... audioAssetsArray
] ;
break ;
case 'desktopNotificationDuration' :
options = [ {
id : 'desktopNotificationDuration' ,
name : 'desktopNotificationDuration' ,
label : 'Default' ,
value : 0
} ,
{
id : 'desktopNotificationDuration1s' ,
name : 'desktopNotificationDuration' ,
label : ` 1 ${ t ( 'seconds' ) } ` ,
value : 1
} ,
{
id : 'desktopNotificationDuration2s' ,
name : 'desktopNotificationDuration' ,
label : ` 2 ${ t ( 'seconds' ) } ` ,
value : 2
} ,
{
id : 'desktopNotificationDuration3s' ,
name : 'desktopNotificationDuration' ,
label : ` 3 ${ t ( 'seconds' ) } ` ,
value : 3
} ,
{
id : 'desktopNotificationDuration4s' ,
name : 'desktopNotificationDuration' ,
label : ` 4 ${ t ( 'seconds' ) } ` ,
value : 4
} ,
{
id : 'desktopNotificationDuration5s' ,
name : 'desktopNotificationDuration' ,
label : ` 5 ${ t ( 'seconds' ) } ` ,
value : 5
} ] ;
break ;
default :
options = [ {
id : 'desktopNotificationsDefault' ,
name : 'desktopNotifications' ,
label : 'Default' ,
@ -355,7 +303,26 @@ Template.pushNotificationsFlexTab.events({
name : 'desktopNotifications' ,
label : 'Nothing' ,
value : 'nothing'
} ]
} ] ;
}
const config = {
popoverClass : 'notifications-preferences' ,
template : 'pushNotificationsPopover' ,
mousePosition : ( ) => ( {
x : e . currentTarget . getBoundingClientRect ( ) . left ,
y : e . currentTarget . getBoundingClientRect ( ) . bottom + 50
} ) ,
customCSSProperties : ( ) => ( {
top : ` ${ e . currentTarget . getBoundingClientRect ( ) . bottom + 10 } px ` ,
left : ` ${ e . currentTarget . getBoundingClientRect ( ) . left - 10 } px `
} ) ,
data : {
change : ( value ) => {
return instance . form [ key ] . set ( key === 'desktopNotificationDuration' ? parseInt ( value ) : value ) ;
} ,
value : instance . form [ key ] . get ( ) ,
options
}
} ;
popover . open ( config ) ;
@ -363,6 +330,11 @@ Template.pushNotificationsFlexTab.events({
} ) ;
Template . pushNotificationsPopover . onCreated ( function ( ) {
this . change = this . data . change ;
} ) ;
Template . pushNotificationsPopover . onRendered ( function ( ) {
this . find ( ` [value= ${ this . data . value } ] ` ) . checked = true ;
} ) ;
Oliver Jägle
7 years ago
committed by