| | |
| | | this.messages = {}; |
| | | this.group2expand = {}; |
| | | this.http_request_jobs = {}; |
| | | this.menu_stack = new Array(); |
| | | this.menu_stack = []; |
| | | |
| | | // webmail client settings |
| | | this.dblclick_time = 500; |
| | | this.message_time = 5000; |
| | | this.identifier_expr = new RegExp('[^0-9a-z\-_]', 'gi'); |
| | | this.identifier_expr = /[^0-9a-z_-]/gi; |
| | | |
| | | // environment defaults |
| | | this.env = { |
| | |
| | | }); |
| | | |
| | | // unload fix |
| | | $(window).bind('beforeunload', function() { rcmail.unload = true; }); |
| | | $(window).bind('beforeunload', function() { ref.unload = true; }); |
| | | |
| | | // set environment variable(s) |
| | | this.set_env = function(p, value) |
| | |
| | | // load messages |
| | | this.command('list'); |
| | | |
| | | $(this.gui_objects.qsearchbox).val(this.env.search_text).focusin(function() { rcmail.message_list.blur(); }); |
| | | $(this.gui_objects.qsearchbox).val(this.env.search_text).focusin(function() { ref.message_list.blur(); }); |
| | | } |
| | | |
| | | this.set_button_titles(); |
| | |
| | | // add more commands (not enabled) |
| | | $.merge(this.env.compose_commands, ['add-recipient', 'firstpage', 'previouspage', 'nextpage', 'lastpage']); |
| | | |
| | | if (this.env.spellcheck) { |
| | | this.env.spellcheck.spelling_state_observer = function(s) { ref.spellcheck_state(); }; |
| | | if (window.googie) { |
| | | this.env.editor_config.spellchecker = googie; |
| | | this.env.editor_config.spellcheck_observer = function(s) { ref.spellcheck_state(); }; |
| | | |
| | | this.env.compose_commands.push('spellcheck') |
| | | this.enable_command('spellcheck', true); |
| | | } |
| | | |
| | | // initialize HTML editor |
| | | this.editor_init(this.env.editor_config, this.env.composebody); |
| | | |
| | | // init canned response functions |
| | | if (this.gui_objects.responseslist) { |
| | |
| | | }); |
| | | |
| | | // avoid textarea loosing focus when hitting the save-response button/link |
| | | for (var i=0; this.buttons['save-response'] && i < this.buttons['save-response'].length; i++) { |
| | | $('#'+this.buttons['save-response'][i].id).mousedown(function(e){ return rcube_event.cancel(e); }) |
| | | } |
| | | $.each(this.buttons['save-response'] || [], function (i, v) { |
| | | $('#' + v.id).mousedown(function(e){ return rcube_event.cancel(e); }) |
| | | }); |
| | | } |
| | | |
| | | // init message compose form |
| | |
| | | this.contact_list |
| | | .addEventListener('initrow', function(o) { ref.triggerEvent('insertrow', { cid:o.uid, row:o }); }) |
| | | .addEventListener('select', function(o) { ref.compose_recipient_select(o); }) |
| | | .addEventListener('dblclick', function(o) { ref.compose_add_recipient('to'); }) |
| | | .addEventListener('dblclick', function(o) { ref.compose_add_recipient(); }) |
| | | .addEventListener('keypress', function(o) { |
| | | if (o.key_pressed == o.ENTER_KEY) { |
| | | if (!ref.compose_add_recipient('to')) { |
| | | if (!ref.compose_add_recipient()) { |
| | | // execute link action on <enter> if not a recipient entry |
| | | if (o.last_selected && String(o.last_selected).charAt(0) == 'G') { |
| | | $(o.rows[o.last_selected].obj).find('a').first().click(); |
| | |
| | | } |
| | | }) |
| | | .init(); |
| | | |
| | | // remember last focused address field |
| | | $('#_to,#_cc,#_bcc').focus(function() { ref.env.focused_field = this; }); |
| | | } |
| | | |
| | | if (this.gui_objects.addressbookslist) { |
| | |
| | | .addEventListener('dragend', function(e) { ref.drag_end(e); }) |
| | | .init(); |
| | | |
| | | if (this.env.cid) |
| | | this.contact_list.highlight_row(this.env.cid); |
| | | |
| | | this.gui_objects.contactslist.parentNode.onmousedown = function(e){ return ref.click_on_list(e); }; |
| | | |
| | | $(this.gui_objects.qsearchbox).focusin(function() { ref.contact_list.blur(); }); |
| | | |
| | | this.update_group_commands(); |
| | | this.command('list'); |
| | | } |
| | | |
| | | if (this.gui_objects.savedsearchlist) { |
| | | this.savedsearchlist = new rcube_treelist_widget(this.gui_objects.savedsearchlist, { |
| | | id_prefix: 'rcmli', |
| | | id_encode: this.html_identifier_encode, |
| | | id_decode: this.html_identifier_decode |
| | | }); |
| | | |
| | | this.savedsearchlist.addEventListener('select', function(node) { |
| | | ref.triggerEvent('selectfolder', { folder:node.id, prefix:'rcmli' }); }); |
| | | } |
| | | |
| | | this.set_page_buttons(); |
| | |
| | | else if (this.env.action == 'edit-identity' || this.env.action == 'add-identity') { |
| | | this.enable_command('save', 'edit', 'toggle-editor', true); |
| | | this.enable_command('delete', this.env.identities_level < 2); |
| | | |
| | | // initialize HTML editor |
| | | this.editor_init(this.env.editor_config, 'rcmfd_signature'); |
| | | } |
| | | else if (this.env.action == 'folders') { |
| | | this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'rename-folder', true); |
| | |
| | | }) |
| | | .init() |
| | | .focus(); |
| | | |
| | | if (this.env.iid) |
| | | this.identity_list.highlight_row(this.env.iid); |
| | | } |
| | | else if (this.gui_objects.sectionslist) { |
| | | this.sections_list = new rcube_list_widget(this.gui_objects.sectionslist, {multiselect:false, draggable:false, keyboard:true}); |
| | |
| | | |
| | | case 'login': |
| | | var input_user = $('#rcmloginuser'); |
| | | input_user.bind('keyup', function(e){ return rcmail.login_user_keyup(e); }); |
| | | input_user.bind('keyup', function(e){ return ref.login_user_keyup(e); }); |
| | | |
| | | if (input_user.val() == '') |
| | | input_user.focus(); |
| | |
| | | // display 'loading' message on form submit, lock submit button |
| | | $('form').submit(function () { |
| | | $('input[type=submit]', this).prop('disabled', true); |
| | | rcmail.clear_messages(); |
| | | rcmail.display_message('', 'loading'); |
| | | ref.clear_messages(); |
| | | ref.display_message('', 'loading'); |
| | | }); |
| | | |
| | | this.enable_command('login', true); |
| | |
| | | if (this.pending_message) |
| | | this.display_message(this.pending_message[0], this.pending_message[1], this.pending_message[2]); |
| | | |
| | | // map implicit containers |
| | | if (this.gui_objects.folderlist) { |
| | | this.gui_containers.foldertray = $(this.gui_objects.folderlist); |
| | | |
| | | // init treelist widget |
| | | if (window.rcube_treelist_widget) { |
| | | this.treelist = new rcube_treelist_widget(this.gui_objects.folderlist, { |
| | | // init treelist widget |
| | | if (this.gui_objects.folderlist && window.rcube_treelist_widget) { |
| | | this.treelist = new rcube_treelist_widget(this.gui_objects.folderlist, { |
| | | selectable: true, |
| | | id_prefix: 'rcmli', |
| | | id_encode: this.html_identifier_encode, |
| | | id_decode: this.html_identifier_decode, |
| | | check_droptarget: function(node) { return !node.virtual && ref.check_droptarget(node.id) } |
| | | }); |
| | | this.treelist |
| | | .addEventListener('collapse', function(node) { ref.folder_collapsed(node) }) |
| | | .addEventListener('expand', function(node) { ref.folder_collapsed(node) }) |
| | | .addEventListener('select', function(node) { ref.triggerEvent('selectfolder', { folder:node.id, prefix:'rcmli' }) }); |
| | | } |
| | | }); |
| | | |
| | | this.treelist |
| | | .addEventListener('collapse', function(node) { ref.folder_collapsed(node) }) |
| | | .addEventListener('expand', function(node) { ref.folder_collapsed(node) }) |
| | | .addEventListener('select', function(node) { ref.triggerEvent('selectfolder', { folder:node.id, prefix:'rcmli' }) }); |
| | | } |
| | | |
| | | // activate html5 file drop feature (if browser supports it and if configured) |
| | |
| | | |
| | | // execute all foreign onload scripts |
| | | // @deprecated |
| | | for (var i in this.onloads) { |
| | | if (typeof this.onloads[i] === 'string') |
| | | eval(this.onloads[i]); |
| | | else if (typeof this.onloads[i] === 'function') |
| | | this.onloads[i](); |
| | | } |
| | | for (n in this.onloads) { |
| | | if (typeof this.onloads[n] === 'string') |
| | | eval(this.onloads[n]); |
| | | else if (typeof this.onloads[n] === 'function') |
| | | this.onloads[n](); |
| | | } |
| | | |
| | | // start keep-alive and refresh intervals |
| | | this.start_refresh(); |
| | |
| | | { |
| | | var ret, uid, cid, url, flag, aborted = false; |
| | | |
| | | if (obj && obj.blur && !(event || rcube_event.is_keyboard(event))) |
| | | if (obj && obj.blur && !(event && rcube_event.is_keyboard(event))) |
| | | obj.blur(); |
| | | |
| | | // do nothing if interface is locked by other command (with exception for searching reset) |
| | |
| | | form.target = win.name; |
| | | form.submit(); |
| | | } |
| | | else { |
| | | // this.display_message(this.get_label('windowopenerror'), 'error'); |
| | | } |
| | | } |
| | | else { |
| | | this.open_window(this.env.permaurl, true); |
| | |
| | | break; |
| | | |
| | | case 'list': |
| | | // re-send search query for the selected folder |
| | | if (props && props != '' && this.env.search_request && this.gui_objects.qsearchbox.value) { |
| | | var oldmbox = this.env.search_scope == 'all' ? '*' : this.env.mailbox; |
| | | this.env.search_mods[props] = this.env.search_mods[oldmbox]; // copy search mods from active search |
| | | this.env.mailbox = props; |
| | | this.env.search_scope = 'sub'; |
| | | this.qsearch(this.gui_objects.qsearchbox.value); |
| | | this.select_folder(this.env.mailbox, '', true); |
| | | break; |
| | | if (props && props != '') { |
| | | this.reset_qsearch(); |
| | | } |
| | | |
| | | if (this.env.action == 'compose' && this.env.extwin) |
| | | if (this.env.action == 'compose' && this.env.extwin) { |
| | | window.close(); |
| | | } |
| | | else if (this.task == 'mail') { |
| | | this.list_mailbox(props); |
| | | this.set_button_titles(); |
| | |
| | | |
| | | case 'spellcheck': |
| | | if (this.spellcheck_state()) { |
| | | this.stop_spellchecking(); |
| | | this.editor.spellcheck_stop(); |
| | | } |
| | | else { |
| | | if (window.tinyMCE && tinyMCE.get(this.env.composebody)) { |
| | | tinyMCE.execCommand('mceSpellCheck', true); |
| | | } |
| | | else if (this.env.spellcheck && this.env.spellcheck.spellCheck) { |
| | | this.env.spellcheck.spellCheck(); |
| | | } |
| | | this.editor.spellcheck_start(); |
| | | } |
| | | this.spellcheck_state(); |
| | | break; |
| | | |
| | | case 'savedraft': |
| | |
| | | this.gui_objects.messagepartframe.contentWindow.print(); |
| | | } |
| | | else if (uid = this.get_single_uid()) { |
| | | ref.printwin = this.open_window(this.env.comm_path+'&_action=print&_uid='+uid+'&_mbox='+urlencode(this.get_message_mailbox(uid))+(this.env.safemode ? '&_safe=1' : ''), true, true); |
| | | if (this.printwin) { |
| | | url = '&_action=print&_uid='+uid+'&_mbox='+urlencode(this.get_message_mailbox(uid))+(this.env.safemode ? '&_safe=1' : ''); |
| | | if (this.open_window(this.env.comm_path + url, true, true)) { |
| | | if (this.env.action != 'show') |
| | | this.mark_message('read', uid); |
| | | } |
| | |
| | | default: |
| | | var func = command.replace(/-/g, '_'); |
| | | if (this[func] && typeof this[func] === 'function') { |
| | | ret = this[func](props, obj); |
| | | ret = this[func](props, obj, event); |
| | | } |
| | | break; |
| | | } |
| | |
| | | this.command_enabled = function(cmd) |
| | | { |
| | | return this.commands[cmd]; |
| | | } |
| | | }; |
| | | |
| | | // lock/unlock interface |
| | | this.set_busy = function(a, message, id) |
| | |
| | | // switch to another application task |
| | | this.switch_task = function(task) |
| | | { |
| | | if (this.task===task && task!='mail') |
| | | if (this.task === task && task != 'mail') |
| | | return; |
| | | |
| | | var url = this.get_task_url(task); |
| | | |
| | | if (task == 'mail') |
| | | url += '&_mbox=INBOX'; |
| | | else if (task == 'logout') |
| | |
| | | if (this.is_framed()) |
| | | parent.rcmail.reload(delay); |
| | | else if (delay) |
| | | setTimeout(function(){ rcmail.reload(); }, delay); |
| | | setTimeout(function() { ref.reload(); }, delay); |
| | | else if (window.location) |
| | | location.href = this.env.comm_path + (this.env.action ? '&_action='+this.env.action : ''); |
| | | }; |
| | |
| | | |
| | | this.save_pref = function(prop) |
| | | { |
| | | var request = {'_name': prop.name, '_value': prop.value}; |
| | | var request = {_name: prop.name, _value: prop.value}; |
| | | |
| | | if (prop.session) |
| | | request['_session'] = prop.session; |
| | | request._session = prop.session; |
| | | if (prop.env) |
| | | this.env[prop.env] = prop.value; |
| | | |
| | |
| | | |
| | | // select the folder if one of its childs is currently selected |
| | | // don't select if it's virtual (#1488346) |
| | | if (this.env.mailbox && this.env.mailbox.startsWith(name + this.env.delimiter) && !node.virtual) |
| | | if (!node.virtual && this.env.mailbox && this.env.mailbox.startsWith(name + this.env.delimiter)) |
| | | this.command('list', name); |
| | | } |
| | | else { |
| | |
| | | } |
| | | |
| | | // reset popup menus; delayed to have updated menu_stack data |
| | | window.setTimeout(function(e){ |
| | | setTimeout(function(e){ |
| | | var obj, skip, config, id, i, parents = $(target).parents(); |
| | | for (i = ref.menu_stack.length - 1; i >= 0; i--) { |
| | | id = ref.menu_stack[i]; |
| | |
| | | var target = e.target || {}, |
| | | keyCode = rcube_event.get_keycode(e); |
| | | |
| | | // save global reference for keyboard detection on click events in IE |
| | | rcube_event._last_keyboard_event = e; |
| | | |
| | | if (e.keyCode != 27 && (!this.menu_keyboard_active || target.nodeName == 'TEXTAREA' || target.nodeName == 'SELECT')) { |
| | | return true; |
| | | } |
| | |
| | | case 40: |
| | | case 63232: // "up", in safari keypress |
| | | case 63233: // "down", in safari keypress |
| | | focus_menu_item(mod = keyCode == 38 || keyCode == 63232 ? -1 : 1); |
| | | break; |
| | | focus_menu_item(keyCode == 38 || keyCode == 63232 ? -1 : 1); |
| | | return rcube_event.cancel(e); |
| | | |
| | | case 9: // tab |
| | | if (this.focused_menu) { |
| | |
| | | +(toolbar ? ',toolbar=yes,menubar=yes,status=yes' : ',toolbar=no,menubar=no,status=no')); |
| | | } |
| | | |
| | | // detect popup blocker (#1489618) |
| | | // don't care this might not work with all browsers |
| | | if (!extwin || extwin.closed) { |
| | | this.display_message(this.get_label('windowopenerror'), 'warning'); |
| | | return; |
| | | } |
| | | |
| | | // write loading... message to empty windows |
| | | if (!url && extwin.document) { |
| | | extwin.document.write('<html><body>' + this.get_label('loading') + '</body></html>'); |
| | |
| | | this.triggerEvent('openwindow', { url:url, handle:extwin }); |
| | | |
| | | // focus window, delayed to bring to front |
| | | window.setTimeout(function() { extwin && extwin.focus(); }, 10); |
| | | setTimeout(function() { extwin && extwin.focus(); }, 10); |
| | | |
| | | return extwin; |
| | | }; |
| | |
| | | list = this.message_list, |
| | | rows = list.rows, |
| | | message = this.env.messages[uid], |
| | | msg_id = this.html_identifier(uid,true), |
| | | row_class = 'message' |
| | | + (!flags.seen ? ' unread' : '') |
| | | + (flags.deleted ? ' deleted' : '') |
| | | + (flags.flagged ? ' flagged' : '') |
| | | + (message.selected ? ' selected' : ''), |
| | | row = { cols:[], style:{}, id:'rcmrow'+this.html_identifier(uid,true), uid:uid }; |
| | | row = { cols:[], style:{}, id:'rcmrow'+msg_id, uid:uid }; |
| | | |
| | | // message status icons |
| | | css_class = 'msgicon'; |
| | |
| | | if (this.env.threading) { |
| | | if (message.depth) { |
| | | // This assumes that div width is hardcoded to 15px, |
| | | tree += '<span id="rcmtab' + row.id + '" class="branch" style="width:' + (message.depth * 15) + 'px;"> </span>'; |
| | | tree += '<span id="rcmtab' + msg_id + '" class="branch" style="width:' + (message.depth * 15) + 'px;"> </span>'; |
| | | |
| | | if ((rows[message.parent_uid] && rows[message.parent_uid].expanded === false) |
| | | || ((this.env.autoexpand_threads == 0 || this.env.autoexpand_threads == 2) && |
| | |
| | | this.location_href(this.env.comm_path+url, target, true); |
| | | |
| | | // mark as read and change mbox unread counter |
| | | if (preview && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread && this.env.preview_pane_mark_read >= 0) { |
| | | if (preview && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread && this.env.preview_pane_mark_read > 0) { |
| | | this.preview_read_timer = setTimeout(function() { |
| | | ref.set_message(id, 'unread', false); |
| | | if (ref.env.unread_counts[ref.env.mailbox]) { |
| | | ref.env.unread_counts[ref.env.mailbox] -= 1; |
| | | ref.set_unread_count(ref.env.mailbox, ref.env.unread_counts[ref.env.mailbox], ref.env.mailbox == 'INBOX'); |
| | | } |
| | | if (ref.env.preview_pane_mark_read > 0) |
| | | ref.http_post('mark', {_uid: id, _flag: 'read', _quiet: 1}); |
| | | ref.set_unread_message(id, ref.env.mailbox); |
| | | ref.http_post('mark', {_uid: id, _flag: 'read', _quiet: 1}); |
| | | }, this.env.preview_pane_mark_read * 1000); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // update message status and unread counter after marking a message as read |
| | | this.set_unread_message = function(id, folder) |
| | | { |
| | | var self = this; |
| | | |
| | | // find window with messages list |
| | | if (!self.message_list) |
| | | self = self.opener(); |
| | | |
| | | if (!self && window.parent) |
| | | self = parent.rcmail; |
| | | |
| | | if (!self || !self.message_list) |
| | | return; |
| | | |
| | | // this may fail in multifolder mode |
| | | if (self.set_message(id, 'unread', false) === false) |
| | | self.set_message(id + '-' + folder, 'unread', false); |
| | | |
| | | if (self.env.unread_counts[folder] > 0) { |
| | | self.env.unread_counts[folder] -= 1; |
| | | self.set_unread_count(folder, self.env.unread_counts[folder], folder == 'INBOX' && !self.is_multifolder_listing()); |
| | | } |
| | | }; |
| | | |
| | |
| | | url._framed = 1; |
| | | } |
| | | |
| | | if (this.env.uid) |
| | | url._uid = this.env.uid; |
| | | |
| | | // load message list to target frame/window |
| | | if (mbox) { |
| | | this.set_busy(true, 'loading'); |
| | |
| | | selection.push(selected[i]); |
| | | |
| | | this.message_list.selection = selection; |
| | | } |
| | | }; |
| | | |
| | | // expand all threads with unread children |
| | | this.expand_unread = function() |
| | |
| | | this.message_list.expand_all(r); |
| | | this.set_unread_children(r.uid); |
| | | } |
| | | |
| | | new_row = new_row.nextSibling; |
| | | } |
| | | |
| | | return false; |
| | | }; |
| | | |
| | |
| | | $('#'+r.id+' .leaf:first') |
| | | .attr('id', 'rcmexpando' + r.id) |
| | | .attr('class', (r.obj.style.display != 'none' ? 'expanded' : 'collapsed')) |
| | | .bind('mousedown', {uid:r.uid, p:this}, |
| | | function(e) { return e.data.p.expand_message_row(e, e.data.uid); }); |
| | | .bind('mousedown', {uid: r.uid}, |
| | | function(e) { return ref.expand_message_row(e, e.data.uid); }); |
| | | |
| | | r.unread_children = 0; |
| | | roots.push(r); |
| | |
| | | } |
| | | |
| | | // update unread_children for roots |
| | | for (var i=0; i<roots.length; i++) |
| | | this.set_unread_children(roots[i].uid); |
| | | for (r=0; r<roots.length; r++) |
| | | this.set_unread_children(roots[r].uid); |
| | | |
| | | return count; |
| | | }; |
| | |
| | | if (flag == 'unread') { |
| | | if (row.unread != status) |
| | | this.update_thread_root(uid, status ? 'unread' : 'read'); |
| | | row.unread = status; |
| | | } |
| | | else if(flag == 'deleted') |
| | | row.deleted = status; |
| | | else if (flag == 'replied') |
| | | row.replied = status; |
| | | else if (flag == 'forwarded') |
| | | row.forwarded = status; |
| | | else if (flag == 'flagged') |
| | | row.flagged = status; |
| | | |
| | | if ($.inArray(flag, ['unread', 'deleted', 'replied', 'forwarded', 'flagged']) > -1) |
| | | row[flag] = status; |
| | | }; |
| | | |
| | | // set message row status, class and icon |
| | |
| | | if (flag) |
| | | this.set_message_status(uid, flag, status); |
| | | |
| | | var rowobj = $(row.obj); |
| | | |
| | | if (row.unread && !rowobj.hasClass('unread')) |
| | | rowobj.addClass('unread'); |
| | | else if (!row.unread && rowobj.hasClass('unread')) |
| | | rowobj.removeClass('unread'); |
| | | |
| | | if (row.deleted && !rowobj.hasClass('deleted')) |
| | | rowobj.addClass('deleted'); |
| | | else if (!row.deleted && rowobj.hasClass('deleted')) |
| | | rowobj.removeClass('deleted'); |
| | | |
| | | if (row.flagged && !rowobj.hasClass('flagged')) |
| | | rowobj.addClass('flagged'); |
| | | else if (!row.flagged && rowobj.hasClass('flagged')) |
| | | rowobj.removeClass('flagged'); |
| | | if ($.inArray(flag, ['unread', 'deleted', 'flagged']) > -1) |
| | | $(row.obj)[row[flag] ? 'addClass' : 'removeClass'](flag); |
| | | |
| | | this.set_unread_children(uid); |
| | | this.set_message_icon(uid); |
| | |
| | | this.message_list.clear_selection(); |
| | | if (count < 0) |
| | | post_data._count = (count*-1); |
| | | else if (count > 0) |
| | | else if (count > 0) |
| | | // remove threads from the end of the list |
| | | this.delete_excessive_thread_rows(); |
| | | } |
| | | |
| | | // ?? |
| | | // set of messages to mark as seen |
| | | if (r_uids.length) |
| | | post_data._ruid = this.uids_to_list(r_uids); |
| | | |
| | |
| | | // argument should be a coma-separated list of uids |
| | | this.flag_deleted_as_read = function(uids) |
| | | { |
| | | var icn_src, uid, i, len, |
| | | var uid, i, len, |
| | | rows = this.message_list ? this.message_list.rows : {}; |
| | | |
| | | if (typeof uids == 'string') |
| | | uids = String(uids).split(','); |
| | | uids = uids.split(','); |
| | | |
| | | for (i=0, len=uids.length; i<len; i++) { |
| | | uid = uids[i]; |
| | |
| | | if (!this.gui_objects.messageform) |
| | | return false; |
| | | |
| | | var input_from = $("[name='_from']"), |
| | | var i, input_from = $("[name='_from']"), |
| | | input_to = $("[name='_to']"), |
| | | input_subject = $("input[name='_subject']"), |
| | | input_message = $("[name='_message']").get(0), |
| | |
| | | |
| | | // init live search events |
| | | this.init_address_input_events(input_to, ac_props); |
| | | for (var i in ac_fields) { |
| | | for (i in ac_fields) { |
| | | this.init_address_input_events($("[name='_"+ac_fields[i]+"']"), ac_props); |
| | | } |
| | | |
| | |
| | | |
| | | // check for locally stored compose data |
| | | if (window.localStorage) { |
| | | var index = this.local_storage_get_item('compose.index', []); |
| | | var key, formdata, index = this.local_storage_get_item('compose.index', []); |
| | | |
| | | for (var key, i = 0; i < index.length; i++) { |
| | | key = index[i], formdata = this.local_storage_get_item('compose.' + key, null, true); |
| | | for (i = 0; i < index.length; i++) { |
| | | key = index[i]; |
| | | formdata = this.local_storage_get_item('compose.' + key, null, true); |
| | | if (!formdata) { |
| | | continue; |
| | | } |
| | |
| | | this.env.recipients_delimiter = this.env.recipients_separator + ' '; |
| | | |
| | | obj.keydown(function(e) { return ref.ksearch_keydown(e, this, props); }) |
| | | .attr('autocomplete', 'off') |
| | | .attr('aria-autocomplete', 'list') |
| | | .attr('aria-expanded', 'false'); |
| | | .attr({ 'autocomplete': 'off', 'aria-autocomplete': 'list', 'aria-expanded': 'false', 'role': 'combobox' }); |
| | | }; |
| | | |
| | | this.submit_messageform = function(draft) |
| | |
| | | |
| | | this.compose_add_recipient = function(field) |
| | | { |
| | | // find last focused field name |
| | | if (!field) { |
| | | field = $(this.env.focused_field).filter(':visible'); |
| | | field = field.length ? field.attr('id').replace('_', '') : 'to'; |
| | | } |
| | | |
| | | var recipients = [], input = $('#_'+field), delim = this.env.recipients_delimiter; |
| | | |
| | | if (this.contact_list && this.contact_list.selection.length) { |
| | |
| | | this.check_compose_input = function(cmd) |
| | | { |
| | | // check input fields |
| | | var ed, input_to = $("[name='_to']"), |
| | | var input_to = $("[name='_to']"), |
| | | input_cc = $("[name='_cc']"), |
| | | input_bcc = $("[name='_bcc']"), |
| | | input_from = $("[name='_from']"), |
| | | input_subject = $("[name='_subject']"), |
| | | input_message = $("[name='_message']"); |
| | | input_subject = $("[name='_subject']"); |
| | | |
| | | // check sender (if have no identities) |
| | | if (input_from.prop('type') == 'text' && !rcube_check_email(input_from.val(), true)) { |
| | |
| | | |
| | | // display localized warning for missing subject |
| | | if (input_subject.val() == '') { |
| | | var myprompt = $('<div class="prompt">').html('<div class="message">' + this.get_label('nosubjectwarning') + '</div>').appendTo(document.body); |
| | | var prompt_value = $('<input>').attr('type', 'text').attr('size', 30).appendTo(myprompt).val(this.get_label('nosubject')); |
| | | var buttons = {}, |
| | | myprompt = $('<div class="prompt">').html('<div class="message">' + this.get_label('nosubjectwarning') + '</div>') |
| | | .appendTo(document.body), |
| | | prompt_value = $('<input>').attr({type: 'text', size: 30}).val(this.get_label('nosubject')) |
| | | .appendTo(myprompt), |
| | | save_func = function() { |
| | | input_subject.val(prompt_value.val()); |
| | | myprompt.dialog('close'); |
| | | ref.command(cmd, { nocheck:true }); // repeat command which triggered this |
| | | }; |
| | | |
| | | var buttons = {}; |
| | | buttons[this.get_label('cancel')] = function(){ |
| | | buttons[this.get_label('sendmessage')] = function() { |
| | | save_func($(this)); |
| | | }; |
| | | buttons[this.get_label('cancel')] = function() { |
| | | input_subject.focus(); |
| | | $(this).dialog('close'); |
| | | }; |
| | | buttons[this.get_label('sendmessage')] = function(){ |
| | | input_subject.val(prompt_value.val()); |
| | | $(this).dialog('close'); |
| | | ref.command(cmd, { nocheck:true }); // repeat command which triggered this |
| | | }; |
| | | |
| | | myprompt.dialog({ |
| | | modal: true, |
| | | resizable: false, |
| | | buttons: buttons, |
| | | close: function(event, ui) { $(this).remove() } |
| | | close: function(event, ui) { $(this).remove(); } |
| | | }); |
| | | prompt_value.select(); |
| | | |
| | | prompt_value.select().keydown(function(e) { |
| | | if (e.which == 13) save_func(); |
| | | }); |
| | | |
| | | return false; |
| | | } |
| | | |
| | | // Apply spellcheck changes if spell checker is active |
| | | this.stop_spellchecking(); |
| | | |
| | | if (window.tinyMCE) |
| | | ed = tinyMCE.get(this.env.composebody); |
| | | |
| | | // check for empty body |
| | | if (!ed && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) { |
| | | input_message.focus(); |
| | | if (!this.editor.get_content() && !confirm(this.get_label('nobodywarning'))) { |
| | | this.editor.focus(); |
| | | return false; |
| | | } |
| | | else if (ed) { |
| | | if (!ed.getContent() && !confirm(this.get_label('nobodywarning'))) { |
| | | ed.focus(); |
| | | return false; |
| | | } |
| | | // move body from html editor to textarea (just to be sure, #1485860) |
| | | tinyMCE.triggerSave(); |
| | | } |
| | | |
| | | // move body from html editor to textarea (just to be sure, #1485860) |
| | | this.editor.save(); |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | this.toggle_editor = function(props) |
| | | this.toggle_editor = function(props, obj, e) |
| | | { |
| | | this.stop_spellchecking(); |
| | | // @todo: this should work also with many editors on page |
| | | var result = this.editor.toggle(props.html); |
| | | |
| | | if (props.mode == 'html') { |
| | | this.plain2html($('#'+props.id).val(), props.id); |
| | | tinyMCE.execCommand('mceAddControl', false, props.id); |
| | | |
| | | if (this.env.default_font) |
| | | setTimeout(function() { |
| | | $(tinyMCE.get(props.id).getBody()).css('font-family', rcmail.env.default_font); |
| | | }, 500); |
| | | } |
| | | else { |
| | | var thisMCE = tinyMCE.get(props.id), existingHtml; |
| | | |
| | | if (existingHtml = thisMCE.getContent()) { |
| | | if (!confirm(this.get_label('editorwarning'))) { |
| | | return false; |
| | | } |
| | | this.html2plain(existingHtml, props.id); |
| | | } |
| | | tinyMCE.execCommand('mceRemoveControl', false, props.id); |
| | | if (!result && e) { |
| | | // fix selector value if operation failed |
| | | $(e.target).filter('select').val(props.html ? 'plain' : 'html'); |
| | | } |
| | | |
| | | return true; |
| | | if (result) { |
| | | // update internal format flag |
| | | $("input[name='_is_html']").val(props.html ? 1 : 0); |
| | | } |
| | | |
| | | return result; |
| | | }; |
| | | |
| | | this.insert_response = function(key) |
| | | { |
| | | var insert = this.env.textresponses[key] ? this.env.textresponses[key].text : null; |
| | | |
| | | if (!insert) |
| | | return false; |
| | | |
| | | // insert into tinyMCE editor |
| | | if ($("input[name='_is_html']").val() == '1') { |
| | | var editor = tinyMCE.get(this.env.composebody); |
| | | editor.getWin().focus(); // correct focus in IE & Chrome |
| | | editor.selection.setContent(this.quote_html(insert).replace(/\r?\n/g, '<br/>'), { format:'text' }); |
| | | } |
| | | // replace selection in compose textarea |
| | | else { |
| | | var textarea = rcube_find_object(this.env.composebody), |
| | | selection = $(textarea).is(':focus') ? this.get_input_selection(textarea) : { start:0, end:0 }, |
| | | inp_value = textarea.value; |
| | | pre = inp_value.substring(0, selection.start), |
| | | end = inp_value.substring(selection.end, inp_value.length); |
| | | |
| | | // insert response text |
| | | textarea.value = pre + insert + end; |
| | | |
| | | // set caret after inserted text |
| | | this.set_caret_pos(textarea, selection.start + insert.length); |
| | | textarea.focus(); |
| | | } |
| | | this.editor.replace(insert); |
| | | }; |
| | | |
| | | /** |
| | |
| | | */ |
| | | this.save_response = function() |
| | | { |
| | | var sigstart, text = '', strip = false; |
| | | |
| | | // get selected text from tinyMCE editor |
| | | if ($("input[name='_is_html']").val() == '1') { |
| | | var editor = tinyMCE.get(this.env.composebody); |
| | | editor.getWin().focus(); // correct focus in IE & Chrome |
| | | text = editor.selection.getContent({ format:'text' }); |
| | | |
| | | if (!text) { |
| | | text = editor.getContent({ format:'text' }); |
| | | strip = true; |
| | | } |
| | | } |
| | | // get selected text from compose textarea |
| | | else { |
| | | var textarea = rcube_find_object(this.env.composebody), sigstart; |
| | | if (textarea && $(textarea).is(':focus')) { |
| | | text = this.get_input_selection(textarea).text; |
| | | } |
| | | |
| | | if (!text && textarea) { |
| | | text = textarea.value; |
| | | strip = true; |
| | | } |
| | | } |
| | | |
| | | // strip off signature |
| | | if (strip) { |
| | | sigstart = text.indexOf('-- \n'); |
| | | if (sigstart > 0) { |
| | | text = text.substring(0, sigstart); |
| | | } |
| | | } |
| | | |
| | | // show dialog to enter a name and to modify the text to be saved |
| | | var buttons = {}, |
| | | var buttons = {}, text = this.editor.get_content(true, true), |
| | | html = '<form class="propform">' + |
| | | '<div class="prop block"><label>' + this.get_label('responsename') + '</label>' + |
| | | '<input type="text" name="name" id="ffresponsename" size="40" /></div>' + |
| | |
| | | $(this).dialog('close'); |
| | | }; |
| | | |
| | | this.show_popup_dialog(html, this.gettext('savenewresponse'), buttons); |
| | | this.show_popup_dialog(html, this.gettext('newresponse'), buttons); |
| | | |
| | | $('#ffresponsetext').val(text); |
| | | $('#ffresponsename').select(); |
| | |
| | | return false; |
| | | }; |
| | | |
| | | this.stop_spellchecking = function() |
| | | { |
| | | var ed; |
| | | |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody))) { |
| | | if (ed.plugins && ed.plugins.spellchecker && ed.plugins.spellchecker.active) |
| | | ed.execCommand('mceSpellCheck'); |
| | | } |
| | | else if (ed = this.env.spellcheck) { |
| | | if (ed.state && ed.state != 'ready' && ed.state != 'no_error_found') |
| | | $(ed.spell_span).trigger('click'); |
| | | } |
| | | |
| | | this.spellcheck_state(); |
| | | }; |
| | | |
| | | // updates spellchecker buttons on state change |
| | | this.spellcheck_state = function() |
| | | { |
| | | var ed, active; |
| | | var active = this.editor.spellcheck_state(); |
| | | |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody)) && ed.plugins && ed.plugins.spellchecker) |
| | | active = ed.plugins.spellchecker.active; |
| | | else if ((ed = this.env.spellcheck) && ed.state) |
| | | active = ed.state != 'ready' && ed.state != 'no_error_found'; |
| | | |
| | | if (rcmail.buttons.spellcheck) |
| | | $('#'+rcmail.buttons.spellcheck[0].id)[active ? 'addClass' : 'removeClass']('selected'); |
| | | $.each(this.buttons.spellcheck || [], function(i, v) { |
| | | $('#' + v.id)[active ? 'addClass' : 'removeClass']('selected'); |
| | | }); |
| | | |
| | | return active; |
| | | }; |
| | |
| | | // get selected language |
| | | this.spellcheck_lang = function() |
| | | { |
| | | var ed; |
| | | |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody)) && ed.plugins && ed.plugins.spellchecker) |
| | | return ed.plugins.spellchecker.selectedLang; |
| | | else if (this.env.spellcheck) |
| | | return GOOGIE_CUR_LANG; |
| | | return this.editor.get_language(); |
| | | }; |
| | | |
| | | this.spellcheck_lang_set = function(lang) |
| | | { |
| | | var ed; |
| | | |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody)) && ed.plugins) |
| | | ed.plugins.spellchecker.selectedLang = lang; |
| | | else if (this.env.spellcheck) |
| | | this.env.spellcheck.setCurrentLanguage(lang); |
| | | this.editor.set_language(lang); |
| | | }; |
| | | |
| | | // resume spellchecking, highlight provided mispellings without new ajax request |
| | | this.spellcheck_resume = function(ishtml, data) |
| | | this.spellcheck_resume = function(data) |
| | | { |
| | | if (ishtml) { |
| | | var ed = tinyMCE.get(this.env.composebody); |
| | | sp = ed.plugins.spellchecker; |
| | | |
| | | sp.active = 1; |
| | | sp._markWords(data); |
| | | ed.nodeChanged(); |
| | | } |
| | | else { |
| | | var sp = this.env.spellcheck; |
| | | sp.prepare(false, true); |
| | | sp.processData(data); |
| | | } |
| | | |
| | | this.spellcheck_state(); |
| | | } |
| | | this.editor.spellcheck_resume(data); |
| | | }; |
| | | |
| | | this.set_draft_id = function(id) |
| | | { |
| | |
| | | |
| | | this.auto_save_start = function() |
| | | { |
| | | if (this.env.draft_autosave) |
| | | if (this.env.draft_autosave) { |
| | | this.draft_autosave_submit = false; |
| | | this.save_timer = setTimeout(function(){ |
| | | ref.draft_autosave_submit = true; // set auto-saved flag (#1489789) |
| | | ref.command("savedraft"); |
| | | }, this.env.draft_autosave * 1000); |
| | | } |
| | | |
| | | // save compose form content to local storage every 5 seconds |
| | | if (!this.local_save_timer && window.localStorage) { |
| | |
| | | this.compose_field_hash = function(save) |
| | | { |
| | | // check input fields |
| | | var ed, i, val, str = '', hash_fields = ['to', 'cc', 'bcc', 'subject']; |
| | | var i, id, val, str = '', hash_fields = ['to', 'cc', 'bcc', 'subject']; |
| | | |
| | | for (i=0; i<hash_fields.length; i++) |
| | | if (val = $('[name="_' + hash_fields[i] + '"]').val()) |
| | | str += val + ':'; |
| | | |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody))) |
| | | str += ed.getContent(); |
| | | else |
| | | str += $("[name='_message']").val(); |
| | | str += this.editor.get_content(); |
| | | |
| | | if (this.env.attachments) |
| | | for (var upload_id in this.env.attachments) |
| | | str += upload_id; |
| | | for (id in this.env.attachments) |
| | | str += id; |
| | | |
| | | if (save) |
| | | this.cmp_hash = str; |
| | |
| | | ed, empty = true; |
| | | |
| | | // get fresh content from editor |
| | | if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody))) { |
| | | tinyMCE.triggerSave(); |
| | | } |
| | | this.editor.save(); |
| | | |
| | | if (this.env.draft_id) { |
| | | formdata.draft_id = this.env.draft_id; |
| | |
| | | }); |
| | | |
| | | // initialize HTML editor |
| | | if (formdata._is_html == '1') { |
| | | if (!html_mode) { |
| | | tinyMCE.execCommand('mceAddControl', false, this.env.composebody); |
| | | this.triggerEvent('aftertoggle-editor', { mode:'html' }); |
| | | } |
| | | } |
| | | else if (html_mode) { |
| | | tinyMCE.execCommand('mceRemoveControl', false, this.env.composebody); |
| | | this.triggerEvent('aftertoggle-editor', { mode:'plain' }); |
| | | if ((formdata._is_html == '1' && !html_mode) || (formdata._is_html != '1' && html_mode)) { |
| | | this.command('toggle-editor', {id: this.env.composebody, html: !html_mode}); |
| | | } |
| | | } |
| | | }; |
| | |
| | | } |
| | | this.local_storage_remove_item('compose.index'); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | |
| | | this.change_identity = function(obj, show_sig) |
| | |
| | | return; |
| | | } |
| | | |
| | | var i, rx, cursor_pos, p = -1, |
| | | var i, rx, |
| | | id = obj.options[obj.selectedIndex].value, |
| | | input_message = $("[name='_message']"), |
| | | message = input_message.val(), |
| | | is_html = ($("input[name='_is_html']").val() == '1'), |
| | | sig = this.env.identity, |
| | | delim = this.env.recipients_separator, |
| | | rx_delim = RegExp.escape(delim), |
| | |
| | | else |
| | | this.enable_command('insert-sig', false); |
| | | |
| | | if (!is_html) { |
| | | // remove the 'old' signature |
| | | if (show_sig && sig && this.env.signatures && this.env.signatures[sig]) { |
| | | sig = this.env.signatures[sig].text; |
| | | sig = sig.replace(/\r\n/g, '\n'); |
| | | |
| | | p = this.env.top_posting ? message.indexOf(sig) : message.lastIndexOf(sig); |
| | | if (p >= 0) |
| | | message = message.substring(0, p) + message.substring(p+sig.length, message.length); |
| | | } |
| | | // add the new signature string |
| | | if (show_sig && this.env.signatures && this.env.signatures[id]) { |
| | | sig = this.env.signatures[id].text; |
| | | sig = sig.replace(/\r\n/g, '\n'); |
| | | |
| | | if (this.env.top_posting) { |
| | | if (p >= 0) { // in place of removed signature |
| | | message = message.substring(0, p) + sig + message.substring(p, message.length); |
| | | cursor_pos = p - 1; |
| | | } |
| | | else if (!message) { // empty message |
| | | cursor_pos = 0; |
| | | message = '\n\n' + sig; |
| | | } |
| | | else if (pos = this.get_caret_pos(input_message.get(0))) { // at cursor position |
| | | message = message.substring(0, pos) + '\n' + sig + '\n\n' + message.substring(pos, message.length); |
| | | cursor_pos = pos; |
| | | } |
| | | else { // on top |
| | | cursor_pos = 0; |
| | | message = '\n\n' + sig + '\n\n' + message.replace(/^[\r\n]+/, ''); |
| | | } |
| | | } |
| | | else { |
| | | message = message.replace(/[\r\n]+$/, ''); |
| | | cursor_pos = !this.env.top_posting && message.length ? message.length+1 : 0; |
| | | message += '\n\n' + sig; |
| | | } |
| | | } |
| | | else |
| | | cursor_pos = this.env.top_posting ? 0 : message.length; |
| | | |
| | | input_message.val(message); |
| | | |
| | | // move cursor before the signature |
| | | this.set_caret_pos(input_message.get(0), cursor_pos); |
| | | } |
| | | else if (show_sig && this.env.signatures) { // html |
| | | var editor = tinyMCE.get(this.env.composebody), |
| | | sigElem = editor.dom.get('_rc_sig'); |
| | | |
| | | // Append the signature as a div within the body |
| | | if (!sigElem) { |
| | | var body = editor.getBody(), |
| | | doc = editor.getDoc(); |
| | | |
| | | sigElem = doc.createElement('div'); |
| | | sigElem.setAttribute('id', '_rc_sig'); |
| | | |
| | | if (this.env.top_posting) { |
| | | // if no existing sig and top posting then insert at caret pos |
| | | editor.getWin().focus(); // correct focus in IE & Chrome |
| | | |
| | | var node = editor.selection.getNode(); |
| | | if (node.nodeName == 'BODY') { |
| | | // no real focus, insert at start |
| | | body.insertBefore(sigElem, body.firstChild); |
| | | body.insertBefore(doc.createElement('br'), body.firstChild); |
| | | } |
| | | else { |
| | | body.insertBefore(sigElem, node.nextSibling); |
| | | body.insertBefore(doc.createElement('br'), node.nextSibling); |
| | | } |
| | | } |
| | | else { |
| | | if (bw.ie) // add empty line before signature on IE |
| | | body.appendChild(doc.createElement('br')); |
| | | |
| | | body.appendChild(sigElem); |
| | | } |
| | | } |
| | | |
| | | if (this.env.signatures[id]) |
| | | sigElem.innerHTML = this.env.signatures[id].html; |
| | | } |
| | | |
| | | this.editor.change_signature(id, show_sig); |
| | | this.env.identity = id; |
| | | this.triggerEvent('change_identity'); |
| | | return true; |
| | |
| | | } else if (this.contentWindow) { |
| | | d = this.contentWindow.document; |
| | | } |
| | | content = d.childNodes[0].innerHTML; |
| | | content = d.childNodes[1].innerHTML; |
| | | } catch (err) {} |
| | | |
| | | if (!content.match(/add2attachment/) && (!bw.opera || (rcmail.env.uploadframe && rcmail.env.uploadframe == e.data.ts))) { |
| | | if (!content.match(/add2attachment/) && (!bw.opera || (ref.env.uploadframe && ref.env.uploadframe == e.data.ts))) { |
| | | if (!content.match(/display_message/)) |
| | | rcmail.display_message(rcmail.get_label('fileuploaderror'), 'error'); |
| | | rcmail.remove_from_attachment_list(e.data.ts); |
| | | ref.display_message(ref.get_label('fileuploaderror'), 'error'); |
| | | ref.remove_from_attachment_list(e.data.ts); |
| | | } |
| | | // Opera hack: handle double onload |
| | | if (bw.opera) |
| | | rcmail.env.uploadframe = e.data.ts; |
| | | ref.env.uploadframe = e.data.ts; |
| | | }); |
| | | |
| | | // display upload indicator and cancel button |
| | |
| | | // called from upload page |
| | | this.add2attachment_list = function(name, att, upload_id) |
| | | { |
| | | if (upload_id) |
| | | this.triggerEvent('fileuploaded', {name: name, attachment: att, id: upload_id}); |
| | | |
| | | if (!this.env.attachments) |
| | | this.env.attachments = {}; |
| | | |
| | | if (upload_id && this.env.attachments[upload_id]) |
| | | delete this.env.attachments[upload_id]; |
| | | |
| | | this.env.attachments[name] = att; |
| | | |
| | | if (!this.gui_objects.attachmentlist) |
| | | return false; |
| | | |
| | | if (!att.complete && ref.env.loadingicon) |
| | | att.html = '<img src="'+ref.env.loadingicon+'" alt="" class="uploading" />' + att.html; |
| | | if (!att.complete && this.env.loadingicon) |
| | | att.html = '<img src="'+this.env.loadingicon+'" alt="" class="uploading" />' + att.html; |
| | | |
| | | if (!att.complete && att.frame) |
| | | att.html = '<a title="'+this.get_label('cancel')+'" onclick="return rcmail.cancel_attachment_upload(\''+name+'\', \''+att.frame+'\');" href="#cancelupload" class="cancelupload">' |
| | | + (this.env.cancelicon ? '<img src="'+this.env.cancelicon+'" alt="" />' : this.get_label('cancel')) + '</a>' + att.html; |
| | | + (this.env.cancelicon ? '<img src="'+this.env.cancelicon+'" alt="'+this.get_label('cancel')+'" />' : this.get_label('cancel')) + '</a>' + att.html; |
| | | |
| | | var indicator, li = $('<li>'); |
| | | |
| | |
| | | li.appendTo(this.gui_objects.attachmentlist); |
| | | } |
| | | |
| | | if (upload_id && this.env.attachments[upload_id]) |
| | | delete this.env.attachments[upload_id]; |
| | | |
| | | this.env.attachments[name] = att; |
| | | // set tabindex attribute |
| | | var tabindex = $(this.gui_objects.attachmentlist).attr('data-tabindex') || '0'; |
| | | li.find('a').attr('tabindex', tabindex); |
| | | |
| | | return true; |
| | | }; |
| | |
| | | |
| | | this.upload_progress_start = function(action, name) |
| | | { |
| | | setTimeout(function() { rcmail.http_request(action, {_progress: name}); }, |
| | | setTimeout(function() { ref.http_request(action, {_progress: name}); }, |
| | | this.env.upload_progress_time * 1000); |
| | | }; |
| | | |
| | | this.upload_progress_update = function(param) |
| | | { |
| | | var elem = $('#'+param.name + '> span'); |
| | | var elem = $('#'+param.name + ' > span'); |
| | | |
| | | if (!elem.length || !param.text) |
| | | return; |
| | |
| | | { |
| | | if (value != '') { |
| | | var r, lock = this.set_busy(true, 'searching'), |
| | | url = this.search_params(value); |
| | | url = this.search_params(value), |
| | | action = this.env.action == 'compose' && this.contact_list ? 'search-contacts' : 'search'; |
| | | |
| | | if (this.message_list) |
| | | this.clear_message_list(); |
| | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | | |
| | | var action = this.env.action == 'compose' && this.contact_list ? 'search-contacts' : 'search'; |
| | | r = this.http_request(action, url, lock); |
| | | |
| | | this.env.qsearch = {lock: lock, request: r}; |
| | |
| | | |
| | | this.continue_search = function(request_id) |
| | | { |
| | | var lock = ref.set_busy(true, 'stillsearching'); |
| | | var lock = this.set_busy(true, 'stillsearching'); |
| | | |
| | | setTimeout(function(){ |
| | | setTimeout(function() { |
| | | var url = ref.search_params(); |
| | | url._continue = request_id; |
| | | ref.env.qsearch = { lock: lock, request: ref.http_request('search', url, lock) }; |
| | |
| | | }; |
| | | |
| | | // build URL params for search |
| | | this.search_params = function(search, filter, smods) |
| | | this.search_params = function(search, filter) |
| | | { |
| | | var n, url = {}, mods_arr = [], |
| | | mods = this.env.search_mods, |
| | |
| | | if (search) { |
| | | url._q = search; |
| | | |
| | | if (!smods && mods && this.message_list) |
| | | smods = mods[mbox] || mods['*']; |
| | | if (mods && this.message_list) |
| | | mods = mods[mbox] || mods['*']; |
| | | |
| | | if (smods) { |
| | | for (n in smods) |
| | | if (mods) { |
| | | for (n in mods) |
| | | mods_arr.push(n); |
| | | url._headers = mods_arr.join(','); |
| | | } |
| | |
| | | |
| | | this.set_searchmods = function(mods) |
| | | { |
| | | var mbox = rcmail.env.mailbox, |
| | | var mbox = this.env.mailbox, |
| | | scope = this.env.search_scope || 'base'; |
| | | |
| | | if (scope == 'all') |
| | |
| | | if (!this.env.search_mods) |
| | | this.env.search_mods = {}; |
| | | |
| | | this.env.search_mods[mbox] = mods; |
| | | if (mbox) |
| | | this.env.search_mods[mbox] = mods; |
| | | }; |
| | | |
| | | this.is_multifolder_listing = function() |
| | | { |
| | | return typeof this.env.multifolder_listing != 'undefined' ? this.env.multifolder_listing : |
| | | return this.env.multifolder_listing !== undefined ? this.env.multifolder_listing : |
| | | (this.env.search_request && (this.env.search_scope || 'base') != 'base'); |
| | | } |
| | | }; |
| | | |
| | | this.sent_successfully = function(type, msg, folders) |
| | | { |
| | | this.display_message(msg, type); |
| | | |
| | | if (this.env.extwin) { |
| | | var rc = this.opener(); |
| | | this.lock_form(this.gui_objects.messageform); |
| | | |
| | | var rc = this.opener(); |
| | | if (rc) { |
| | | rc.display_message(msg, type); |
| | | // refresh the folder where sent message was saved or replied message comes from |
| | | if (folders && rc.env.task == 'mail' && rc.env.action == '' && $.inArray(rc.env.mailbox, folders) >= 0) { |
| | | // @TODO: try with 'checkmail' here when #1485186 is fixed. See also #1489249. |
| | | rc.command('list'); |
| | | rc.command('checkmail'); |
| | | } |
| | | } |
| | | setTimeout(function(){ window.close() }, 1000); |
| | | |
| | | setTimeout(function() { window.close(); }, 1000); |
| | | } |
| | | else { |
| | | // before redirect we need to wait some time for Chrome (#1486177) |
| | | setTimeout(function(){ ref.list_mailbox(); }, 500); |
| | | setTimeout(function() { ref.list_mailbox(); }, 500); |
| | | } |
| | | }; |
| | | |
| | |
| | | if (this.ksearch_timer) |
| | | clearTimeout(this.ksearch_timer); |
| | | |
| | | var highlight, |
| | | key = rcube_event.get_keycode(e), |
| | | var key = rcube_event.get_keycode(e), |
| | | mod = rcube_event.get_modifier(e); |
| | | |
| | | switch (key) { |
| | |
| | | if (!this.ksearch_visible()) |
| | | return; |
| | | |
| | | var dir = key==38 ? 1 : 0; |
| | | var dir = key == 38 ? 1 : 0, |
| | | highlight = document.getElementById('rcmkSearchItem' + this.ksearch_selected); |
| | | |
| | | highlight = document.getElementById('rcmkSearchItem' + this.ksearch_selected); |
| | | if (!highlight) |
| | | highlight = this.ksearch_pane.__ul.firstChild; |
| | | |
| | |
| | | |
| | | this.ksearch_visible = function() |
| | | { |
| | | return (this.ksearch_selected !== null && this.ksearch_selected !== undefined && this.ksearch_value); |
| | | return this.ksearch_selected !== null && this.ksearch_selected !== undefined && this.ksearch_value; |
| | | }; |
| | | |
| | | this.ksearch_select = function(node) |
| | |
| | | } |
| | | |
| | | if (node) { |
| | | $(node).addClass('selected').removeAttr('aria-selected', 'true'); |
| | | $(node).addClass('selected').attr('aria-selected', 'true'); |
| | | this.ksearch_selected = node._rcm_id; |
| | | $(this.ksearch_input).attr('aria-activedecendant', 'rcmkSearchItem' + this.ksearch_selected); |
| | | $(this.ksearch_input).attr('aria-activedescendant', 'rcmkSearchItem' + this.ksearch_selected); |
| | | } |
| | | }; |
| | | |
| | |
| | | this.ksearch_input.value = pre + insert + end; |
| | | |
| | | // set caret to insert pos |
| | | cpos = p+insert.length; |
| | | if (this.ksearch_input.setSelectionRange) |
| | | this.ksearch_input.setSelectionRange(cpos, cpos); |
| | | this.set_caret_pos(this.ksearch_input, p + insert.length); |
| | | |
| | | if (trigger) { |
| | | this.triggerEvent('autocomplete_insert', { field:this.ksearch_input, insert:insert, data:this.env.contacts[id] }); |
| | |
| | | |
| | | // register (delegate) event handlers |
| | | ul.on('mouseover', 'li', function(e){ ref.ksearch_select(e.target); }) |
| | | .on('onmouseup', 'li', function(e){ ref.ksearch_click(e.target); }) |
| | | .on('mouseup', 'li', function(e){ ref.ksearch_click(e.target); }) |
| | | } |
| | | |
| | | ul = this.ksearch_pane.__ul; |
| | |
| | | } |
| | | |
| | | if (ul.childNodes.length) { |
| | | this.ksearch_pane.show(); |
| | | // select the first |
| | | if (!this.env.contacts.length) { |
| | | this.ksearch_select($('li:first', ul).get(0)); |
| | | } |
| | | |
| | | // set the right aria-* attributes to the input field |
| | | $(this.ksearch_input) |
| | | .attr('aria-haspopup', 'true') |
| | | .attr('aria-expanded', 'true') |
| | | .attr('aria-owns', 'rcmKSearchpane') |
| | | .attr('aria-owns', 'rcmKSearchpane'); |
| | | |
| | | this.ksearch_pane.show(); |
| | | |
| | | // select the first |
| | | if (!this.env.contacts.length) { |
| | | this.ksearch_select($('li:first', ul).get(0)); |
| | | } |
| | | } |
| | | |
| | | if (len) |
| | |
| | | $(this.ksearch_input) |
| | | .attr('aria-haspopup', 'false') |
| | | .attr('aria-expanded', 'false') |
| | | .removeAttr('aria-activedecendant') |
| | | .removeAttr('aria-activedescendant') |
| | | .removeAttr('aria-owns'); |
| | | |
| | | this.ksearch_destroy(); |
| | |
| | | $(this.gui_objects.addresslist_title).html(this.get_label('contacts')); |
| | | } |
| | | |
| | | this.select_folder(folder, '', true); |
| | | if (!this.env.search_id) |
| | | this.select_folder(folder, '', true); |
| | | |
| | | // load contacts remotely |
| | | if (this.gui_objects.contactslist) { |
| | |
| | | else if (framed) |
| | | return false; |
| | | |
| | | if (action && (cid || action=='add') && !this.drag_active) { |
| | | if (action && (cid || action == 'add') && !this.drag_active) { |
| | | if (this.env.group) |
| | | url._gid = this.env.group; |
| | | |
| | |
| | | // add/delete member to/from the group |
| | | this.group_member_change = function(what, cid, source, gid) |
| | | { |
| | | what = what == 'add' ? 'add' : 'del'; |
| | | if (what != 'add') |
| | | what = 'del'; |
| | | |
| | | var label = this.get_label(what == 'add' ? 'addingmember' : 'removingmember'), |
| | | lock = this.display_message(label, 'loading'), |
| | | post_data = {_cid: cid, _source: source, _gid: gid}; |
| | |
| | | // copy contact(s) to the specified target (group or directory) |
| | | this.copy_contacts = function(to) |
| | | { |
| | | var n, dest = to.type == 'group' ? to.source : to.id, |
| | | var dest = to.type == 'group' ? to.source : to.id, |
| | | source = this.env.source, |
| | | group = this.env.group ? this.env.group : '', |
| | | cid = this.contact_list.get_selection().join(','); |
| | |
| | | { |
| | | var selection = this.contact_list ? this.contact_list.get_selection() : []; |
| | | |
| | | // exit if no mailbox specified or if selection is empty |
| | | // exit if no contact specified or if selection is empty |
| | | if (!selection.length && !this.env.cid) |
| | | return; |
| | | |
| | | var n, a_cids = [], |
| | | label = action == 'delete' ? 'contactdeleting' : 'movingcontact', |
| | | lock = this.display_message(this.get_label(label), 'loading'); |
| | | |
| | | if (this.env.cid) |
| | | a_cids.push(this.env.cid); |
| | | else { |
| | |
| | | // update a contact record in the list |
| | | this.update_contact_row = function(cid, cols_arr, newcid, source, data) |
| | | { |
| | | var c, row, list = this.contact_list; |
| | | var list = this.contact_list; |
| | | |
| | | cid = this.html_identifier(cid); |
| | | |
| | | // when in searching mode, concat cid with the source name |
| | | if (!list.rows[cid]) { |
| | | cid = cid+'-'+source; |
| | | cid = cid + '-' + source; |
| | | if (newcid) |
| | | newcid = newcid+'-'+source; |
| | | newcid = newcid + '-' + source; |
| | | } |
| | | |
| | | list.update_row(cid, cols_arr, newcid, true); |
| | |
| | | var c, col, list = this.contact_list, |
| | | row = { cols:[] }; |
| | | |
| | | row.id = 'rcmrow'+this.html_identifier(cid); |
| | | row.id = 'rcmrow' + this.html_identifier(cid); |
| | | row.className = 'contact ' + (classes || ''); |
| | | |
| | | if (list.in_selection(cid)) |
| | |
| | | return false; |
| | | }); |
| | | |
| | | $('select.addfieldmenu').change(function(e) { |
| | | $('select.addfieldmenu').change(function() { |
| | | ref.insert_edit_field($(this).val(), $(this).attr('rel'), this); |
| | | this.selectedIndex = 0; |
| | | }); |
| | |
| | | if (!this.name_input) { |
| | | this.enable_command('list', 'listgroup', false); |
| | | this.name_input = $('<input>').attr('type', 'text').val(this.env.contactgroups['G'+this.env.source+this.env.group].name); |
| | | this.name_input.bind('keydown', function(e){ return rcmail.add_input_keydown(e); }); |
| | | this.name_input.bind('keydown', function(e) { return ref.add_input_keydown(e); }); |
| | | this.env.group_renaming = true; |
| | | |
| | | var link, li = this.get_folder_li('G'+this.env.source+this.env.group,'',true); |
| | |
| | | this.remove_group_item = function(prop) |
| | | { |
| | | var key = 'G'+prop.source+prop.id; |
| | | |
| | | if (this.treelist.remove(key)) { |
| | | this.triggerEvent('group_delete', { source:prop.source, id:prop.id }); |
| | | delete this.env.contactfolders[key]; |
| | |
| | | |
| | | if (!this.name_input) { |
| | | this.name_input = $('<input>').attr('type', 'text').data('tt', type); |
| | | this.name_input.bind('keydown', function(e){ return rcmail.add_input_keydown(e); }); |
| | | this.name_input.bind('keydown', function(e) { return ref.add_input_keydown(e); }); |
| | | this.name_input_li = $('<li>').addClass(type).append(this.name_input); |
| | | |
| | | var ul, li; |
| | | |
| | | // find list (UL) element |
| | | if (type == 'contactsearch') |
| | | ul = this.gui_objects.folderlist; |
| | | ul = this.gui_objects.savedsearchlist; |
| | | else |
| | | ul = $('ul.groups', this.get_folder_li(this.env.source,'',true)); |
| | | |
| | |
| | | //remove selected contacts from current active group |
| | | this.group_remove_selected = function() |
| | | { |
| | | ref.http_post('group-delmembers', {_cid: this.contact_list.selection, |
| | | this.http_post('group-delmembers', {_cid: this.contact_list.selection, |
| | | _source: this.env.source, _gid: this.env.group}); |
| | | }; |
| | | |
| | | //callback after deleting contact(s) from current group |
| | | this.remove_group_contacts = function(props) |
| | | { |
| | | if('undefined' != typeof this.env.group && (this.env.group === props.gid)){ |
| | | if (this.env.group !== undefined && (this.env.group === props.gid)) { |
| | | var n, selection = this.contact_list.get_selection(); |
| | | for (n=0; n<selection.length; n++) { |
| | | id = selection[n]; |
| | | this.contact_list.remove_row(id, (n == selection.length-1)); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // handler for keyboard events on the input field |
| | | this.add_input_keydown = function(e) |
| | |
| | | this.reset_add_input(); |
| | | |
| | | prop.type = 'group'; |
| | | |
| | | var key = 'G'+prop.source+prop.id, |
| | | link = $('<a>').attr('href', '#') |
| | | .attr('rel', prop.source+':'+prop.id) |
| | | .click(function() { return rcmail.command('listgroup', prop, this); }) |
| | | .click(function() { return ref.command('listgroup', prop, this); }) |
| | | .html(prop.name); |
| | | |
| | | this.env.contactfolders[key] = this.env.contactgroups[key] = prop; |
| | | this.treelist.insert({ id:key, html:link, classes:['contactgroup'] }, prop.source, true); |
| | | this.treelist.insert({ id:key, html:link, classes:['contactgroup'] }, prop.source, 'contactgroup'); |
| | | |
| | | this.triggerEvent('group_insert', { id:prop.id, source:prop.source, name:prop.name, li:this.treelist.get_item(key) }); |
| | | }; |
| | |
| | | newnode.id = newkey; |
| | | newnode.html = $('<a>').attr('href', '#') |
| | | .attr('rel', prop.source+':'+prop.newid) |
| | | .click(function() { return rcmail.command('listgroup', newprop, this); }) |
| | | .click(function() { return ref.command('listgroup', newprop, this); }) |
| | | .html(prop.name); |
| | | } |
| | | // update displayed group name |
| | |
| | | |
| | | this.update_group_commands = function() |
| | | { |
| | | var source = this.env.source != '' ? this.env.address_sources[this.env.source] : null; |
| | | this.enable_command('group-create', (source && source.groups && !source.readonly)); |
| | | this.enable_command('group-rename', 'group-delete', (source && source.groups && this.env.group && !source.readonly)); |
| | | var source = this.env.source != '' ? this.env.address_sources[this.env.source] : null, |
| | | supported = source && source.groups && !source.readonly; |
| | | |
| | | this.enable_command('group-create', supported); |
| | | this.enable_command('group-rename', 'group-delete', supported && this.env.group); |
| | | }; |
| | | |
| | | this.init_edit_field = function(col, elem) |
| | |
| | | label.html('<label for="' + input_id + '">' + colprop.label + '</label>'); |
| | | |
| | | var name_suffix = colprop.limit != 1 ? '[]' : ''; |
| | | |
| | | if (colprop.type == 'text' || colprop.type == 'date') { |
| | | input = $('<input>') |
| | | .addClass('ff_'+col) |
| | |
| | | this.init_edit_field(col, input); |
| | | } |
| | | else if (colprop.type == 'composite') { |
| | | var childcol, cp, first, templ, cols = [], suffices = []; |
| | | var i, childcol, cp, first, templ, cols = [], suffices = []; |
| | | |
| | | // read template for composite field order |
| | | if ((templ = this.env[col+'_template'])) { |
| | | for (var j=0; j < templ.length; j++) { |
| | | cols.push(templ[j][1]); |
| | | suffices.push(templ[j][2]); |
| | | for (i=0; i < templ.length; i++) { |
| | | cols.push(templ[i][1]); |
| | | suffices.push(templ[i][2]); |
| | | } |
| | | } |
| | | else { // list fields according to appearance in colprop |
| | |
| | | cols.push(childcol); |
| | | } |
| | | |
| | | for (var i=0; i < cols.length; i++) { |
| | | for (i=0; i < cols.length; i++) { |
| | | childcol = cols[i]; |
| | | cp = colprop.childs[childcol]; |
| | | input = $('<input>') |
| | |
| | | { |
| | | if (form && form.elements._photo.value) { |
| | | this.async_upload_form(form, 'upload-photo', function(e) { |
| | | rcmail.set_busy(false, null, rcmail.file_upload_id); |
| | | ref.set_busy(false, null, ref.file_upload_id); |
| | | }); |
| | | |
| | | // display upload indicator |
| | |
| | | var key = 'S'+id, |
| | | link = $('<a>').attr('href', '#') |
| | | .attr('rel', id) |
| | | .click(function() { return rcmail.command('listsearch', id, this); }) |
| | | .click(function() { return ref.command('listsearch', id, this); }) |
| | | .html(name), |
| | | prop = { name:name, id:id }; |
| | | |
| | | this.treelist.insert({ id:key, html:link, classes:['contactsearch'] }, null, 'contactsearch'); |
| | | this.savedsearchlist.insert({ id:key, html:link, classes:['contactsearch'] }, null, 'contactsearch'); |
| | | this.select_folder(key,'',true); |
| | | this.enable_command('search-delete', true); |
| | | this.env.search_id = id; |
| | |
| | | this.remove_search_item = function(id) |
| | | { |
| | | var li, key = 'S'+id; |
| | | if (this.treelist.remove(key)) { |
| | | if (this.savedsearchlist.remove(key)) { |
| | | this.triggerEvent('search_delete', { id:id, li:li }); |
| | | } |
| | | |
| | |
| | | |
| | | this.listsearch = function(id) |
| | | { |
| | | var folder, lock = this.set_busy(true, 'searching'); |
| | | var lock = this.set_busy(true, 'searching'); |
| | | |
| | | if (this.contact_list) { |
| | | this.list_contacts_clear(); |
| | | } |
| | | |
| | | this.reset_qsearch(); |
| | | this.select_folder('S'+id, '', true); |
| | | |
| | | if (this.savedsearchlist) { |
| | | this.treelist.select(''); |
| | | this.savedsearchlist.select('S'+id); |
| | | } |
| | | else |
| | | this.select_folder('S'+id, '', true); |
| | | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | |
| | | |
| | | this.env.dstfolder = null; |
| | | |
| | | if (this.env.subscriptionrows[id] && row.length) |
| | | if (row.length && this.env.subscriptionrows[id]) |
| | | row.removeClass('droptarget'); |
| | | else |
| | | $(this.subscription_list.frame).removeClass('droptarget'); |
| | |
| | | if (!this.gui_objects.subscriptionlist) |
| | | return false; |
| | | |
| | | var row, n, i, tmp, tmp_name, rowid, folders = [], list = [], slist = [], |
| | | var row, n, tmp, tmp_name, rowid, collator, |
| | | folders = [], list = [], slist = [], |
| | | tbody = this.gui_objects.subscriptionlist.tBodies[0], |
| | | refrow = $('tr', tbody).get(1), |
| | | id = 'rcmrow'+((new Date).getTime()); |
| | |
| | | // add to folder/row-ID map |
| | | this.env.subscriptionrows[id] = [name, display_name, false]; |
| | | |
| | | // sort folders (to find a place where to insert the row) |
| | | // replace delimiter with \0 character to fix sorting |
| | | // issue where 'Abc Abc' would be placed before 'Abc/def' |
| | | var replace_from = RegExp(RegExp.escape(this.env.delimiter), 'g'), |
| | | replace_to = String.fromCharCode(0); |
| | | // copy folders data to an array for sorting |
| | | $.each(this.env.subscriptionrows, function(k, v) { folders.push(v); }); |
| | | |
| | | $.each(this.env.subscriptionrows, function(k,v) { |
| | | if (v.length < 4) { |
| | | var n = v[0]; |
| | | n = n.replace(replace_from, replace_to); |
| | | v.push(n); |
| | | } |
| | | folders.push(v); |
| | | }); |
| | | try { |
| | | // use collator if supported (FF29, IE11, Opera15, Chrome24) |
| | | collator = new Intl.Collator(this.env.locale.replace('_', '-')); |
| | | } |
| | | catch (e) {}; |
| | | |
| | | // sort folders |
| | | folders.sort(function(a, b) { |
| | | var len = a.length - 1; n1 = a[len], n2 = b[len]; |
| | | return n1 < n2 ? -1 : 1; |
| | | var i, f1, f2, |
| | | path1 = a[0].split(ref.env.delimiter), |
| | | path2 = b[0].split(ref.env.delimiter); |
| | | |
| | | for (i=0; i<path1.length; i++) { |
| | | f1 = path1[i]; |
| | | f2 = path2[i]; |
| | | |
| | | if (f1 !== f2) { |
| | | if (collator) |
| | | return collator.compare(f1, f2); |
| | | else |
| | | return f1 < f2 ? -1 : 1; |
| | | } |
| | | } |
| | | }); |
| | | |
| | | for (n in folders) { |
| | |
| | | this.subscription_list.remove_row(id.replace(/^rcmrow/, '')); |
| | | $('#'+id).remove(); |
| | | delete this.env.subscriptionrows[id]; |
| | | } |
| | | }; |
| | | |
| | | this.get_subfolders = function(folder) |
| | | { |
| | |
| | | } |
| | | |
| | | return list; |
| | | } |
| | | }; |
| | | |
| | | this.subscribe = function(folder) |
| | | { |
| | |
| | | var id, folders = this.env.subscriptionrows; |
| | | for (id in folders) |
| | | if (folders[id] && folders[id][0] == folder) |
| | | break; |
| | | |
| | | return id; |
| | | return id; |
| | | }; |
| | | |
| | | // when user select a folder in manager |
| | |
| | | elm._command = cmd; |
| | | elm._id = prop.id; |
| | | if (prop.sel) { |
| | | elm.onmousedown = function(e){ return rcmail.button_sel(this._command, this._id); }; |
| | | elm.onmouseup = function(e){ return rcmail.button_out(this._command, this._id); }; |
| | | elm.onmousedown = function(e) { return ref.button_sel(this._command, this._id); }; |
| | | elm.onmouseup = function(e) { return ref.button_out(this._command, this._id); }; |
| | | if (preload) |
| | | new Image().src = prop.sel; |
| | | } |
| | | if (prop.over) { |
| | | elm.onmouseover = function(e){ return rcmail.button_over(this._command, this._id); }; |
| | | elm.onmouseout = function(e){ return rcmail.button_out(this._command, this._id); }; |
| | | elm.onmouseover = function(e) { return ref.button_over(this._command, this._id); }; |
| | | elm.onmouseout = function(e) { return ref.button_out(this._command, this._id); }; |
| | | if (preload) |
| | | new Image().src = prop.over; |
| | | } |
| | |
| | | button = a_buttons[n]; |
| | | obj = document.getElementById(button.id); |
| | | |
| | | if (!obj || button.status == state) |
| | | if (!obj || button.status === state) |
| | | continue; |
| | | |
| | | // get default/passive setting of the button |
| | |
| | | else if (!button.status) |
| | | button.pas = String(obj.className); |
| | | |
| | | button.status = state; |
| | | |
| | | // set image according to button state |
| | | if (button.type == 'image' && button[state]) { |
| | | button.status = state; |
| | | obj.src = button[state]; |
| | | } |
| | | // set class name according to button state |
| | | else if (button[state] !== undefined) { |
| | | button.status = state; |
| | | obj.className = button[state]; |
| | | } |
| | | // disable/enable input buttons |
| | | if (button.type == 'input') { |
| | | button.status = state; |
| | | obj.disabled = state == 'pas'; |
| | | } |
| | | else if (button.type == 'uibutton') { |
| | |
| | | // mark a mailbox as selected and set environment variable |
| | | this.select_folder = function(name, prefix, encode) |
| | | { |
| | | if (this.savedsearchlist) { |
| | | this.savedsearchlist.select(''); |
| | | } |
| | | |
| | | if (this.treelist) { |
| | | this.treelist.select(name); |
| | | } |
| | |
| | | tr = document.createElement('tr'); |
| | | |
| | | for (c=0, len=repl.length; c < len; c++) { |
| | | cell = document.createElement('td'); |
| | | cell = document.createElement('th'); |
| | | cell.innerHTML = repl[c].html || ''; |
| | | if (repl[c].id) cell.id = repl[c].id; |
| | | if (repl[c].className) cell.className = repl[c].className; |
| | |
| | | |
| | | $(elem).removeClass('show-headers').addClass('hide-headers'); |
| | | $(this.gui_objects.all_headers_row).show(); |
| | | elem.onclick = function() { rcmail.command('hide-headers', '', elem); }; |
| | | elem.onclick = function() { ref.command('hide-headers', '', elem); }; |
| | | |
| | | // fetch headers only once |
| | | if (!this.gui_objects.all_headers_box.innerHTML) { |
| | |
| | | |
| | | $(elem).removeClass('hide-headers').addClass('show-headers'); |
| | | $(this.gui_objects.all_headers_row).hide(); |
| | | elem.onclick = function() { rcmail.command('show-headers', '', elem); }; |
| | | elem.onclick = function() { ref.command('show-headers', '', elem); }; |
| | | }; |
| | | |
| | | // create folder selector popup, position and display it |
| | |
| | | element.css({left: left + 'px', top: top + 'px'}); |
| | | }; |
| | | |
| | | // initialize HTML editor |
| | | this.editor_init = function(config, id) |
| | | { |
| | | this.editor = new rcube_text_editor(config, id); |
| | | }; |
| | | |
| | | |
| | | /********************************************************/ |
| | | /********* html to text conversion functions *********/ |
| | | /********************************************************/ |
| | | |
| | | this.html2plain = function(htmlText, id) |
| | | this.html2plain = function(html, func) |
| | | { |
| | | var url = '?_task=utils&_action=html2text', |
| | | return this.format_converter(html, 'html', func); |
| | | }; |
| | | |
| | | this.plain2html = function(plain, func) |
| | | { |
| | | return this.format_converter(plain, 'plain', func); |
| | | }; |
| | | |
| | | this.format_converter = function(text, format, func) |
| | | { |
| | | // warn the user (if converted content is not empty) |
| | | if (!text |
| | | || (format == 'html' && !(text.replace(/<[^>]+>| |\xC2\xA0|\s/g, '')).length) |
| | | || (format != 'html' && !(text.replace(/\xC2\xA0|\s/g, '')).length) |
| | | ) { |
| | | // without setTimeout() here, textarea is filled with initial (onload) content |
| | | if (func) |
| | | setTimeout(function() { func(''); }, 50); |
| | | return true; |
| | | } |
| | | |
| | | var confirmed = this.env.editor_warned || confirm(this.get_label('editorwarning')); |
| | | |
| | | this.env.editor_warned = true; |
| | | |
| | | if (!confirmed) |
| | | return false; |
| | | |
| | | var url = '?_task=utils&_action=' + (format == 'html' ? 'html2text' : 'text2html'), |
| | | lock = this.set_busy(true, 'converting'); |
| | | |
| | | this.log('HTTP POST: ' + url); |
| | | |
| | | $.ajax({ type: 'POST', url: url, data: htmlText, contentType: 'application/octet-stream', |
| | | $.ajax({ type: 'POST', url: url, data: text, contentType: 'application/octet-stream', |
| | | error: function(o, status, err) { ref.http_error(o, status, err, lock); }, |
| | | success: function(data) { ref.set_busy(false, null, lock); $('#'+id).val(data); ref.log(data); } |
| | | success: function(data) { |
| | | ref.set_busy(false, null, lock); |
| | | if (func) func(data); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | this.plain2html = function(plain, id) |
| | | { |
| | | var lock = this.set_busy(true, 'converting'); |
| | | |
| | | plain = plain.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); |
| | | $('#'+id).val(plain ? '<pre>'+plain+'</pre>' : ''); |
| | | |
| | | this.set_busy(false, null, lock); |
| | | return true; |
| | | }; |
| | | |
| | | |
| | |
| | | this.enable_command('purge', this.purge_mailbox_test() && !is_multifolder); |
| | | this.enable_command('import-messages', !is_multifolder); |
| | | this.enable_command('expand-all', 'expand-unread', 'collapse-all', this.env.threading && this.env.messagecount && !is_multifolder); |
| | | this.enable_command('set-listmode', this.env.threads && !is_multifolder); |
| | | |
| | | if ((response.action == 'list' || response.action == 'search') && this.message_list) { |
| | | if (this.message_list.rowcount > 0) |
| | | this.message_list.focus(); |
| | | this.msglist_select(this.message_list); |
| | | this.triggerEvent('listupdate', { folder:this.env.mailbox, rowcount:this.message_list.rowcount }); |
| | | var list = this.message_list, uid = this.env.list_uid; |
| | | |
| | | // highlight message row when we're back from message page |
| | | if (uid) { |
| | | if (!list.rows[uid]) |
| | | uid += '-' + this.env.mailbox; |
| | | if (list.rows[uid]) { |
| | | list.select(uid); |
| | | } |
| | | delete this.env.list_uid; |
| | | } |
| | | |
| | | this.enable_command('set-listmode', this.env.threads && !is_multifolder); |
| | | if (list.rowcount > 0) |
| | | list.focus(); |
| | | this.msglist_select(list); |
| | | this.triggerEvent('listupdate', { folder:this.env.mailbox, rowcount:list.rowcount }); |
| | | |
| | | } |
| | | } |
| | | else if (this.task == 'addressbook') { |
| | |
| | | this.save_compose_form_local(); |
| | | } |
| | | else if (redirect_url) { |
| | | window.setTimeout(function(){ ref.redirect(redirect_url, true); }, 2000); |
| | | setTimeout(function(){ ref.redirect(redirect_url, true); }, 2000); |
| | | } |
| | | }; |
| | | |
| | |
| | | // helper method to send an HTTP request with the given iterator value |
| | | this.multi_thread_send_request = function(prop, item) |
| | | { |
| | | var postdata, query; |
| | | var k, postdata, query; |
| | | |
| | | // replace %s in post data |
| | | if (prop.postdata) { |
| | | postdata = {}; |
| | | for (var k in prop.postdata) { |
| | | for (k in prop.postdata) { |
| | | postdata[k] = String(prop.postdata[k]).replace('%s', item); |
| | | } |
| | | postdata._reqid = prop.reqid; |
| | |
| | | } |
| | | else if (typeof prop.query == 'object' && prop.query) { |
| | | query = {}; |
| | | for (var k in prop.query) { |
| | | for (k in prop.query) { |
| | | query[k] = String(prop.query[k]).replace('%s', item); |
| | | } |
| | | query._reqid = prop.reqid; |
| | |
| | | // post the given form to a hidden iframe |
| | | this.async_upload_form = function(form, action, onload) |
| | | { |
| | | var frame, ts = new Date().getTime(), |
| | | frame_name = 'rcmupload'+ts; |
| | | // create hidden iframe |
| | | var ts = new Date().getTime(), |
| | | frame_name = 'rcmupload' + ts, |
| | | frame = this.async_upload_form_frame(frame_name); |
| | | |
| | | // upload progress support |
| | | if (this.env.upload_progress_name) { |
| | |
| | | field.val(ts); |
| | | } |
| | | |
| | | // have to do it this way for IE |
| | | // otherwise the form will be posted to a new window |
| | | if (document.all) { |
| | | document.body.insertAdjacentHTML('BeforeEnd', '<iframe name="'+frame_name+'"' |
| | | + ' src="program/resources/blank.gif" style="width:0;height:0;visibility:hidden;"></iframe>'); |
| | | frame = $('iframe[name="'+frame_name+'"]'); |
| | | } |
| | | // for standards-compliant browsers |
| | | else { |
| | | frame = $('<iframe>').attr('name', frame_name) |
| | | .css({border: 'none', width: 0, height: 0, visibility: 'hidden'}) |
| | | .appendTo(document.body); |
| | | } |
| | | |
| | | // handle upload errors, parsing iframe content in onload |
| | | // handle upload errors by parsing iframe content in onload |
| | | frame.bind('load', {ts:ts}, onload); |
| | | |
| | | $(form).attr({ |
| | | target: frame_name, |
| | | action: this.url(action, { _id:this.env.compose_id||'', _uploadid:ts }), |
| | | action: this.url(action, {_id: this.env.compose_id || '', _uploadid: ts, _from: this.env.action}), |
| | | method: 'POST'}) |
| | | .attr(form.encoding ? 'encoding' : 'enctype', 'multipart/form-data') |
| | | .submit(); |
| | |
| | | return frame_name; |
| | | }; |
| | | |
| | | // create iframe element for files upload |
| | | this.async_upload_form_frame = function(name) |
| | | { |
| | | return $('<iframe>').attr({name: name, style: 'border: none; width: 0; height: 0; visibility: hidden'}) |
| | | .appendTo(document.body); |
| | | }; |
| | | |
| | | // html5 file-drop API |
| | | this.document_drag_hover = function(e, over) |
| | | { |
| | | e.preventDefault(); |
| | | $(ref.gui_objects.filedrop)[(over?'addClass':'removeClass')]('active'); |
| | | $(this.gui_objects.filedrop)[(over?'addClass':'removeClass')]('active'); |
| | | }; |
| | | |
| | | this.file_drag_hover = function(e, over) |
| | | { |
| | | e.preventDefault(); |
| | | e.stopPropagation(); |
| | | $(ref.gui_objects.filedrop)[(over?'addClass':'removeClass')]('hover'); |
| | | $(this.gui_objects.filedrop)[(over?'addClass':'removeClass')]('hover'); |
| | | }; |
| | | |
| | | // handler when files are dropped to a designated area. |
| | |
| | | { |
| | | var msg = this.env.messages ? this.env.messages[uid] : {}; |
| | | return msg.mbox || this.env.mailbox; |
| | | } |
| | | }; |
| | | |
| | | // gets cursor position |
| | | this.get_caret_pos = function(obj) |
| | |
| | | if (obj.selectionEnd !== undefined) |
| | | return obj.selectionEnd; |
| | | |
| | | if (document.selection && document.selection.createRange) { |
| | | var range = document.selection.createRange(); |
| | | if (range.parentElement() != obj) |
| | | return 0; |
| | | |
| | | var gm = range.duplicate(); |
| | | if (obj.tagName == 'TEXTAREA') |
| | | gm.moveToElementText(obj); |
| | | else |
| | | gm.expand('textedit'); |
| | | |
| | | gm.setEndPoint('EndToStart', range); |
| | | var p = gm.text.length; |
| | | |
| | | return p <= obj.value.length ? p : -1; |
| | | } |
| | | |
| | | return obj.value.length; |
| | | }; |
| | | |
| | | // moves cursor to specified position |
| | | this.set_caret_pos = function(obj, pos) |
| | | { |
| | | if (obj.setSelectionRange) |
| | | obj.setSelectionRange(pos, pos); |
| | | else if (obj.createTextRange) { |
| | | var range = obj.createTextRange(); |
| | | range.collapse(true); |
| | | range.moveEnd('character', pos); |
| | | range.moveStart('character', pos); |
| | | range.select(); |
| | | try { |
| | | if (obj.setSelectionRange) |
| | | obj.setSelectionRange(pos, pos); |
| | | } |
| | | catch(e) {} // catch Firefox exception if obj is hidden |
| | | }; |
| | | |
| | | // get selected text from an input field |
| | | // http://stackoverflow.com/questions/7186586/how-to-get-the-selected-text-in-textarea-using-jquery-in-internet-explorer-7 |
| | | this.get_input_selection = function(obj) |
| | | { |
| | | var start = 0, end = 0, |
| | | normalizedValue, range, |
| | | textInputRange, len, endRange; |
| | | var start = 0, end = 0, normalizedValue = ''; |
| | | |
| | | if (typeof obj.selectionStart == "number" && typeof obj.selectionEnd == "number") { |
| | | normalizedValue = obj.value; |
| | | start = obj.selectionStart; |
| | | end = obj.selectionEnd; |
| | | } |
| | | else { |
| | | range = document.selection.createRange(); |
| | | |
| | | if (range && range.parentElement() == obj) { |
| | | len = obj.value.length; |
| | | normalizedValue = obj.value; //.replace(/\r\n/g, "\n"); |
| | | |
| | | // create a working TextRange that lives only in the input |
| | | textInputRange = obj.createTextRange(); |
| | | textInputRange.moveToBookmark(range.getBookmark()); |
| | | |
| | | // Check if the start and end of the selection are at the very end |
| | | // of the input, since moveStart/moveEnd doesn't return what we want |
| | | // in those cases |
| | | endRange = obj.createTextRange(); |
| | | endRange.collapse(false); |
| | | |
| | | if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) { |
| | | start = end = len; |
| | | } |
| | | else { |
| | | start = -textInputRange.moveStart("character", -len); |
| | | start += normalizedValue.slice(0, start).split("\n").length - 1; |
| | | |
| | | if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) { |
| | | end = len; |
| | | } |
| | | else { |
| | | end = -textInputRange.moveEnd("character", -len); |
| | | end += normalizedValue.slice(0, end).split("\n").length - 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | return { start:start, end:end, text:normalizedValue.substr(start, end-start) }; |
| | | return {start: start, end: end, text: normalizedValue.substr(start, end-start)}; |
| | | }; |
| | | |
| | | // disable/enable all fields of a form |
| | |
| | | // remember which elem was disabled before lock |
| | | if (lock && elm.disabled) |
| | | this.disabled_form_elements.push(elm); |
| | | // check this.disabled_form_elements before inArray() as a workaround for FF5 bug |
| | | // http://bugs.jquery.com/ticket/9873 |
| | | else if (lock || (this.disabled_form_elements && $.inArray(elm, this.disabled_form_elements)<0)) |
| | | else if (lock || $.inArray(elm, this.disabled_form_elements) < 0) |
| | | elm.disabled = lock; |
| | | } |
| | | }; |
| | |
| | | } |
| | | catch(e) { |
| | | this.display_message(String(e), 'error'); |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | this.check_protocol_handler = function(name, elem) |
| | | { |
| | | var nav = window.navigator; |
| | | |
| | | if (!nav || (typeof nav.registerProtocolHandler != 'function')) { |
| | | $(elem).addClass('disabled').click(function(){ return false; }); |
| | | } |
| | | else if (typeof nav.isProtocolHandlerRegistered == 'function') { |
| | | var status = nav.isProtocolHandlerRegistered('mailto', this.mailto_handler_uri()); |
| | | if (status) |
| | | $(elem).parent().find('.mailtoprotohandler-status').html(status); |
| | | } |
| | | else { |
| | | var status = null; |
| | | if (typeof nav.isProtocolHandlerRegistered == 'function') { |
| | | status = nav.isProtocolHandlerRegistered('mailto', this.mailto_handler_uri()); |
| | | if (status) |
| | | $(elem).parent().find('.mailtoprotohandler-status').html(status); |
| | | } |
| | | else { |
| | | $(elem).click(function() { rcmail.register_protocol_handler(name); return false; }); |
| | | } |
| | | $(elem).click(function() { ref.register_protocol_handler(name); return false; }); |
| | | } |
| | | }; |
| | | |
| | |
| | | { |
| | | var img = new Image(); |
| | | |
| | | img.onload = function() { rcmail.env.browser_capabilities.tif = 1; }; |
| | | img.onerror = function() { rcmail.env.browser_capabilities.tif = 0; }; |
| | | img.onload = function() { ref.env.browser_capabilities.tif = 1; }; |
| | | img.onerror = function() { ref.env.browser_capabilities.tif = 0; }; |
| | | img.src = 'program/resources/blank.tif'; |
| | | }; |
| | | |
| | |
| | | |
| | | if (window.ActiveXObject) { |
| | | try { |
| | | if (axObj = new ActiveXObject("AcroPDF.PDF")) |
| | | if (plugin = new ActiveXObject("AcroPDF.PDF")) |
| | | return 1; |
| | | } |
| | | catch (e) {} |
| | | try { |
| | | if (axObj = new ActiveXObject("PDF.PdfCtrl")) |
| | | if (plugin = new ActiveXObject("PDF.PdfCtrl")) |
| | | return 1; |
| | | } |
| | | catch (e) {} |
| | |
| | | |
| | | if (window.ActiveXObject) { |
| | | try { |
| | | if (axObj = new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) |
| | | if (plugin = new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) |
| | | return 1; |
| | | } |
| | | catch (e) {} |
| | |
| | | { |
| | | return localStorage.removeItem(this.get_local_storage_prefix() + key); |
| | | }; |
| | | |
| | | } // end object rcube_webmail |
| | | |
| | | |