@ -1,6 +1,4 @@
/* global AutoComplete Deps */ /* global AutoComplete Deps */
import _ from 'underscore' ;
import toastr from 'toastr' ; import toastr from 'toastr' ;
import resetSelection from '../resetSelection' ; import resetSelection from '../resetSelection' ;
@ -102,6 +100,9 @@ Template.mailMessagesInstructions.helpers({
} , } ,
items ( ) { items ( ) {
return Template . instance ( ) . ac . filteredList ( ) ; return Template . instance ( ) . ac . filteredList ( ) ;
} ,
errorMessage ( ) {
return Template . instance ( ) . errorMessage . get ( ) ;
} }
} ) ; } ) ;
@ -109,83 +110,52 @@ Template.mailMessagesInstructions.events({
'click .js-cancel, click .mail-messages__instructions--selected' ( e , t ) { 'click .js-cancel, click .mail-messages__instructions--selected' ( e , t ) {
t . reset ( true ) ; t . reset ( true ) ;
} , } ,
'click .js-send' ( e , t ) { 'click .js-send' ( e , ins tance ) {
t . $ ( '.error' ) . hide ( ) ; const selectedUsers = instance . selectedUsers ;
const $btn = t . $ ( 'button.send' ) ; const selectedEmails = instance . selectedEmails ;
const oldBtnValue = $btn . html ( ) ; const $emailsInput = instance . $ ( '[name="emails"]' ) ;
$btn . html ( TAPi18n . _ _ ( 'Sending' ) ) ; const selectedMessages = instance . selectedMessages ;
const selectedMessages = $ ( '.messages-box .message.selected' ) ; const subject = instance . $ ( '[name="subject"]' ) . val ( ) ;
let error = false ;
if ( selectedMessages . length === 0 ) { if ( ! selectedUsers . get ( ) . length && ! selectedEmails . get ( ) . length && $emailsInput . val ( ) . trim ( ) === '' ) {
t . $ ( '.error-select' ) . show ( ) ; instance . errorMessage . set ( t ( 'Mail_Message_Missing_to' ) ) ;
error = tru e; return fals e;
} }
if ( t . $ ( 'input[name=to_emails]' ) . val ( ) . trim ( ) ) {
const rfcMailPatternWithName = /^(?:.*<)?([a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)(?:>?)$/ ; if ( $emailsInput . val ( ) !== '' ) {
const emails = t . $ ( 'input[name=to_emails]' ) . val ( ) . trim ( ) . split ( ',' ) ; if ( isEmail ( $emailsInput . val ( ) ) ) {
const erroredEmails = [ ] ; const emailsArr = selectedEmails . get ( ) ;
emails . forEach ( ( email ) => { emailsArr . push ( { text : $emailsInput . val ( ) } ) ;
if ( ! rfcMailPatternWithName . test ( email . trim ( ) ) ) { $ ( '[name="emails"]' ) . val ( '' ) ;
erroredEmails . push ( email . trim ( ) ) ; selectedEmails . set ( emailsArr ) ;
} } else {
} ) ; instance . errorMessage . set ( t ( 'Mail_Message_Invalid_emails' , $emailsInput . val ( ) ) ) ;
t . erroredEmails . set ( erroredEmails ) ; return false ;
if ( erroredEmails . length > 0 ) {
t . $ ( '.error-invalid-emails' ) . show ( ) ;
error = true ;
} }
} else if ( ! t . selectedUsers . get ( ) . length ) {
t . $ ( '.error-missing-to' ) . show ( ) ;
error = true ;
} }
if ( error ) {
return $btn . html ( oldBtnValue ) ; if ( ! selectedMessages . get ( ) . length ) {
instance . errorMessage . set ( t ( 'Mail_Message_No_messages_selected_select_all' ) ) ;
return false ;
} }
const data = { const data = {
rid : Session . get ( 'openedRoom' ) , rid : Session . get ( 'openedRoom' ) ,
to _users : t . selectedUsers . get ( ) , to _users : selectedUsers . get ( ) . map ( user => user . username ) ,
to _emails : t . $ ( 'input[name=to_emails]' ) . val ( ) . trim ( ) , to _emails : selectedEmails . get ( ) . map ( email => email . text ) . toString ( ) ,
subject : t . $ ( 'input[name=subject]' ) . val ( ) . trim ( ) , subject ,
messages : selectedMessages . map ( function ( i , message ) { messages : selectedMessages . get ( ) ,
return message . id ;
} ) . toArray ( ) ,
language : localStorage . getItem ( 'userLanguage' ) language : localStorage . getItem ( 'userLanguage' )
} ; } ;
return Meteor . call ( 'mailMessages' , data , function ( err , result ) {
$btn . html ( oldBtnValue ) ; Meteor . call ( 'mailMessages' , data , function ( err , result ) {
if ( err != null ) { if ( err != null ) {
return handleError ( err ) ; return handleError ( err ) ;
} }
console . log ( result ) ; console . log ( result ) ;
toastr . success ( TAPi18n . _ _ ( 'Your_email_has_been_queued_for_sending' ) ) ; toastr . success ( t ( 'Your_email_has_been_queued_for_sending' ) ) ;
return t . reset ( ) ; instance . reset ( true ) ;
} ) ;
} ,
'click .select-all' ( e , t ) {
t . $ ( '.error-select' ) . hide ( ) ;
const view = Blaze . getView ( $ ( '.messages-box' ) [ 0 ] ) ;
if ( view != null ) {
if ( typeof view . templateInstance === 'function' ) {
const chat = ChatMessage . find ( {
rid : Session . get ( 'openedRoom' )
} ) ;
view . templateInstance ( ) . selectedMessages = _ . pluck ( chat && chat . fetch ( ) , '_id' ) ;
}
}
return $ ( '.messages-box .message' ) . addClass ( 'selected' ) ;
} ,
'autocompleteselect #to_users' ( event , instance , doc ) {
instance . selectedUsers . set ( instance . selectedUsers . get ( ) . concat ( doc . username ) ) ;
event . currentTarget . value = '' ;
return event . currentTarget . focus ( ) ;
} ,
'click .remove-to-user' ( ) {
let users = Template . instance ( ) . selectedUsers . get ( ) ;
users = _ . reject ( Template . instance ( ) . selectedUsers . get ( ) , ( _id ) => {
return _id === this . valueOf ( ) ;
} ) ; } ) ;
Template . instance ( ) . selectedUsers . set ( users ) ;
return $ ( '#to_users' ) . focus ( ) ;
} , } ,
'click .rc-input--usernames .rc-tags__tag' ( { target } , t ) { 'click .rc-input--usernames .rc-tags__tag' ( { target } , t ) {
const { username } = Blaze . getData ( target ) ; const { username } = Blaze . getData ( target ) ;
@ -271,13 +241,12 @@ Template.mailMessagesInstructions.onRendered(function() {
$ ( '.messages-box .message' ) . on ( 'click' , function ( ) { $ ( '.messages-box .message' ) . on ( 'click' , function ( ) {
const id = this . id ; const id = this . id ;
const timestamp = this . dataset . timestamp ;
const messages = selectedMessages . get ( ) ; const messages = selectedMessages . get ( ) ;
if ( $ ( this ) . hasClass ( 'selected' ) ) { if ( $ ( this ) . hasClass ( 'selected' ) ) {
selectedMessages . set ( messages . filter ( message => message . id !== id ) ) ; selectedMessages . set ( messages . filter ( message => message !== id ) ) ;
} else { } else {
selectedMessages . set ( messages . concat ( { id , timestamp } ) ) ; selectedMessages . set ( messages . concat ( id ) ) ;
} }
} ) ; } ) ;
} ) ; } ) ;
@ -285,6 +254,9 @@ Template.mailMessagesInstructions.onRendered(function() {
Template . mailMessagesInstructions . onCreated ( function ( ) { Template . mailMessagesInstructions . onCreated ( function ( ) {
resetSelection ( true ) ; resetSelection ( true ) ;
this . selectedEmails = new ReactiveVar ( [ ] ) ;
this . selectedMessages = new ReactiveVar ( [ ] ) ;
this . errorMessage = new ReactiveVar ( '' ) ;
this . selectedUsers = new ReactiveVar ( [ ] ) ; this . selectedUsers = new ReactiveVar ( [ ] ) ;
this . userFilter = new ReactiveVar ( '' ) ; this . userFilter = new ReactiveVar ( '' ) ;
@ -318,18 +290,13 @@ Template.mailMessagesInstructions.onCreated(function() {
] ]
} ) ; } ) ;
this . ac . tmplInst = this ; this . ac . tmplInst = this ;
this . selectedEmails = new ReactiveVar ( [ ] ) ;
this . selectedMessages = new ReactiveVar ( [ ] ) ;
this . autoCompleteCollection = new Mongo . Collection ( null ) ;
this . erroredEmails = new ReactiveVar ( [ ] ) ;
this . reset = ( bool ) => { this . reset = ( bool ) => {
this . selectedUsers . set ( [ ] ) ; this . selectedUsers . set ( [ ] ) ;
this . selectedEmails . set ( [ ] ) ; this . selectedEmails . set ( [ ] ) ;
this . selectedMessages . set ( [ ] ) ; this . selectedMessages . set ( [ ] ) ;
this . errorMessage . set ( '' ) ;
resetSelection ( bool ) ; resetSelection ( bool ) ;
} ; } ;
} ) ; } ) ;
Guilherme Gazzo
7 years ago
committed by