From 4b2be228e2c1cfb05811ea8edc8e575ec53d69c6 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Fri, 24 Apr 2009 03:51:43 -0400 Subject: [PATCH] -Fix address list isn't refreshing after jquery integration (#1485818) --- program/js/app.js | 1361 +++++++++++++++++++++++++++------------------------------- 1 files changed, 639 insertions(+), 722 deletions(-) diff --git a/program/js/app.js b/program/js/app.js index 549de08..eed8861 100644 --- a/program/js/app.js +++ b/program/js/app.js @@ -3,34 +3,33 @@ | RoundCube Webmail Client Script | | | | This file is part of the RoundCube Webmail client | - | Copyright (C) 2005-2008, RoundCube Dev, - Switzerland | + | Copyright (C) 2005-2009, RoundCube Dev, - Switzerland | | Licensed under the GNU GPL | | | +-----------------------------------------------------------------------+ | Authors: Thomas Bruederli <roundcube@gmail.com> | | Charles McNulty <charles@charlesmcnulty.com> | +-----------------------------------------------------------------------+ - | Requires: common.js, list.js | + | Requires: jquery.js, common.js, list.js | +-----------------------------------------------------------------------+ $Id$ */ -var rcube_webmail_client; - function rcube_webmail() - { +{ this.env = new Object(); this.labels = new Object(); this.buttons = new Object(); this.gui_objects = new Object(); + this.gui_containers = new Object(); this.commands = new Object(); + this.command_handlers = new Object(); this.onloads = new Array(); // create protected reference to myself - rcube_webmail_client = this; - this.ref = 'rcube_webmail_client'; + this.ref = 'rcmail'; var ref = this; // webmail client settings @@ -53,6 +52,11 @@ this.env.bin_path = './bin/'; this.env.blankpage = 'program/blank.gif'; + // set jQuery ajax options + jQuery.ajaxSetup({ cache:false, + error:function(request, status, err){ ref.http_error(request, status, err); }, + beforeSend:function(xmlhttp){ xmlhttp.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); } + }); // set environment variable(s) this.set_env = function(p, value) @@ -90,11 +94,33 @@ this.gui_objects[name] = id; }; + // register a container object + this.gui_container = function(name, id) + { + this.gui_containers[name] = id; + }; + + // add a GUI element (html node) to a specified container + this.add_element = function(elm, container) + { + if (this.gui_containers[container] && this.gui_containers[container].jquery) + this.gui_containers[container].append(elm); + }; + + // register an external handler for a certain command + this.register_command = function(command, callback, enable) + { + this.command_handlers[command] = callback; + + if (enable) + this.enable_command(command, true); + }; + // execute the given script on load this.add_onload = function(f) - { - this.onloads[this.onloads.length] = f; - }; + { + this.onloads[this.onloads.length] = f; + }; // initialize webmail client this.init = function() @@ -109,6 +135,10 @@ return; } + // find all registered gui containers + for (var n in this.gui_containers) + this.gui_containers[n] = $('#'+this.gui_containers[n]); + // find all registered gui objects for (var n in this.gui_objects) this.gui_objects[n] = rcube_find_object(this.gui_objects[n]); @@ -133,18 +163,16 @@ this.message_list.addEventListener('dblclick', function(o){ p.msglist_dbl_click(o); }); this.message_list.addEventListener('keypress', function(o){ p.msglist_keypress(o); }); this.message_list.addEventListener('select', function(o){ p.msglist_select(o); }); - this.message_list.addEventListener('dragstart', function(o){ p.drag_active = true; if (p.preview_timer) clearTimeout(p.preview_timer); }); + this.message_list.addEventListener('dragstart', function(o){ p.drag_start(o); }); this.message_list.addEventListener('dragmove', function(o, e){ p.drag_move(e); }); this.message_list.addEventListener('dragend', function(o){ p.drag_active = false; }); + document.onmouseup = function(e){ return p.doc_mouse_up(e); }; this.message_list.init(); this.enable_command('toggle_status', 'toggle_flag', true); if (this.gui_objects.mailcontframe) - { this.gui_objects.mailcontframe.onmousedown = function(e){ return p.click_on_list(e); }; - document.onmouseup = function(e){ return p.doc_mouse_up(e); }; - } else this.message_list.focus(); } @@ -197,11 +225,13 @@ { this.env.spellcheck.spelling_state_observer = function(s){ ref.set_spellcheck_state(s); }; this.set_spellcheck_state('ready'); - if (rcube_find_object('_is_html').value == '1') + if ($("input[name='_is_html']").val() == '1') this.display_spellcheck_controls(false); } if (this.env.drafts_mailbox) this.enable_command('savedraft', true); + + document.onmouseup = function(e){ return p.doc_mouse_up(e); }; } if (this.env.messagecount) @@ -247,7 +277,7 @@ this.contact_list = new rcube_list_widget(this.gui_objects.contactslist, {multiselect:true, draggable:true, keyboard:true}); this.contact_list.addEventListener('keypress', function(o){ p.contactlist_keypress(o); }); this.contact_list.addEventListener('select', function(o){ p.contactlist_select(o); }); - this.contact_list.addEventListener('dragstart', function(o){ p.drag_active = true; }); + this.contact_list.addEventListener('dragstart', function(o){ p.drag_start(o); }); this.contact_list.addEventListener('dragmove', function(o, e){ p.drag_move(e); }); this.contact_list.addEventListener('dragend', function(o){ p.drag_active = false; }); this.contact_list.init(); @@ -262,11 +292,13 @@ } else this.contact_list.focus(); + + this.gui_objects.folderlist = this.gui_objects.contactslist; } this.set_page_buttons(); - if (this.env.address_sources && !this.env.address_sources[this.env.source].readonly) + if (this.env.address_sources && this.env.address_sources[this.env.source] && !this.env.address_sources[this.env.source].readonly) this.enable_command('add', true); if (this.env.cid) @@ -288,8 +320,8 @@ this.enable_command('preferences', 'identities', 'save', 'folders', true); if (this.env.action=='identities' || this.env.action=='edit-identity' || this.env.action=='add-identity') { - this.enable_command('add', 'delete', this.env.multiple_identities); - this.enable_command('edit', true); + this.enable_command('add', this.env.identities_level < 2); + this.enable_command('delete', 'edit', true); } if (this.env.action=='edit-identity' || this.env.action=='add-identity') @@ -315,20 +347,16 @@ break; case 'login': - var input_user = rcube_find_object('rcmloginuser'); - var input_pass = rcube_find_object('rcmloginpwd'); - var input_tz = rcube_find_object('rcmlogintz'); - - if (input_user) - input_user.onkeyup = function(e){ return rcmail.login_user_keyup(e); }; - if (input_user && input_user.value=='') + var input_user = $('#rcmloginuser'); + input_user.bind('keyup', function(e){ return rcmail.login_user_keyup(e); }); + + if (input_user.val() == '') input_user.focus(); - else if (input_pass) - input_pass.focus(); + else + $('#rcmloginpwd').focus(); // detect client timezone - if (input_tz) - input_tz.value = new Date().getTimezoneOffset() / -60; + $('#rcmlogintz').val(new Date().getTimezoneOffset() / -60); this.enable_command('login', true); break; @@ -346,11 +374,16 @@ // show message if (this.pending_message) this.display_message(this.pending_message[0], this.pending_message[1]); + + // map implicit containers + if (this.gui_objects.folderlist) + this.gui_containers.foldertray = $(this.gui_objects.folderlist); - // start keep-alive interval - this.start_keepalive(); + // trigger init event hook + this.triggerEvent('init', { task:this.task, action:this.env.action }); // execute all foreign onload scripts + // @deprecated for (var i=0; i<this.onloads.length; i++) { if (typeof(this.onloads[i]) == 'string') @@ -358,15 +391,18 @@ else if (typeof(this.onloads[i]) == 'function') this.onloads[i](); } - }; + + // start keep-alive interval + this.start_keepalive(); + }; // start interval for keep-alive/recent_check signal this.start_keepalive = function() { if (this.env.keep_alive && !this.env.framed && this.task=='mail' && this.gui_objects.mailboxlist) - this._int = setInterval(function(){ ref.check_for_recent(); }, this.env.keep_alive * 1000); + this._int = setInterval(function(){ ref.check_for_recent(false); }, this.env.keep_alive * 1000); else if (this.env.keep_alive && !this.env.framed && this.task!='login') - this._int = setInterval(function(){ ref.send_keep_alive(); }, this.env.keep_alive * 1000); + this._int = setInterval(function(){ ref.send_keep_alive(); }, this.env.keep_alive * 1000); } this.init_message_row = function(row) @@ -382,7 +418,7 @@ } // set eventhandler to message icon - if ((row.icon = row.obj.cells[0].childNodes[0]) && row.icon.nodeName=='IMG') + if (row.icon = row.obj.getElementsByTagName('TD')[0].getElementsByTagName('IMG')[0]) { var p = this; row.icon.id = 'msgicn_'+row.uid; @@ -395,12 +431,11 @@ { var found; if((found = find_in_array('flag', this.env.coltypes)) >= 0) - this.set_env('flagged_col', found+1); + this.set_env('flagged_col', found+1); } // set eventhandler to flag icon, if icon found - if (this.env.flagged_col && (row.flagged_icon = row.obj.cells[this.env.flagged_col].childNodes[0]) - && row.flagged_icon.nodeName=='IMG') + if (this.env.flagged_col && (row.flagged_icon = row.obj.getElementsByTagName('TD')[this.env.flagged_col].getElementsByTagName('IMG')[0])) { var p = this; row.flagged_icon.id = 'flaggedicn_'+row.uid; @@ -416,29 +451,25 @@ return false; //this.messageform = this.gui_objects.messageform; - var input_from = rcube_find_object('_from'); - var input_to = rcube_find_object('_to'); - var input_cc = rcube_find_object('_cc'); - var input_bcc = rcube_find_object('_bcc'); - var input_replyto = rcube_find_object('_replyto'); - var input_subject = rcube_find_object('_subject'); - var input_message = rcube_find_object('_message'); + var input_from = $("[name='_from']"); + var input_to = $("[name='_to']"); + var input_subject = $("input[name='_subject']"); + var input_message = $("[name='_message']").get(0); // init live search events - if (input_to) - this.init_address_input_events(input_to); - if (input_cc) - this.init_address_input_events(input_cc); - if (input_bcc) - this.init_address_input_events(input_bcc); + this.init_address_input_events(input_to); + this.init_address_input_events($("[name='_cc']")); + this.init_address_input_events($("[name='_bcc']")); // add signature according to selected identity - if (input_from && input_from.type=='select-one') - this.change_identity(input_from); + if (input_from.attr('type') == 'select-one' && $("input[name='_draft_saveid']").val() == '' + && $("input[name='_is_html']").val() != '1') { // if we have HTML editor, signature is added in callback + this.change_identity(input_from[0]); + } - if (input_to && input_to.value=='') + if (input_to.val() == '') input_to.focus(); - else if (input_subject && input_subject.value=='') + else if (input_subject.val() == '') input_subject.focus(); else if (input_message) this.set_caret2start(input_message); @@ -453,20 +484,8 @@ this.init_address_input_events = function(obj) { var handler = function(e){ return ref.ksearch_keypress(e,this); }; - var handler2 = function(e){ return ref.ksearch_blur(e,this); }; - - if (obj.addEventListener) - { - obj.addEventListener(bw.safari ? 'keydown' : 'keypress', handler, false); - obj.addEventListener('blur', handler2, false); - } - else - { - obj.onkeydown = handler; - obj.onblur = handler2; - } - - obj.setAttribute('autocomplete', 'off'); + obj.bind((bw.safari ? 'keydown' : 'keypress'), handler); + obj.attr('autocomplete', 'off'); }; @@ -500,7 +519,29 @@ return false; } - // process command + // process external commands + if (typeof this.command_handlers[command] == 'function') + { + var ret = this.command_handlers[command](props, obj); + return ret !== null ? ret : (obj ? false : true); + } + else if (typeof this.command_handlers[command] == 'string') + { + var ret = window[this.command_handlers[command]](props, obj); + return ret !== null ? ret : (obj ? false : true); + } + + // trigger plugin hook + var event_ret = this.triggerEvent('before'+command, props); + if (typeof event_ret != 'undefined') { + // abort if one the handlers returned false + if (event_ret === false) + return false; + else + props = event_ret; + } + + // process internal command switch (command) { case 'login': @@ -510,7 +551,7 @@ case 'logout': this.goto_url('logout', '', true); - break; + break; // commands to switch task case 'mail': @@ -559,8 +600,7 @@ var a_sort = props.split('_'); var sort_col = a_sort[0]; var sort_order = a_sort[1] ? a_sort[1].toUpperCase() : null; - var header; - + // no sort order specified: toggle if (sort_order==null) { @@ -574,10 +614,8 @@ break; // set table header class - if (header = document.getElementById('rcmHead'+this.env.sort_col)) - this.set_classname(header, 'sorted'+(this.env.sort_order.toUpperCase()), false); - if (header = document.getElementById('rcmHead'+sort_col)) - this.set_classname(header, 'sorted'+sort_order, true); + $('#rcm'+this.env.sort_col).removeClass('sorted'+(this.env.sort_order.toUpperCase())); + $('#rcm'+sort_col).addClass('sorted'+sort_order); // save new sort properties this.env.sort_col = sort_col; @@ -658,12 +696,12 @@ case 'save': if (this.gui_objects.editform) { - var input_pagesize = rcube_find_object('_pagesize'); - var input_name = rcube_find_object('_name'); - var input_email = rcube_find_object('_email'); + var input_pagesize = $("input[name='_pagesize']"); + var input_name = $("input[name='_name']"); + var input_email = $("input[name='_email']"); // user prefs - if (input_pagesize && isNaN(parseInt(input_pagesize.value))) + if (input_pagesize.length && isNaN(parseInt(input_pagesize.val()))) { alert(this.get_label('nopagesizewarning')); input_pagesize.focus(); @@ -672,13 +710,13 @@ // contacts/identities else { - if (input_name && input_name.value == '') + if (input_name.length && input_name.val() == '') { alert(this.get_label('nonamewarning')); input_name.focus(); break; } - else if (input_email && !rcube_check_email(input_email.value)) + else if (input_email.length && !rcube_check_email(input_email.val())) { alert(this.get_label('noemailwarning')); input_email.focus(); @@ -815,23 +853,25 @@ break; case 'checkmail': - this.check_for_recent(); + this.check_for_recent(true); break; case 'compose': var url = this.env.comm_path+'&_action=compose'; if (this.task=='mail') - { - url += '&_mbox='+urlencode(this.env.mailbox); + { + url += '&_mbox='+urlencode(this.env.mailbox); - if (this.env.mailbox==this.env.drafts_mailbox) - { - var uid; + if (this.env.mailbox==this.env.drafts_mailbox) + { + var uid; if (uid = this.get_single_uid()) url += '&_draft_uid='+uid; - } - } + } + else if (props) + url += '&_to='+urlencode(props); + } // modify url if we're in addressbook else if (this.task=='addressbook') { @@ -860,8 +900,6 @@ break; } - else if (props) - url += '&_to='+urlencode(props); // don't know if this is necessary... url = url.replace(/&_framed=1/, ""); @@ -1063,6 +1101,8 @@ break; } + + this.triggerEvent('after'+command, props); return obj ? false : true; }; @@ -1115,13 +1155,18 @@ }; // return a localized string - this.get_label = function(name) + this.get_label = function(name, domain) { - if (this.labels[name]) + if (domain && this.labels[domain+'.'+name]) + return this.labels[domain+'.'+name]; + else if (this.labels[name]) return this.labels[name]; else return name; }; + + // alias for convenience reasons + this.gettext = this.get_label; // switch to another application task this.switch_task = function(task) @@ -1158,24 +1203,59 @@ this.doc_mouse_up = function(e) { - var model, li; - + var model, list, li; + if (this.message_list) { - this.message_list.blur(); + if (!rcube_mouse_is_over(e, this.message_list.list)) + this.message_list.blur(); + list = this.message_list; model = this.env.mailboxes; } else if (this.contact_list) { - this.contact_list.blur(); + if (!rcube_mouse_is_over(e, this.contact_list.list)) + this.contact_list.blur(); + list = this.contact_list; model = this.env.address_sources; } - + else if (this.ksearch_value) { + this.ksearch_blur(); + } + // handle mouse release when dragging - if (this.drag_active && model) { + if (this.drag_active && model && this.env.last_folder_target) { + $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); + this.command('moveto', model[this.env.last_folder_target].id); + this.env.last_folder_target = null; + list.draglayer.hide(); + } + }; + + this.drag_start = function(list) + { + var model = this.task == 'mail' ? this.env.mailboxes : this.env.address_sources; + + this.drag_active = true; + if (this.preview_timer) + clearTimeout(this.preview_timer); + + // save folderlist and folders location/sizes for droptarget calculation in drag_move() + if (this.gui_objects.folderlist && model) + { + this.initialBodyScrollTop = bw.ie ? 0 : window.pageYOffset; + this.initialListScrollTop = this.gui_objects.folderlist.parentNode.scrollTop; + + var li, pos, list, height; + list = $(this.gui_objects.folderlist); + pos = list.offset(); + this.env.folderlist_coords = { x1:pos.left, y1:pos.top, x2:pos.left + list.width(), y2:pos.top + list.height() }; + + this.env.folder_coords = new Array(); for (var k in model) { - if ((li = this.get_folder_li(k)) && rcube_mouse_is_over(e, li.firstChild) && this.check_droptarget(k)) { - this.set_classname(li, 'droptarget', false); - this.command('moveto', model[k].id); - break; + if (li = this.get_folder_li(k)) { + pos = $(li.firstChild).offset(); + // only visible folders + if (height = li.firstChild.offsetHeight) + this.env.folder_coords[k] = { x1:pos.left, y1:pos.top, x2:pos.left + li.firstChild.offsetWidth, y2:pos.top + height }; } } } @@ -1183,13 +1263,40 @@ this.drag_move = function(e) { - var li; - var model = this.task == 'mail' ? this.env.mailboxes : this.env.address_sources; - - if (this.gui_objects.folderlist && model) { - for (var k in model) { - if (li = this.get_folder_li(k)) - this.set_classname(li, 'droptarget', (rcube_mouse_is_over(e, li.firstChild) && this.check_droptarget(k))); + if (this.gui_objects.folderlist && this.env.folder_coords) { + // offsets to compensate for scrolling while dragging a message + var boffset = bw.ie ? -document.documentElement.scrollTop : this.initialBodyScrollTop; + var moffset = this.initialListScrollTop-this.gui_objects.folderlist.parentNode.scrollTop; + var toffset = -moffset-boffset; + + var li, pos, mouse; + mouse = rcube_event.get_mouse_pos(e); + pos = this.env.folderlist_coords; + + mouse.y += toffset; + + // if mouse pointer is outside of folderlist + if (mouse.x < pos.x1 || mouse.x >= pos.x2 || mouse.y < pos.y1 || mouse.y >= pos.y2) { + if (this.env.last_folder_target) { + $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); + this.env.last_folder_target = null; + } + return; + } + + // over the folders + for (var k in this.env.folder_coords) { + pos = this.env.folder_coords[k]; + if (this.check_droptarget(k) && ((mouse.x >= pos.x1) && (mouse.x < pos.x2) + && (mouse.y >= pos.y1) && (mouse.y < pos.y2))) { + $(this.get_folder_li(k)).addClass('droptarget'); + this.env.last_folder_target = k; + } + else { + $(this.get_folder_li(k)).removeClass('droptarget'); + if (k == this.env.last_folder_target) + this.env.last_folder_target = null; + } } } }; @@ -1198,25 +1305,23 @@ { var div; if ((li = this.get_folder_li(id)) && - (div = li.getElementsByTagName("div")[0]) && - (div.className.match(/collapsed/) || div.className.match(/expanded/))) + (div = $(li.getElementsByTagName("div")[0])) && + (div.hasClass('collapsed') || div.hasClass('expanded'))) { - var ul = li.getElementsByTagName("ul")[0]; - if (div.className.match(/collapsed/)) + var ul = $(li.getElementsByTagName("ul")[0]); + if (div.hasClass('collapsed')) { - ul.style.display = ''; - this.set_classname(div, 'collapsed', false); - this.set_classname(div, 'expanded', true); - var reg = new RegExp('&'+escape(id)+'&'); + ul.show(); + div.removeClass('collapsed').addClass('expanded'); + var reg = new RegExp('&'+urlencode(id)+'&'); this.set_env('collapsed_folders', this.env.collapsed_folders.replace(reg, '')); } else { - ul.style.display = 'none'; - this.set_classname(div, 'expanded', false); - this.set_classname(div, 'collapsed', true); - this.set_env('collapsed_folders', this.env.collapsed_folders+'&'+escape(id)+'&'); - + ul.hide(); + div.removeClass('expanded').addClass('collapsed'); + this.set_env('collapsed_folders', this.env.collapsed_folders+'&'+urlencode(id)+'&'); + // select parent folder if one of its childs is currently selected if (this.env.mailbox.indexOf(id + this.env.delimiter) == 0) this.command('list', id); @@ -1233,21 +1338,20 @@ li.nextSibling.getElementsByTagName("ul")[0].style.display = ''; } - this.http_post('save-pref', '_name=collapsed_folders&_value='+escape(this.env.collapsed_folders)); + this.http_post('save-pref', '_name=collapsed_folders&_value='+urlencode(this.env.collapsed_folders)); this.set_unread_count_display(id, false); } } this.click_on_list = function(e) { + if (this.gui_objects.qsearchbox) + this.gui_objects.qsearchbox.blur(); + if (this.message_list) this.message_list.focus(); else if (this.contact_list) - this.contact_list.focus(); - - var mbox_li; - if (mbox_li = this.get_folder_li()) - this.set_classname(mbox_li, 'unfocused', true); + this.contact_list.focus(); return rcube_event.get_button(e) == 2 ? true : rcube_event.cancel(e); }; @@ -1263,7 +1367,7 @@ if (this.env.mailbox == this.env.drafts_mailbox) { this.enable_command('reply', 'reply-all', 'forward', false); - this.enable_command('show', selected); + this.enable_command('show', 'print', selected); this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); } else @@ -1348,6 +1452,7 @@ // also send search request to get the right messages if (this.env.search_request) add_url += '&_search='+this.env.search_request; + var url = '&_action='+action+'&_uid='+id+'&_mbox='+urlencode(this.env.mailbox)+add_url; if (action == 'preview' && String(target.location.href).indexOf(url) >= 0) this.show_contentframe(true); @@ -1355,33 +1460,34 @@ { this.set_busy(true, 'loading'); target.location.href = this.env.comm_path+url; + // mark as read and change mbox unread counter if (action == 'preview' && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread) { this.set_message(id, 'unread', false); - if (this.env.unread_counts[this.env.mailbox]) - { - this.env.unread_counts[this.env.mailbox] -= 1; - this.set_unread_count(this.env.mailbox, this.env.unread_counts[this.env.mailbox], this.env.mailbox == 'INBOX'); - } - } + if (this.env.unread_counts[this.env.mailbox]) + { + this.env.unread_counts[this.env.mailbox] -= 1; + this.set_unread_count(this.env.mailbox, this.env.unread_counts[this.env.mailbox], this.env.mailbox == 'INBOX'); + } + } } }; this.show_contentframe = function(show) { var frm; - if (this.env.contentframe && (frm = rcube_find_object(this.env.contentframe))) + if (this.env.contentframe && (frm = $('#'+this.env.contentframe)) && frm.length) { if (!show && window.frames[this.env.contentframe]) { if (window.frames[this.env.contentframe].location.href.indexOf(this.env.blankpage)<0) window.frames[this.env.contentframe].location.href = this.env.blankpage; } - else if (!bw.safari) - frm.style.display = show ? 'block' : 'none'; + else if (!bw.safari && !bw.konq) + frm[show ? 'show' : 'hide'](); } - + if (!show && this.busy) this.set_busy(false); }; @@ -1408,6 +1514,24 @@ this.list_contacts(this.env.source, page); } }; + + // list messages of a specific mailbox using filter + this.filter_mailbox = function(filter) + { + var search; + if (this.gui_objects.qsearchbox) + search = this.gui_objects.qsearchbox.value; + + this.message_list.clear(); + + // reset vars + this.env.current_page = 1; + this.set_busy(true, 'searching'); + this.http_request('search', '_filter='+filter + + (search ? '&_q='+urlencode(search) : '') + + (this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : ''), true); + } + // list messages of a specific mailbox this.list_mailbox = function(mbox, page, sort) @@ -1556,7 +1680,7 @@ if (rows[uid].flagged && this.env.flaggedicon) icn_src = this.env.flaggedicon; - else if (this.env.unflaggedicon) + else if (!rows[uid].flagged && this.env.unflaggedicon) icn_src = this.env.unflaggedicon; if (rows[uid].flagged_icon && icn_src) @@ -1594,37 +1718,38 @@ if (flag) this.set_message_status(uid, flag, status); + var rowobj = $(rows[uid].obj); if (rows[uid].unread && rows[uid].classname.indexOf('unread')<0) { rows[uid].classname += ' unread'; - this.set_classname(rows[uid].obj, 'unread', true); + rowobj.addClass('unread'); } else if (!rows[uid].unread && rows[uid].classname.indexOf('unread')>=0) { rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); - this.set_classname(rows[uid].obj, 'unread', false); + rowobj.removeClass('unread'); } if (rows[uid].deleted && rows[uid].classname.indexOf('deleted')<0) { rows[uid].classname += ' deleted'; - this.set_classname(rows[uid].obj, 'deleted', true); + rowobj.addClass('deleted'); } else if (!rows[uid].deleted && rows[uid].classname.indexOf('deleted')>=0) { rows[uid].classname = rows[uid].classname.replace(/\s*deleted/, ''); - this.set_classname(rows[uid].obj, 'deleted', false); + rowobj.removeClass('deleted'); } if (rows[uid].flagged && rows[uid].classname.indexOf('flagged')<0) { rows[uid].classname += ' flagged'; - this.set_classname(rows[uid].obj, 'flagged', true); + rowobj.addClass('flagged'); } else if (!rows[uid].flagged && rows[uid].classname.indexOf('flagged')>=0) { rows[uid].classname = rows[uid].classname.replace(/\s*flagged/, ''); - this.set_classname(rows[uid].obj, 'flagged', false); + rowobj.removeClass('flagged'); } this.set_message_icon(uid); @@ -1728,8 +1853,8 @@ { this.set_message_status(id, 'deleted', true); if (this.env.read_when_deleted) - this.set_message_status(id, 'unread', false); - this.set_message(id); + this.set_message_status(id, 'unread', false); + this.set_message(id); } } } @@ -1916,14 +2041,15 @@ this.login_user_keyup = function(e) { var key = rcube_event.get_keycode(e); - var elm; + var passwd = $('#rcmloginpwd'); // enter - if ((key==13) && (elm = rcube_find_object('_pass'))) - { - elm.focus(); - return false; + if (key == 13 && passwd.length && !passwd.val()) { + passwd.focus(); + return rcube_event.cancel(e); } + + return true; }; @@ -1935,15 +2061,15 @@ this.check_compose_input = function() { // check input fields - var input_to = rcube_find_object('_to'); - var input_cc = rcube_find_object('_cc'); - var input_bcc = rcube_find_object('_bcc'); - var input_from = rcube_find_object('_from'); - var input_subject = rcube_find_object('_subject'); - var input_message = rcube_find_object('_message'); + var input_to = $("[name='_to']"); + var input_cc = $("[name='_cc']"); + var input_bcc = $("[name='_bcc']"); + var input_from = $("[name='_from']"); + var input_subject = $("[name='_subject']"); + var input_message = $("[name='_message']"); // check sender (if have no identities) - if (input_from.type == 'text' && !rcube_check_email(input_from.value, true)) + if (input_from.attr('type') == 'text' && !rcube_check_email(input_from.val(), true)) { alert(this.get_label('nosenderwarning')); input_from.focus(); @@ -1951,7 +2077,7 @@ } // check for empty recipient - var recipients = input_to.value ? input_to.value : (input_cc.value ? input_cc.value : input_bcc.value); + var recipients = input_to.val() ? input_to.val() : (input_cc.val() ? input_cc.val() : input_bcc.val()); if (!rcube_check_email(recipients.replace(/^\s+/, '').replace(/[\s,;]+$/, ''), true)) { alert(this.get_label('norecipientwarning')); @@ -1960,7 +2086,7 @@ } // display localized warning for missing subject - if (input_subject && input_subject.value == '') + if (input_subject.val() == '') { var subject = prompt(this.get_label('nosubjectwarning'), this.get_label('nosubject')); @@ -1972,12 +2098,12 @@ } else { - input_subject.value = subject ? subject : this.get_label('nosubject'); + input_subject.val((subject ? subject : this.get_label('nosubject'))); } } // check for empty body - if ((!window.tinyMCE || !tinyMCE.get('compose-body')) && input_message.value == '' && !confirm(this.get_label('nobodywarning'))) + if ((!window.tinyMCE || !tinyMCE.get('compose-body')) && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) { input_message.focus(); return false; @@ -1988,23 +2114,31 @@ return false; } + // Apply spellcheck changes if spell checker is active + this.stop_spellchecking(); + return true; }; + this.stop_spellchecking = function() + { + if (this.env.spellcheck && !this.spellcheck_ready) { + exec_event(this.env.spellcheck.check_link, 'click'); + this.set_spellcheck_state('ready'); + } + }; + this.display_spellcheck_controls = function(vis) - { + { if (this.env.spellcheck) { // stop spellchecking process - if (!vis && !this.spellcheck_ready) - { - exec_event(this.env.spellcheck.check_link, 'click'); - this.set_spellcheck_state('ready'); - } + if (!vis) + this.stop_spellchecking(); this.env.spellcheck.check_link.style.visibility = vis ? 'visible' : 'hidden'; this.env.spellcheck.switch_lan_pic.style.visibility = vis ? 'visible' : 'hidden'; - } - }; + } + }; this.set_spellcheck_state = function(s) { @@ -2014,9 +2148,7 @@ this.set_draft_id = function(id) { - var f; - if (f = rcube_find_object('_draft_saveid')) - f.value = id; + $("input[name='_draft_saveid']").val(id); }; this.auto_save_start = function() @@ -2031,29 +2163,26 @@ this.compose_field_hash = function(save) { // check input fields - var input_to = rcube_find_object('_to'); - var input_cc = rcube_find_object('_cc'); - var input_bcc = rcube_find_object('_bcc'); - var input_subject = rcube_find_object('_subject'); - var editor, input_message; + var value_to = $("[name='_to']").val(); + var value_cc = $("[name='_cc']").val(); + var value_bcc = $("[name='_bcc']").val(); + var value_subject = $("[name='_subject']").val(); var str = ''; - if (input_to && input_to.value) - str += input_to.value+':'; - if (input_cc && input_cc.value) - str += input_cc.value+':'; - if (input_bcc && input_bcc.value) - str += input_bcc.value+':'; - if (input_subject && input_subject.value) - str += input_subject.value+':'; + if (value_to) + str += value_to+':'; + if (value_cc) + str += value_cc+':'; + if (value_bcc) + str += value_bcc+':'; + if (value_subject) + str += value_subject+':'; - if (editor = tinyMCE.get('compose-body')) + var editor = tinyMCE.get('compose-body'); + if (editor) str += editor.getContent(); else - { - input_message = rcube_find_object('_message'); - str += input_message.value; - } + str += $("[name='_message']").val(); if (save) this.cmp_hash = str; @@ -2067,9 +2196,9 @@ return false; var id = obj.options[obj.selectedIndex].value; - var input_message = rcube_find_object('_message'); - var message = input_message ? input_message.value : ''; - var is_html = (rcube_find_object('_is_html').value == '1'); + var input_message = $("[name='_message']"); + var message = input_message.val(); + var is_html = ($("input[name='_is_html']").val() == '1'); var sig, p; if (!this.env.identity) @@ -2083,9 +2212,9 @@ if (this.env.signatures[this.env.identity]['is_html']) sig = this.env.signatures[this.env.identity]['plain_text']; else - sig = this.env.signatures[this.env.identity]['text']; + sig = this.env.signatures[this.env.identity]['text']; - if (sig.indexOf('-- ')!=0) + if (sig.indexOf('-- ')!=0) sig = '-- \n'+sig; p = message.lastIndexOf(sig); @@ -2093,6 +2222,8 @@ message = message.substring(0, p-1) + message.substring(p+sig.length, message.length); } + message = message.replace(/[\r\n]+$/, ''); + // add the new signature string if (this.env.signatures && this.env.signatures[id]) { @@ -2103,7 +2234,7 @@ } if (sig.indexOf('-- ')!=0) sig = '-- \n'+sig; - message += '\n'+sig; + message += '\n\n'+sig; } } else @@ -2113,22 +2244,33 @@ if (this.env.signatures) { // Append the signature as a div within the body - var sigElem = editor.dom.get("_rc_sig"); - var newsig = ''; - var htmlsig = true; - + var sigElem = editor.dom.get('_rc_sig'); + var newsig = ''; + var htmlsig = true; + if (!sigElem) { - sigElem = editor.getDoc().createElement("div"); - sigElem.setAttribute("id", "_rc_sig"); + // add empty line before signature on IE + if (bw.ie) + editor.getBody().appendChild(editor.getDoc().createElement('br')); + + sigElem = editor.getDoc().createElement('div'); + sigElem.setAttribute('id', '_rc_sig'); editor.getBody().appendChild(sigElem); } - if (this.env.signatures[id]) - { - newsig = this.env.signatures[id]['text']; - htmlsig = this.env.signatures[id]['is_html']; - } + if (this.env.signatures[id]) + { + newsig = this.env.signatures[id]['text']; + htmlsig = this.env.signatures[id]['is_html']; + + if (newsig) { + if (htmlsig && this.env.signatures[id]['plain_text'].indexOf('-- ')!=0) + newsig = '<p>-- </p>' + newsig; + else if (!htmlsig && newsig.indexOf('-- ')!=0) + newsig = '-- \n' + newsig; + } + } if (htmlsig) sigElem.innerHTML = newsig; @@ -2137,8 +2279,7 @@ } } - if (input_message) - input_message.value = message; + input_message.val(message); this.env.identity = id; return true; @@ -2152,27 +2293,24 @@ var elm, list; if (elm = this.gui_objects.uploadbox) { - if (a && (list = this.gui_objects.attachmentlist)) + if (a && (list = this.gui_objects.attachmentlist)) { - var pos = rcube_get_object_pos(list); - var left = pos.x; - var top = pos.y + list.offsetHeight + 10; - - elm.style.top = top+'px'; - elm.style.left = left+'px'; + var pos = $(list).offset(); + elm.style.top = (pos.top + list.offsetHeight + 10) + 'px'; + elm.style.left = pos.left + 'px'; } elm.style.visibility = a ? 'visible' : 'hidden'; } // clear upload form - try { + try { if (!a && this.gui_objects.attachmentform != this.gui_objects.messageform) - this.gui_objects.attachmentform.reset(); - } - catch(e){} // ignore errors + this.gui_objects.attachmentform.reset(); + } + catch(e){} // ignore errors - return true; + return true; }; // upload attachment file @@ -2232,10 +2370,7 @@ if (!this.gui_objects.attachmentlist) return false; - var li = document.createElement('LI'); - li.id = name; - li.innerHTML = content; - this.gui_objects.attachmentlist.appendChild(li); + $('<li>').attr('id', name).html(content).appendTo(this.gui_objects.attachmentlist); return true; }; @@ -2268,7 +2403,7 @@ }; // send remote request to search mail or contacts - this.qsearch = function(value) + this.qsearch = function(value, addurl) { if (value != '') { @@ -2277,12 +2412,18 @@ else if (this.contact_list) { this.contact_list.clear(true); this.show_contentframe(false); - } + } + + if (this.gui_objects.search_filter) + addurl = '&_filter=' + this.gui_objects.search_filter.value; // reset vars this.env.current_page = 1; this.set_busy(true, 'searching'); - this.http_request('search', '_q='+urlencode(value)+(this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : '')+(this.env.source ? '&_source='+urlencode(this.env.source) : ''), true); + this.http_request('search', '_q='+urlencode(value) + + (this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : '') + + (this.env.source ? '&_source='+urlencode(this.env.source) : '') + + (addurl ? addurl : ''), true); } return true; }; @@ -2310,10 +2451,7 @@ // handler for keyboard events on address-fields this.ksearch_keypress = function(e, obj) - { - if (typeof(this.env.contacts)!='object' || !this.env.contacts.length) - return true; - + { if (this.ksearch_timer) clearTimeout(this.ksearch_timer); @@ -2329,24 +2467,13 @@ break; var dir = key==38 ? 1 : 0; - var next; highlight = document.getElementById('rcmksearchSelected'); if (!highlight) - highlight = this.ksearch_pane.ul.firstChild; + highlight = this.ksearch_pane.__ul.firstChild; - if (highlight && (next = dir ? highlight.previousSibling : highlight.nextSibling)) - { - highlight.removeAttribute('id'); - this.set_classname(highlight, 'selected', false); - } - - if (next) - { - next.setAttribute('id', 'rcmksearchSelected'); - this.set_classname(next, 'selected', true); - this.ksearch_selected = next._rcm_id; - } + if (highlight) + this.ksearch_select(dir ? highlight.previousSibling : highlight.nextSibling); return rcube_event.cancel(e); @@ -2354,7 +2481,7 @@ if(mod == SHIFT_KEY) break; - case 13: // enter + case 13: // enter if (this.ksearch_selected===null || !this.ksearch_input || !this.ksearch_value) break; @@ -2367,7 +2494,11 @@ case 27: // escape this.ksearch_hide(); break; - + + case 37: // left + case 39: // right + if (mod != SHIFT_KEY) + return; } // start timer @@ -2375,7 +2506,20 @@ this.ksearch_input = obj; return true; - }; + }; + + this.ksearch_select = function(node) + { + var current = $('#rcmksearchSelected'); + if (current[0] && node) { + current.removeAttr('id').removeClass('selected'); + } + + if (node) { + $(node).attr('id', 'rcmksearchSelected').addClass('selected'); + this.ksearch_selected = node._rcm_id; + } + }; this.insert_recipient = function(id) { @@ -2386,13 +2530,13 @@ var inp_value = this.ksearch_input.value.toLowerCase(); var cpos = this.get_caret_pos(this.ksearch_input); var p = inp_value.lastIndexOf(this.ksearch_value, cpos); - + // replace search string with full address var pre = this.ksearch_input.value.substring(0, p); var end = this.ksearch_input.value.substring(p+this.ksearch_value.length, this.ksearch_input.value.length); var insert = this.env.contacts[id]+', '; this.ksearch_input.value = pre + insert + end; - + // set caret to insert pos cpos = p+insert.length; if (this.ksearch_input.setSelectionRange) @@ -2401,10 +2545,13 @@ // address search processor this.ksearch_get_results = function() - { + { var inp_value = this.ksearch_input ? this.ksearch_input.value : null; - if (inp_value===null) + if (inp_value === null) return; + + if (this.ksearch_pane && this.ksearch_pane.is(":visible")) + this.ksearch_pane.hide(); // get string from current cursor pos to last comma var cpos = this.get_caret_pos(this.ksearch_input); @@ -2414,97 +2561,82 @@ // trim query string q = q.replace(/(^\s+|\s+$)/g, '').toLowerCase(); - if (!q.length || q==this.ksearch_value) - { - if (!q.length && this.ksearch_pane && this.ksearch_pane.visible) - this.ksearch_pane.show(0); - + // Don't (re-)search if string is empty or if the last results are still active + if (!q.length || q == this.ksearch_value) return; - } this.ksearch_value = q; - // start searching the contact list - var a_results = new Array(); - var a_result_ids = new Array(); - var c=0; - for (var i=0; i<this.env.contacts.length; i++) - { - if (this.env.contacts[i].toLowerCase().indexOf(q)>=0) - { - a_results[c] = this.env.contacts[i]; - a_result_ids[c++] = i; - - if (c==15) // limit search results - break; - } - } + this.display_message(this.get_label('searching'), 'loading', true); + this.http_post('autocomplete', '_search='+urlencode(q)); + }; + this.ksearch_query_results = function(results, search) + { + // ignore this outdated search response + if (search != this.ksearch_value) + return; + + this.hide_message(); + this.env.contacts = results ? results : []; + this.ksearch_display_results(this.env.contacts); + }; + + this.ksearch_display_results = function (a_results) + { // display search results - if (c && a_results.length) - { + if (a_results.length && this.ksearch_input) { var p, ul, li; // create results pane if not present - if (!this.ksearch_pane) - { - ul = document.createElement('UL'); - this.ksearch_pane = new rcube_layer('rcmKSearchpane', {vis:0, zindex:30000}); - this.ksearch_pane.elm.appendChild(ul); - this.ksearch_pane.ul = ul; - } - else - ul = this.ksearch_pane.ul; + if (!this.ksearch_pane) { + ul = $('<ul>'); + this.ksearch_pane = $('<div>').attr('id', 'rcmKSearchpane').css({ position:'absolute', 'z-index':30000 }).append(ul).appendTo(document.body); + this.ksearch_pane.__ul = ul[0]; + } // remove all search results + ul = this.ksearch_pane.__ul; ul.innerHTML = ''; // add each result line to list - for (i=0; i<a_results.length; i++) - { + for (i=0; i<a_results.length; i++) { li = document.createElement('LI'); - li.innerHTML = a_results[i].replace(/</, '<').replace(/>/, '>'); - li._rcm_id = a_result_ids[i]; + li.innerHTML = a_results[i].replace(new RegExp('('+this.ksearch_value+')', 'ig'), '##$1%%').replace(/</g, '<').replace(/>/g, '>').replace(/##([^%]+)%%/g, '<b>$1</b>'); + li.onmouseover = function(){ ref.ksearch_select(this); }; + li.onmouseup = function(){ ref.ksearch_click(this) }; + li._rcm_id = i; ul.appendChild(li); - } + } - // check if last selected item is still in result list - if (this.ksearch_selected!==null) - { - p = find_in_array(this.ksearch_selected, a_result_ids); - if (p>=0 && ul.childNodes) - { - ul.childNodes[p].setAttribute('id', 'rcmksearchSelected'); - this.set_classname(ul.childNodes[p], 'selected', true); - } - else - this.ksearch_selected = null; - } - - // if no item selected, select the first one - if (this.ksearch_selected===null) - { - ul.firstChild.setAttribute('id', 'rcmksearchSelected'); - this.set_classname(ul.firstChild, 'selected', true); - this.ksearch_selected = a_result_ids[0]; - } + // select the first + $(ul.firstChild).attr('id', 'rcmksearchSelected').addClass('selected'); + this.ksearch_selected = 0; // move the results pane right under the input box and make it visible - var pos = rcube_get_object_pos(this.ksearch_input); - this.ksearch_pane.move(pos.x, pos.y+this.ksearch_input.offsetHeight); - this.ksearch_pane.show(1); - } + var pos = $(this.ksearch_input).offset(); + this.ksearch_pane.css({ left:pos.left+'px', top:(pos.top + this.ksearch_input.offsetHeight)+'px' }).show(); + } // hide results pane else this.ksearch_hide(); - }; + }; + + this.ksearch_click = function(node) + { + if (this.ksearch_input) + this.ksearch_input.focus(); - this.ksearch_blur = function(e, obj) + this.insert_recipient(node._rcm_id); + this.ksearch_hide(); + }; + + this.ksearch_blur = function() { if (this.ksearch_timer) clearTimeout(this.ksearch_timer); - this.ksearch_value = ''; + this.ksearch_value = ''; this.ksearch_input = null; this.ksearch_hide(); @@ -2516,7 +2648,7 @@ this.ksearch_selected = null; if (this.ksearch_pane) - this.ksearch_pane.show(0); + this.ksearch_pane.hide(); }; @@ -2681,19 +2813,18 @@ // update a contact record in the list this.update_contact_row = function(cid, cols_arr) - { + { var row; - if (this.contact_list.rows[cid] && (row = this.contact_list.rows[cid].obj)) - { + if (this.contact_list.rows[cid] && (row = this.contact_list.rows[cid].obj)) { for (var c=0; c<cols_arr.length; c++) if (row.cells[c]) - row.cells[c].innerHTML = cols_arr[c]; + $(row.cells[c]).html(cols_arr[c]); return true; - } + } return false; - }; + }; /*********************************************************/ @@ -2775,30 +2906,29 @@ (folder = this.env.subscriptionrows[id][0])) { if (this.check_droptarget(folder) && - !this.env.subscriptionrows[this.get_folder_row_id(this.env.folder)][2] && - (folder != this.env.folder.replace(reg, '')) && + !this.env.subscriptionrows[this.get_folder_row_id(this.env.folder)][2] && + (folder != this.env.folder.replace(reg, '')) && (!folder.match(new RegExp('^'+RegExp.escape(this.env.folder+this.env.delimiter))))) { this.set_env('dstfolder', folder); - this.set_classname(row, 'droptarget', true); + $(row).addClass('droptarget'); } } else if (this.env.folder.match(new RegExp(RegExp.escape(this.env.delimiter)))) { this.set_env('dstfolder', this.env.delimiter); - this.set_classname(this.subscription_list.frame, 'droptarget', true); + $(this.subscription_list.frame).addClass('droptarget'); } } this.unfocus_subscription = function(id) { - var row; + var row = $('#'+id); this.set_env('dstfolder', null); - if (this.env.subscriptionrows[id] && - (row = document.getElementById(id))) - this.set_classname(row, 'droptarget', false); + if (this.env.subscriptionrows[id] && row[0]) + row.removeClass('droptarget'); else - this.set_classname(this.subscription_list.frame, 'droptarget', false); + $(this.subscription_list.frame).removeClass('droptarget'); } this.subscription_select = function(list) @@ -2812,7 +2942,7 @@ this.set_env('folder', null); if (this.gui_objects.createfolderhint) - this.gui_objects.createfolderhint.innerHTML = this.env.folder ? this.get_label('addsubfolderhint') : ''; + $(this.gui_objects.createfolderhint).html(this.env.folder ? this.get_label('addsubfolderhint') : ''); }; this.subscription_move_folder = function(list) @@ -2824,7 +2954,9 @@ var reg = new RegExp('[^'+RegExp.escape(this.env.delimiter)+']*['+RegExp.escape(this.env.delimiter)+']', 'g'); var basename = this.env.folder.replace(reg, ''); var newname = this.env.dstfolder==this.env.delimiter ? basename : this.env.dstfolder+this.env.delimiter+basename; - this.http_post('rename-folder', '_folder_oldname='+urlencode(this.env.folder)+'&_folder_newname='+urlencode(newname)); + + this.set_busy(true, 'foldermoving'); + this.http_post('rename-folder', '_folder_oldname='+urlencode(this.env.folder)+'&_folder_newname='+urlencode(newname), true); } this.drag_active = false; this.unfocus_subscription(this.get_folder_row_id(this.env.dstfolder)); @@ -2876,7 +3008,6 @@ var reg = new RegExp('.*['+RegExp.escape(this.env.delimiter)+']'); this.name_input = document.createElement('INPUT'); this.name_input.value = this.env.subscriptionrows[id][0].replace(reg, ''); - this.name_input.style.width = '100%'; reg = new RegExp('['+RegExp.escape(this.env.delimiter)+']?[^'+RegExp.escape(this.env.delimiter)+']+$'); this.name_input.__parent = this.env.subscriptionrows[id][0].replace(reg, ''); @@ -2897,7 +3028,7 @@ var cell = this.name_input ? this.name_input.parentNode : null; if (cell && this.edit_folder && this.env.subscriptionrows[this.edit_folder]) - cell.innerHTML = this.env.subscriptionrows[this.edit_folder][1]; + $(cell).html(this.env.subscriptionrows[this.edit_folder][1]); this.edit_folder = null; }; @@ -2945,8 +3076,7 @@ this.http_post('delete-folder', '_mboxes='+urlencode(folder), true); this.set_env('folder', null); - if (this.gui_objects.createfolderhint) - this.gui_objects.createfolderhint.innerHTML = ''; + $(this.gui_objects.createfolderhint).html(''); } }; @@ -3269,16 +3399,6 @@ } }; - // set/unset a specific class name - this.set_classname = function(obj, classname, set) - { - var reg = new RegExp('\s*'+classname, 'i'); - if (!set && obj.className.match(reg)) - obj.className = obj.className.replace(reg, ''); - else if (set && !obj.className.match(reg)) - obj.className += ' '+classname; - }; - // write to the document/window title this.set_pagetitle = function(title) { @@ -3309,25 +3429,20 @@ if (type) cont = '<div class="'+type+'">'+cont+'</div>'; - var _rcube = this; - this.gui_objects.message.innerHTML = cont; - this.gui_objects.message.style.display = 'block'; + var obj = $(this.gui_objects.message).html(cont).show(); if (type!='loading') - this.gui_objects.message.onmousedown = function(){ _rcube.hide_message(); return true; }; + obj.bind('mousedown', function(){ ref.hide_message(); return true; }); if (!hold) - this.message_timer = window.setTimeout(function(){ ref.hide_message(); }, this.message_time); + this.message_timer = window.setTimeout(function(){ ref.hide_message(true); }, this.message_time); }; // make a message row disapear - this.hide_message = function() + this.hide_message = function(fade) { if (this.gui_objects.message) - { - this.gui_objects.message.style.display = 'none'; - this.gui_objects.message.onmousedown = null; - } + $(this.gui_objects.message).unbind()[(fade?'fadeOut':'hide')](); }; // mark a mailbox as selected and set environment variable @@ -3337,16 +3452,12 @@ { var current_li, target_li; - if ((current_li = this.get_folder_li(old))) - { - this.set_classname(current_li, 'selected', false); - this.set_classname(current_li, 'unfocused', false); + if ((current_li = this.get_folder_li(old))) { + $(current_li).removeClass('selected').removeClass('unfocused'); } - if ((target_li = this.get_folder_li(name))) - { - this.set_classname(target_li, 'unfocused', false); - this.set_classname(target_li, 'selected', true); + if ((target_li = this.get_folder_li(name))) { + $(target_li).removeClass('unfocused').addClass('selected'); } } }; @@ -3386,14 +3497,10 @@ else cell.innerHTML = this.get_label(this.coltypes[n]); - cell.id = 'rcmHead'+col; + cell.id = 'rcm'+col; } else if (col == 'subject' && this.message_list) this.message_list.subject_col = n+1; - else if (col == 'flag' && this.env.unflaggedicon) - { - cell.innerHTML = '<img src="'+this.env.unflaggedicon+'" alt="" />'; - } } }; @@ -3403,27 +3510,34 @@ if (!this.gui_objects.messagelist || !this.message_list) return false; - var tbody = this.gui_objects.messagelist.tBodies[0]; + if (this.message_list.background) + var tbody = this.message_list.background; + else + var tbody = this.gui_objects.messagelist.tBodies[0]; + var rowcount = tbody.rows.length; var even = rowcount%2; - this.env.messages[uid] = {deleted:flags.deleted?1:0, - replied:flags.replied?1:0, - unread:flags.unread?1:0, - forwarded:flags.forwarded?1:0, - flagged:flags.flagged?1:0}; - + this.env.messages[uid] = { + deleted: flags.deleted?1:0, + replied: flags.replied?1:0, + unread: flags.unread?1:0, + forwarded: flags.forwarded?1:0, + flagged:flags.flagged?1:0 + }; + + var css_class = 'message' + + (even ? ' even' : ' odd') + + (flags.unread ? ' unread' : '') + + (flags.deleted ? ' deleted' : '') + + (flags.flagged ? ' flagged' : '') + + (this.message_list.in_selection(uid) ? ' selected' : ''); + + // for performance use DOM instead of jQuery here var row = document.createElement('TR'); row.id = 'rcmrow'+uid; - row.className = 'message' - + (even ? ' even' : ' odd') - + (flags.unread ? ' unread' : '') - + (flags.deleted ? ' deleted' : '') - + (flags.flagged ? ' flagged' : ''); - - if (this.message_list.in_selection(uid)) - row.className += ' selected'; - + row.className = css_class; + var icon = this.env.messageicon; if (flags.deleted && this.env.deletedicon) icon = this.env.deletedicon; @@ -3439,52 +3553,53 @@ else if(flags.unread && this.env.unreadicon) icon = this.env.unreadicon; + // add icon col var col = document.createElement('TD'); col.className = 'icon'; col.innerHTML = icon ? '<img src="'+icon+'" alt="" />' : ''; row.appendChild(col); - + // add each submitted col - for (var n = 0; n < this.coltypes.length; n++) - { + for (var n = 0; n < this.coltypes.length; n++) { var c = this.coltypes[n]; col = document.createElement('TD'); col.className = String(c).toLowerCase(); - - if (c=='flag') - { + + if (c=='flag') { if (flags.flagged && this.env.flaggedicon) col.innerHTML = '<img src="'+this.env.flaggedicon+'" alt="" />'; - else if(this.env.unflaggedicon) + else if(!flags.flagged && this.env.unflaggedicon) col.innerHTML = '<img src="'+this.env.unflaggedicon+'" alt="" />'; - } + } + else if (c=='attachment') + col.innerHTML = (attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" />' : ' '); else col.innerHTML = cols[c]; row.appendChild(col); } - col = document.createElement('TD'); - col.className = 'icon'; - col.innerHTML = attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" />' : ''; - row.appendChild(col); - this.message_list.insert_row(row, attop); // remove 'old' row - if (attop && this.env.pagesize && this.message_list.rowcount > this.env.pagesize) - { - var uid = this.message_list.get_last_row(); - this.message_list.remove_row(uid); - this.message_list.clear_selection(uid); + if (attop && this.env.pagesize && this.message_list.rowcount > this.env.pagesize) { + var uid = this.message_list.get_last_row(); + this.message_list.remove_row(uid); + this.message_list.clear_selection(uid); } + }; + + // messages list handling in background (for performance) + this.offline_message_list = function(flag) + { + if (this.message_list) + this.message_list.set_background_mode(flag); }; // replace content of row count display this.set_rowcount = function(text) { - if (this.gui_objects.countdisplay) - this.gui_objects.countdisplay.innerHTML = text; + $(this.gui_objects.countdisplay).html(text); // update page navigation buttons this.set_page_buttons(); @@ -3500,8 +3615,8 @@ // replace content of quota display this.set_quota = function(content) { - if (this.gui_objects.quotadisplay && content) - this.gui_objects.quotadisplay.innerHTML = content; + if (content && this.gui_objects.quotadisplay) + $(this.gui_objects.quotadisplay).html(content); }; // update the mailboxlist @@ -3530,9 +3645,8 @@ { // add children's counters for (var k in this.env.unread_counts) - if (k.indexOf(mbox + this.env.delimiter) == 0) { + if (k.indexOf(mbox + this.env.delimiter) == 0) childcount += this.env.unread_counts[k]; - } } if (mycount && text_obj.innerHTML.match(reg)) @@ -3548,7 +3662,10 @@ this.set_unread_count_display(mbox.replace(reg, ''), false); // set the right classes - this.set_classname(item, 'unread', (mycount+childcount)>0 ? true : false); + if ((mycount+childcount)>0) + $(item).addClass('unread'); + else + $(item).removeClass('unread'); } // set unread count to window title @@ -3569,6 +3686,16 @@ } }; + // notifies that a new message(s) has hit the mailbox + this.new_message_focus = function() + { + // focus main window + if (this.env.framed && window.parent) + window.parent.focus(); + else + window.focus(); + } + // add row to contacts list this.add_contact_row = function(cid, cols, select) { @@ -3582,42 +3709,20 @@ var row = document.createElement('TR'); row.id = 'rcmrow'+cid; row.className = 'contact '+(even ? 'even' : 'odd'); - + if (this.contact_list.in_selection(cid)) row.className += ' selected'; // add each submitted col - for (var c in cols) - { + for (var c in cols) { col = document.createElement('TD'); col.className = String(c).toLowerCase(); col.innerHTML = cols[c]; row.appendChild(col); - } + } this.contact_list.insert_row(row); this.enable_command('export', (this.contact_list.rowcount > 0)); - }; - - this.toggle_editor = function(checkbox, textAreaId) - { - var ischecked = checkbox.checked; - var composeElement = document.getElementById(textAreaId); - - if (ischecked) - { - var existingPlainText = composeElement.value; - var htmlText = "<pre>" + existingPlainText + "</pre>"; - composeElement.value = htmlText; - tinyMCE.execCommand('mceAddControl', true, textAreaId); - } - else - { - var thisMCE = tinyMCE.get(textAreaId); - var existingHtml = thisMCE.getContent(); - this.html2plain(existingHtml, textAreaId); - tinyMCE.execCommand('mceRemoveControl', true, textAreaId); - } }; this.toggle_prefer_html = function(checkbox) @@ -3629,19 +3734,16 @@ // display fetched raw headers this.set_headers = function(content) - { - if (this.gui_objects.all_headers_row && this.gui_objects.all_headers_box && content) - { - var box = this.gui_objects.all_headers_box; - box.innerHTML = content; - box.style.display = 'block'; + { + if (this.gui_objects.all_headers_row && this.gui_objects.all_headers_box && content) { + $(this.gui_objects.all_headers_box).html(content).show(); if (this.env.framed && parent.rcmail) - parent.rcmail.set_busy(false); + parent.rcmail.set_busy(false); else this.set_busy(false); - } - }; + } + }; // display all-headers row and fetch raw message headers this.load_headers = function(elem) @@ -3649,15 +3751,14 @@ if (!this.gui_objects.all_headers_row || !this.gui_objects.all_headers_box || !this.env.uid) return; - this.set_classname(elem, 'show-headers', false); - this.set_classname(elem, 'hide-headers', true); - this.gui_objects.all_headers_row.style.display = bw.ie ? 'block' : 'table-row'; + $(elem).removeClass('show-headers').addClass('hide-headers'); + $(this.gui_objects.all_headers_row).show(); elem.onclick = function() { rcmail.hide_headers(elem); } // fetch headers only once if (!this.gui_objects.all_headers_box.innerHTML) { - this.display_message(this.get_label('loading'), 'loading', true); + this.display_message(this.get_label('loading'), 'loading', true); this.http_post('headers', '_uid='+this.env.uid); } } @@ -3668,9 +3769,8 @@ if (!this.gui_objects.all_headers_row || !this.gui_objects.all_headers_box) return; - this.set_classname(elem, 'hide-headers', false); - this.set_classname(elem, 'show-headers', true); - this.gui_objects.all_headers_row.style.display = 'none'; + $(elem).removeClass('hide-headers').addClass('show-headers'); + $(this.gui_objects.all_headers_row).hide(); elem.onclick = function() { rcmail.load_headers(elem); } } @@ -3681,23 +3781,23 @@ this.html2plain = function(htmlText, id) { - var http_request = new rcube_http_request(); var url = this.env.bin_path+'html2text.php'; var rcmail = this; this.set_busy(true, 'converting'); console.log('HTTP POST: '+url); - http_request.onerror = function(o) { rcmail.http_error(o); }; - http_request.oncomplete = function(o) { rcmail.set_text_value(o, id); }; - http_request.POST(url, htmlText, 'application/octet-stream'); + $.ajax({ type: 'POST', url: url, data: htmlText, contentType: 'application/octet-stream', + error: function(o) { rcmail.http_error(o); }, + success: function(data) { rcmail.set_busy(false); $(document.getElementById(id)).val(data); console.log(data); } + }); } - this.set_text_value = function(httpRequest, id) + this.plain2html = function(plainText, id) { + this.set_busy(true, 'converting'); + $(document.getElementById(id)).val('<pre>'+plainText+'</pre>'); this.set_busy(false); - document.getElementById(id).value = httpRequest.get_text(); - console.log(httpRequest.get_text()); } @@ -3722,99 +3822,61 @@ this.redirect(this.env.comm_path+'&_action='+action+querystring, lock); }; - this.http_sockets = new Array(); - - // find a non-busy socket or create a new one - this.get_request_obj = function() - { - for (var n=0; n<this.http_sockets.length; n++) - { - if (!this.http_sockets[n].busy) - return this.http_sockets[n]; - } - - // create a new XMLHTTP object - var i = this.http_sockets.length; - this.http_sockets[i] = new rcube_http_request(); - - return this.http_sockets[i]; - }; - // send a http request to the server this.http_request = function(action, querystring, lock) - { - var request_obj = this.get_request_obj(); + { querystring += (querystring ? '&' : '') + '_remote=1'; + var url = this.env.comm_path + '&_action=' + action + '&' + querystring - // add timestamp to request url to avoid cacheing problems in Safari - if (bw.safari) - querystring += '&_ts='+(new Date().getTime()); + // send request + console.log('HTTP POST: ' + url); + jQuery.get(url, { _unlock:(lock?1:0) }, function(data){ ref.http_response(data); }, 'json'); + }; + + // send a http POST request to the server + this.http_post = function(action, postdata, lock) + { + var url = this.env.comm_path+'&_action=' + action; + + if (postdata && typeof(postdata) == 'object') { + postdata._remote = 1; + postdata._unlock = (lock ? 1 : 0); + } + else + postdata += (postdata ? '&' : '') + '_remote=1' + (lock ? '&_unlock=1' : ''); // send request - if (request_obj) - { - console.log('HTTP request: '+this.env.comm_path+'&_action='+action+'&'+querystring); - - if (lock) - this.set_busy(true); - - var rcm = this; - request_obj.__lock = lock ? true : false; - request_obj.__action = action; - request_obj.onerror = function(o){ ref.http_error(o); }; - request_obj.oncomplete = function(o){ ref.http_response(o); }; - request_obj.GET(this.env.comm_path+'&_action='+action+'&'+querystring); - } - }; - - // send a http POST request to the server - this.http_post = function(action, postdata, lock) - { - var request_obj; - if (postdata && typeof(postdata) == 'object') - postdata._remote = 1; - else - postdata += (postdata ? '&' : '') + '_remote=1'; - - // send request - if (request_obj = this.get_request_obj()) - { - console.log('HTTP POST: '+this.env.comm_path+'&_action='+action); - - if (lock) - this.set_busy(true); - - var rcm = this; - request_obj.__lock = lock ? true : false; - request_obj.__action = action; - request_obj.onerror = function(o){ rcm.http_error(o); }; - request_obj.oncomplete = function(o){ rcm.http_response(o); }; - request_obj.POST(this.env.comm_path+'&_action='+action, postdata); - } - }; + console.log('HTTP POST: ' + url); + jQuery.post(url, postdata, function(data){ ref.http_response(data); }, 'json'); + }; // handle HTTP response - this.http_response = function(request_obj) - { - var ctype = request_obj.get_header('Content-Type'); - if (ctype) - { - ctype = String(ctype).toLowerCase(); - var ctype_array=ctype.split(";"); - ctype = ctype_array[0]; - } - - if (request_obj.__lock) + this.http_response = function(response) + { + var console_msg = ''; + + if (response.unlock) this.set_busy(false); - console.log(request_obj.get_text()); + // set env vars + if (response.env) + this.set_env(response.env); + + // we have labels to add + if (typeof response.texts == 'object') { + for (var name in response.texts) + if (typeof response.texts[name] == 'string') + this.add_label(name, response.texts[name]); + } // if we get javascript code from server -> execute it - if (request_obj.get_text() && (ctype=='text/javascript' || ctype=='application/x-javascript')) - eval(request_obj.get_text()); - + if (response.exec) { + console.log(response.exec); + eval(response.exec); + } + // process the response data according to the sent action - switch (request_obj.__action) { + switch (response.action) { case 'delete': if (this.task == 'addressbook') { var uid = this.contact_list.get_selection(); @@ -3831,7 +3893,7 @@ break; case 'purge': - case 'expunge': + case 'expunge': if (!this.env.messagecount && this.task == 'mail') { // clear preview pane content if (this.env.contentframe) @@ -3846,30 +3908,26 @@ case 'getunread': case 'list': if (this.task == 'mail') { - if (this.message_list && request_obj.__action == 'list') + if (this.message_list && response.action == 'list') this.msglist_select(this.message_list); this.enable_command('show', 'expunge', 'select-all', 'select-none', 'sort', (this.env.messagecount > 0)); this.enable_command('purge', this.purge_mailbox_test()); } else if (this.task == 'addressbook') this.enable_command('export', (this.contact_list && this.contact_list.rowcount > 0)); - break; - } - - request_obj.reset(); - }; + } + }; // handle HTTP request errors - this.http_error = function(request_obj) + this.http_error = function(request, status, err) { - //alert('Error sending request: '+request_obj.url+' => HTTP '+request_obj.xmlhttp.status); - if (request_obj.__lock) - this.set_busy(false); + var errmsg = request.statusText; - request_obj.reset(); - request_obj.__lock = false; - this.display_message('Unknown Server Error!', 'error'); + this.set_busy(false); + request.abort(); + + this.display_message('Unknown Server Error!' + (errmsg ? ' ('+errmsg+')' : ''), 'error'); }; // use an image to send a keep-alive siganl to the server @@ -3880,13 +3938,24 @@ }; // send periodic request to check for recent messages - this.check_for_recent = function() + this.check_for_recent = function(setbusy) { if (this.busy) return; - this.set_busy(true, 'checkingmail'); - this.http_request('check-recent', (this.env.search_request ? '_search='+this.env.search_request+'&' : '') + '_t='+(new Date().getTime()), true); + if (setbusy) + this.set_busy(true, 'checkingmail'); + + var addurl = '_t=' + (new Date().getTime()); + + if (this.gui_objects.messagelist) + addurl += '&_list=1'; + if (this.gui_objects.quotadisplay) + addurl += '&_quota=1'; + if (this.env.search_request) + addurl += '&_search=' + this.env.search_request; + + this.http_request('check-recent', addurl, true); }; @@ -3912,7 +3981,6 @@ { if (typeof(obj.selectionEnd)!='undefined') return obj.selectionEnd; - else if (document.selection && document.selection.createRange) { var range = document.selection.createRange(); @@ -3930,7 +3998,6 @@ return p<=obj.value.length ? p : -1; } - else return obj.value.length; }; @@ -3966,161 +4033,11 @@ } }; - } // end object rcube_webmail +} // end object rcube_webmail -/** - * Class for sending HTTP requests - * @constructor - */ -function rcube_http_request() - { - this.url = ''; - this.busy = false; - this.xmlhttp = null; +// copy event engine prototype +rcube_webmail.prototype.addEventListener = rcube_event_engine.prototype.addEventListener; +rcube_webmail.prototype.removeEventListener = rcube_event_engine.prototype.removeEventListener; +rcube_webmail.prototype.triggerEvent = rcube_event_engine.prototype.triggerEvent; - // reset object properties - this.reset = function() - { - // set unassigned event handlers - this.onloading = function(){ }; - this.onloaded = function(){ }; - this.oninteractive = function(){ }; - this.oncomplete = function(){ }; - this.onabort = function(){ }; - this.onerror = function(){ }; - - this.url = ''; - this.busy = false; - this.xmlhttp = null; - } - - // create HTMLHTTP object - this.build = function() - { - if (window.XMLHttpRequest) - this.xmlhttp = new XMLHttpRequest(); - else if (window.ActiveXObject) - { - try { this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } - catch(e) { this.xmlhttp = null; } - } - else - { - - } - } - - // send GET request - this.GET = function(url) - { - this.build(); - - if (!this.xmlhttp) - { - this.onerror(this); - return false; - } - - var _ref = this; - this.url = url; - this.busy = true; - - this.xmlhttp.onreadystatechange = function(){ _ref.xmlhttp_onreadystatechange(); }; - this.xmlhttp.open('GET', url, true); - this.xmlhttp.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); - this.xmlhttp.send(null); - }; - - this.POST = function(url, body, contentType) - { - // default value for contentType if not provided - if (typeof(contentType) == 'undefined') - contentType = 'application/x-www-form-urlencoded'; - - this.build(); - - if (!this.xmlhttp) - { - this.onerror(this); - return false; - } - - var req_body = body; - if (typeof(body) == 'object') - { - req_body = ''; - for (var p in body) - req_body += (req_body ? '&' : '') + p+'='+urlencode(body[p]); - } - - var ref = this; - this.url = url; - this.busy = true; - - this.xmlhttp.onreadystatechange = function() { ref.xmlhttp_onreadystatechange(); }; - this.xmlhttp.open('POST', url, true); - this.xmlhttp.setRequestHeader('Content-Type', contentType); - this.xmlhttp.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); - this.xmlhttp.send(req_body); - }; - - // handle onreadystatechange event - this.xmlhttp_onreadystatechange = function() - { - if(this.xmlhttp.readyState == 1) - this.onloading(this); - - else if(this.xmlhttp.readyState == 2) - this.onloaded(this); - - else if(this.xmlhttp.readyState == 3) - this.oninteractive(this); - - else if(this.xmlhttp.readyState == 4) - { - try { - if (this.xmlhttp.status == 0) - this.onabort(this); - else if(this.xmlhttp.status == 200) - this.oncomplete(this); - else - this.onerror(this); - - this.busy = false; - } - catch(err) - { - this.onerror(this); - this.busy = false; - } - } - } - - // getter method for HTTP headers - this.get_header = function(name) - { - return this.xmlhttp.getResponseHeader(name); - }; - - this.get_text = function() - { - return this.xmlhttp.responseText; - }; - - this.get_xml = function() - { - return this.xmlhttp.responseXML; - }; - - this.reset(); - - } // end class rcube_http_request - - -// helper function to call the init method with a delay -function call_init(o) - { - window.setTimeout('if (window[\''+o+'\'] && window[\''+o+'\'].init) { '+o+'.init(); }', - bw.win ? 500 : 200); - } -- Gitblit v1.9.1