From fb7ec576ab3a353b6eb99614e9636a9096462807 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Thu, 25 Mar 2010 12:29:02 -0400 Subject: [PATCH] - Added possibility to select all messages in a folder (#1484756) --- program/js/app.js | 1581 ++++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 1,093 insertions(+), 488 deletions(-) diff --git a/program/js/app.js b/program/js/app.js index 91d0f13..0fc5e76 100644 --- a/program/js/app.js +++ b/program/js/app.js @@ -3,11 +3,12 @@ | RoundCube Webmail Client Script | | | | This file is part of the RoundCube Webmail client | - | Copyright (C) 2005-2009, RoundCube Dev, - Switzerland | + | Copyright (C) 2005-2010, RoundCube Dev, - Switzerland | | Licensed under the GNU GPL | | | +-----------------------------------------------------------------------+ | Authors: Thomas Bruederli <roundcube@gmail.com> | + | Aleksander 'A.L.E.C' Machniak <alec@alec.pl> | | Charles McNulty <charles@charlesmcnulty.com> | +-----------------------------------------------------------------------+ | Requires: jquery.js, common.js, list.js | @@ -160,9 +161,13 @@ switch (this.task) { case 'mail': + // enable mail commands + this.enable_command('list', 'checkmail', 'compose', 'add-contact', 'search', 'reset-search', 'collapse-folder', true); + if (this.gui_objects.messagelist) { - this.message_list = new rcube_list_widget(this.gui_objects.messagelist, {multiselect:true, draggable:true, keyboard:true, dblclick_time:this.dblclick_time}); + this.message_list = new rcube_list_widget(this.gui_objects.messagelist, + {multiselect:true, multiexpand:true, draggable:true, keyboard:true, dblclick_time:this.dblclick_time}); this.message_list.row_init = function(o){ p.init_message_row(o); }; this.message_list.addEventListener('dblclick', function(o){ p.msglist_dbl_click(o); }); this.message_list.addEventListener('keypress', function(o){ p.msglist_keypress(o); }); @@ -170,29 +175,29 @@ this.message_list.addEventListener('dragstart', function(o){ p.drag_start(o); }); this.message_list.addEventListener('dragmove', function(e){ p.drag_move(e); }); this.message_list.addEventListener('dragend', function(e){ p.drag_end(e); }); + this.message_list.addEventListener('expandcollapse', function(e){ p.msglist_expand(e); }); document.onmouseup = function(e){ return p.doc_mouse_up(e); }; + this.set_message_coltypes(this.env.coltypes); this.message_list.init(); - this.enable_command('toggle_status', 'toggle_flag', true); + this.enable_command('toggle_status', 'toggle_flag', 'menu-open', 'menu-save', true); if (this.gui_objects.mailcontframe) this.gui_objects.mailcontframe.onmousedown = function(e){ return p.click_on_list(e); }; else this.message_list.focus(); - } - if (this.env.coltypes) - this.set_message_coltypes(this.env.coltypes); - - // enable mail commands - this.enable_command('list', 'checkmail', 'compose', 'add-contact', 'search', 'reset-search', 'collapse-folder', true); + // load messages + if (this.env.messagecount) + this.command('list'); + } if (this.env.search_text != null && document.getElementById('quicksearchbox') != null) document.getElementById('quicksearchbox').value = this.env.search_text; if (this.env.action=='show' || this.env.action=='preview') { - this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', + this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'copy', 'delete', 'open', 'mark', 'edit', 'viewsource', 'download', 'print', 'load-attachment', 'load-headers', true); if (this.env.next_uid) @@ -243,8 +248,10 @@ this.init_messageform(); } - if (this.env.messagecount) + if (this.env.messagecount) { this.enable_command('select-all', 'select-none', 'expunge', true); + this.enable_command('expand-all', 'expand-unread', 'collapse-all', this.env.threading); + } if (this.purge_mailbox_test()) this.enable_command('purge', true); @@ -305,7 +312,7 @@ this.set_page_buttons(); 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); + this.enable_command('add', 'import', true); if (this.env.cid) this.enable_command('show', 'edit', true); @@ -313,7 +320,7 @@ if ((this.env.action=='add' || this.env.action=='edit') && this.gui_objects.editform) this.enable_command('save', true); else - this.enable_command('search', 'reset-search', 'moveto', 'import', true); + this.enable_command('search', 'reset-search', 'moveto', true); if (this.contact_list && this.contact_list.rowcount > 0) this.enable_command('export', true); @@ -333,7 +340,7 @@ this.enable_command('save', 'delete', 'edit', true); } else if (this.env.action=='folders') - this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'rename-folder', 'delete-folder', true); + this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'rename-folder', 'delete-folder', 'enable-threading', 'disable-threading', true); if (this.gui_objects.identitieslist) { @@ -351,7 +358,6 @@ this.sections_list.addEventListener('select', function(o){ p.section_select(o); }); this.sections_list.init(); this.sections_list.focus(); - this.sections_list.select('general'); // open first section by default } else if (this.gui_objects.subscriptionlist) this.init_subscription_list(); @@ -404,100 +410,6 @@ // 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(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.init_message_row = function(row) - { - var uid = row.uid; - if (uid && this.env.messages[uid]) - { - row.deleted = this.env.messages[uid].deleted ? true : false; - row.unread = this.env.messages[uid].unread ? true : false; - row.replied = this.env.messages[uid].replied ? true : false; - row.flagged = this.env.messages[uid].flagged ? true : false; - row.forwarded = this.env.messages[uid].forwarded ? true : false; - } - - // set eventhandler to message icon - if (row.icon = row.obj.getElementsByTagName('td')[0].getElementsByTagName('img')[0]) - { - var p = this; - row.icon.id = 'msgicn_'+row.uid; - row.icon._row = row.obj; - row.icon.onmousedown = function(e) { p.command('toggle_status', this); }; - } - - // global variable 'flagged_col' may be not defined yet - if (!this.env.flagged_col && this.env.coltypes) - { - var found; - if((found = find_in_array('flag', this.env.coltypes)) >= 0) - 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.getElementsByTagName('td')[this.env.flagged_col].getElementsByTagName('img')[0])) - { - var p = this; - row.flagged_icon.id = 'flaggedicn_'+row.uid; - row.flagged_icon._row = row.obj; - row.flagged_icon.onmousedown = function(e) { p.command('toggle_flag', this); }; - } - - this.triggerEvent('insertrow', { uid:uid, row:row }); - }; - - // init message compose form: set focus and eventhandlers - this.init_messageform = function() - { - if (!this.gui_objects.messageform) - return false; - - //this.messageform = this.gui_objects.messageform; - 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 - 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.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.val() == '') - input_to.focus(); - else if (input_subject.val() == '') - input_subject.focus(); - else if (input_message) - input_message.focus(); - - // get summary of all field values - this.compose_field_hash(true); - - // start the auto-save timer - this.auto_save_start(); - }; - - this.init_address_input_events = function(obj) - { - var handler = function(e){ return ref.ksearch_keypress(e,this); }; - obj.bind((bw.safari || bw.ie ? 'keydown' : 'keypress'), handler); - obj.attr('autocomplete', 'off'); - }; /*********************************************************/ @@ -575,6 +487,12 @@ parent.location.href = this.env.permaurl; break; + case 'menu-open': + case 'menu-save': + this.triggerEvent(command, {props:props}); + return false; + break; + case 'open': var uid; if (uid = this.get_single_uid()) @@ -602,7 +520,7 @@ this.reset_qsearch(); this.list_contacts(props); - this.enable_command('add', (this.env.address_sources && !this.env.address_sources[props].readonly)); + this.enable_command('add', 'import', (this.env.address_sources && !this.env.address_sources[props].readonly)); } break; @@ -618,15 +536,10 @@ if (this.env.sort_col==sort_col) sort_order = this.env.sort_order=='ASC' ? 'DESC' : 'ASC'; else - sort_order = 'ASC'; - - // set table header class - $('#rcm'+this.env.sort_col).removeClass('sorted'+(this.env.sort_order.toUpperCase())); - $('#rcm'+sort_col).addClass('sorted'+sort_order); + sort_order = 'ASC'; - // save new sort properties - this.env.sort_col = sort_col; - this.env.sort_order = sort_order; + // set table header and update env + this.set_list_sorting(sort_col, sort_order); // reload message list this.list_mailbox('', '', sort_col+'_'+sort_order); @@ -751,7 +664,6 @@ this.delete_identity(); break; - // mail task commands case 'move': case 'moveto': @@ -759,6 +671,11 @@ this.move_messages(props); else if (this.task == 'addressbook' && this.drag_active) this.copy_contact(null, props); + break; + + case 'copy': + if (this.task == 'mail') + this.copy_messages(props); break; case 'mark': @@ -820,7 +737,7 @@ var qstring = '_mbox='+urlencode(this.env.mailbox)+'&_uid='+this.env.uid+'&_part='+props.part; // open attachment in frame if it's of a supported mimetype - if (this.env.uid && props.mimetype && find_in_array(props.mimetype, this.mimetypes)>=0) + if (this.env.uid && props.mimetype && jQuery.inArray(props.mimetype, this.mimetypes)>=0) { if (props.mimetype == 'text/html') qstring += '&_safe=1'; @@ -836,14 +753,31 @@ break; case 'select-all': + this.select_all_mode = props ? false : true; if (props == 'invert') this.message_list.invert_selection(); else - this.message_list.select_all(props); + this.message_list.select_all(props == 'page' ? '' : props); break; case 'select-none': this.message_list.clear_selection(); + break; + + case 'expand-all': + this.env.autoexpand_threads = 1; + this.message_list.expand_all(); + break; + + case 'expand-unread': + this.env.autoexpand_threads = 2; + this.message_list.collapse_all(); + this.expand_unread(); + break; + + case 'collapse-all': + this.env.autoexpand_threads = 0; + this.message_list.collapse_all(); break; case 'nextmessage': @@ -985,6 +919,10 @@ this.remove_attachment(props); break; + case 'insert-sig': + this.change_identity($("[name='_from']")[0], true); + break; + case 'reply-all': case 'reply': var uid; @@ -1065,7 +1003,7 @@ this.lock_form(this.gui_objects.importform, true); } else - this.goto_url('import'); + this.goto_url('import', (this.env.source ? '_target='+urlencode(this.env.source)+'&' : '')); break; case 'export': @@ -1107,7 +1045,15 @@ case 'unsubscribe': this.unsubscribe_folder(props); break; - + + case 'enable-threading': + this.enable_threading(props); + break; + + case 'disable-threading': + this.disable_threading(props); + break; + case 'create-folder': this.create_folder(props); break; @@ -1253,10 +1199,14 @@ // handle mouse release when dragging if (this.drag_active && model && this.env.last_folder_target) { + var mbox = model[this.env.last_folder_target].id; + $(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(); + + if (!this.drag_menu(e, mbox)) + this.command('moveto', mbox); } // reset 'pressed' buttons @@ -1266,6 +1216,29 @@ this.button_out(this.buttons_sel[id], id); this.buttons_sel = {}; } + }; + + this.drag_menu = function(e, mbox) + { + var modkey = rcube_event.get_modifier(e); + var menu = $('#'+this.gui_objects.message_dragmenu); + + if (menu && modkey == SHIFT_KEY) { + var pos = rcube_event.get_mouse_pos(e); + this.env.drag_mbox = mbox; + menu.css({top: (pos.y-10)+'px', left: (pos.x-10)+'px'}).show(); + return true; + } + }; + + this.drag_menu_action = function(action) + { + var menu = $('#'+this.gui_objects.message_dragmenu); + if (menu) { + menu.hide(); + } + this.command(action, this.env.drag_mbox); + this.env.drag_mbox = null; }; this.drag_start = function(list) @@ -1441,19 +1414,19 @@ if (this.preview_timer) clearTimeout(this.preview_timer); - var selected = list.selection.length==1; + var selected = list.get_single_selection() != null; // Hide certain command buttons when Drafts folder is selected if (this.env.mailbox == this.env.drafts_mailbox) { this.enable_command('reply', 'reply-all', 'forward', false); this.enable_command('show', 'print', 'open', 'edit', 'download', 'viewsource', selected); - this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); + this.enable_command('delete', 'moveto', 'copy', 'mark', (list.selection.length > 0 ? true : false)); } else { this.enable_command('show', 'reply', 'reply-all', 'forward', 'print', 'edit', 'open', 'download', 'viewsource', selected); - this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); + this.enable_command('delete', 'moveto', 'copy', 'mark', (list.selection.length > 0 ? true : false)); } // start timer for message preview (wait for double click) @@ -1496,6 +1469,12 @@ this.show_contentframe(false); }; + this.msglist_expand = function(row) + { + if (this.env.messages[row.uid]) + this.env.messages[row.uid].expanded = row.expanded; + }; + this.check_droptarget = function(id) { if (this.task == 'mail') @@ -1510,6 +1489,215 @@ /*********************************************************/ /********* (message) list functionality *********/ /*********************************************************/ + + this.init_message_row = function(row) + { + var self = this; + var uid = row.uid; + + if (uid && this.env.messages[uid]) + $.extend(row, this.env.messages[uid]); + + // set eventhandler to message icon + if (this.env.subject_col != null && (row.icon = document.getElementById('msgicn'+row.uid))) { + row.icon._row = row.obj; + row.icon.onmousedown = function(e) { self.command('toggle_status', this); }; + } + + // set eventhandler to flag icon, if icon found + if (this.env.flagged_col != null && (row.flagged_icon = document.getElementById('flaggedicn'+row.uid))) { + row.flagged_icon._row = row.obj; + row.flagged_icon.onmousedown = function(e) { self.command('toggle_flag', this); }; + } + + var expando; + if (!row.depth && row.has_children && (expando = document.getElementById('rcmexpando'+row.uid))) { + expando.onmousedown = function(e) { return self.expand_message_row(e, uid); }; + } + + this.triggerEvent('insertrow', { uid:uid, row:row }); + }; + + // create a table row in the message list + this.add_message_row = function(uid, cols, flags, attop) + { + if (!this.gui_objects.messagelist || !this.message_list) + return false; + + if (this.message_list.background) + var tbody = this.message_list.background; + else + var tbody = this.gui_objects.messagelist.tBodies[0]; + + var rows = this.message_list.rows; + var rowcount = tbody.rows.length; + var even = rowcount%2; + + if (!this.env.messages[uid]) + this.env.messages[uid] = {}; + + // merge flags over local message object + $.extend(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, + has_children: flags.has_children?1:0, + depth: flags.depth?flags.depth:0, + unread_children: flags.unread_children, + parent_uid: flags.parent_uid + }); + + var message = this.env.messages[uid]; + + var css_class = 'message' + + (even ? ' even' : ' odd') + + (flags.unread ? ' unread' : '') + + (flags.deleted ? ' deleted' : '') + + (flags.flagged ? ' flagged' : '') + + (flags.unread_children && !flags.unread && !this.env.autoexpand_threads ? ' unroot' : '') + + (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 = css_class; + + var icon = this.env.messageicon; + if (!flags.unread && flags.unread_children > 0 && this.env.unreadchildrenicon) + icon = this.env.unreadchildrenicon; + else if (flags.deleted && this.env.deletedicon) + icon = this.env.deletedicon; + else if (flags.replied && this.env.repliedicon) { + if (flags.forwarded && this.env.forwardedrepliedicon) + icon = this.env.forwardedrepliedicon; + else + icon = this.env.repliedicon; + } + else if (flags.forwarded && this.env.forwardedicon) + icon = this.env.forwardedicon; + else if(flags.unread && this.env.unreadicon) + icon = this.env.unreadicon; + + var tree = expando = ''; + + if (this.env.threading) { + // This assumes that div width is hardcoded to 15px, + var width = message.depth * 15; + if (message.depth) { + if ((this.env.autoexpand_threads == 0 || this.env.autoexpand_threads == 2) && + (!rows[message.parent_uid] || !rows[message.parent_uid].expanded)) { + row.style.display = 'none'; + message.expanded = false; + } + else + message.expanded = true; + } + else if (message.has_children) { + if (typeof(message.expanded) == 'undefined' && (this.env.autoexpand_threads == 1 || (this.env.autoexpand_threads == 2 && message.unread_children))) { + message.expanded = true; + } + } + + if (width) + tree += '<span id="rcmtab' + uid + '" class="branch" style="width:' + width + 'px;"> </span>'; + + if (message.has_children && !message.depth) + expando = '<div id="rcmexpando' + uid + '" class="' + (message.expanded ? 'expanded' : 'collapsed') + '"> </div>'; + } + + tree += icon ? '<img id="msgicn'+uid+'" src="'+icon+'" alt="" class="msgicon" />' : ''; + + // first col is always there + var col = document.createElement('td'); + col.className = 'threads'; + col.innerHTML = expando; + row.appendChild(col); + + // build subject link + if (!bw.ie && cols.subject) { + var action = flags.mbox == this.env.drafts_mailbox ? 'compose' : 'show'; + var uid_param = flags.mbox == this.env.drafts_mailbox ? '_draft_uid' : '_uid'; + cols.subject = '<a href="./?_task=mail&_action='+action+'&_mbox='+urlencode(flags.mbox)+'&'+uid_param+'='+uid+'"'+ + ' onclick="return rcube_event.cancel(event)">'+cols.subject+'</a>'; + } + + // add each submitted col + for (var n = 0; n < this.env.coltypes.length; n++) { + var c = this.env.coltypes[n]; + col = document.createElement('td'); + col.className = String(c).toLowerCase(); + + var html; + if (c=='flag') { + if (flags.flagged && this.env.flaggedicon) + html = '<img id="flaggedicn'+uid+'" src="'+this.env.flaggedicon+'" class="flagicon" alt="" />'; + else if(!flags.flagged && this.env.unflaggedicon) + html = '<img id="flaggedicn'+uid+'" src="'+this.env.unflaggedicon+'" class="flagicon" alt="" />'; + } + else if (c=='attachment') + html = flags.attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" />' : ' '; + else if (c=='subject') + html = tree + cols[c]; + else + html = cols[c]; + + col.innerHTML = html; + + 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); + } + }; + + // messages list handling in background (for performance) + this.offline_message_list = function(flag) + { + if (this.message_list) + this.message_list.set_background_mode(flag); + }; + + this.set_list_sorting = function(sort_col, sort_order) + { + // set table header class + $('#rcm'+this.env.sort_col).removeClass('sorted'+(this.env.sort_order.toUpperCase())); + if (sort_col) + $('#rcm'+sort_col).addClass('sorted'+sort_order); + + this.env.sort_col = sort_col; + this.env.sort_order = sort_order; + } + + this.set_list_options = function(cols, sort_col, sort_order, threads) + { + var update, add_url = ''; + + if (this.env.sort_col != sort_col || this.env.sort_order != sort_order) { + update = 1; + this.set_list_sorting(sort_col, sort_order); + } + + if (this.env.threading != threads) { + update = 1; + add_url += '&_threads=' + threads; + } + + if (cols.join() != this.env.coltypes.join()) { + update = 1; + add_url += '&_cols=' + cols.join(','); + } + + if (update) + this.list_mailbox('', '', sort_col+'_'+sort_order, add_url); + } // when user doble-clicks on a row this.show_message = function(id, safe, preview) @@ -1545,6 +1733,7 @@ if (action == 'preview' && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread) { this.set_message(id, 'unread', false); + this.update_thread_root(id, 'read'); if (this.env.unread_counts[this.env.mailbox]) { this.env.unread_counts[this.env.mailbox] -= 1; @@ -1608,27 +1797,29 @@ 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); + + (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) + this.list_mailbox = function(mbox, page, sort, add_url) { - var add_url = ''; + var url = ''; var target = window; if (!mbox) mbox = this.env.mailbox; + if (add_url) + url += add_url; + // add sort to url if set if (sort) - add_url += '&_sort=' + sort; + url += '&_sort=' + sort; // also send search request to get the right messages if (this.env.search_request) - add_url += '&_search='+this.env.search_request; + url += '&_search='+this.env.search_request; // set page=1 if changeing to another mailbox if (!page && this.env.mailbox != mbox) @@ -1639,34 +1830,35 @@ } if (mbox != this.env.mailbox || (mbox == this.env.mailbox && !page && !sort)) - add_url += '&_refresh=1'; + url += '&_refresh=1'; // unselect selected messages this.last_selected = 0; - if (this.message_list) + if (this.message_list) { this.message_list.clear_selection(); - + this.select_all_mode = false; + } this.select_folder(mbox, this.env.mailbox); this.env.mailbox = mbox; // load message list remotely if (this.gui_objects.messagelist) { - this.list_mailbox_remote(mbox, page, add_url); + this.list_mailbox_remote(mbox, page, url); return; } if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) { target = window.frames[this.env.contentframe]; - add_url += '&_framed=1'; + url += '&_framed=1'; } // load message list to target frame/window if (mbox) { this.set_busy(true, 'loading'); - target.location.href = this.env.comm_path+'&_mbox='+urlencode(mbox)+(page ? '&_page='+page : '')+add_url; + target.location.href = this.env.comm_path+'&_mbox='+urlencode(mbox)+(page ? '&_page='+page : '')+url; } }; @@ -1682,53 +1874,177 @@ this.http_request('list', url+add_url, true); }; - this.expunge_mailbox = function(mbox) + // expand all threads with unread children + this.expand_unread = function() { - var lock = false; - var add_url = ''; + var tbody = this.gui_objects.messagelist.tBodies[0]; + var new_row = tbody.firstChild; + var r; - // lock interface if it's the active mailbox - if (mbox == this.env.mailbox) - { - lock = true; - this.set_busy(true, 'loading'); - add_url = '&_reload=1'; - } - - // send request to server - var url = '_mbox='+urlencode(mbox); - this.http_post('expunge', url+add_url, lock); + while (new_row) { + if (new_row.nodeType == 1 && (r = this.message_list.rows[new_row.uid]) + && r.unread_children) { + this.message_list.expand_all(r); + var expando = document.getElementById('rcmexpando' + r.uid); + if (expando) + expando.className = 'expanded'; + this.set_unread_children(r.uid); + } + new_row = new_row.nextSibling; + } + return false; }; - this.purge_mailbox = function(mbox) + // thread expanding/collapsing handler + this.expand_message_row = function(e, uid) { - var lock = false; - var add_url = ''; - - if (!confirm(this.get_label('purgefolderconfirm'))) - return false; - - // lock interface if it's the active mailbox - if (mbox == this.env.mailbox) - { - lock = true; - this.set_busy(true, 'loading'); - add_url = '&_reload=1'; - } + var row = this.message_list.rows[uid]; - // send request to server - var url = '_mbox='+urlencode(mbox); - this.http_post('purge', url+add_url, lock); - return true; + // handle unread_children mark + row.expanded = !row.expanded; + this.set_unread_children(uid); + row.expanded = !row.expanded; + + this.message_list.expand_row(e, uid); }; - // test if purge command is allowed - this.purge_mailbox_test = function() + // message list expanding + this.expand_threads = function() + { + if (!this.env.threading || !this.env.autoexpand_threads || !this.message_list) + return; + + switch (this.env.autoexpand_threads) { + case 2: this.expand_unread(); break; + case 1: this.message_list.expand_all(); break; + } + // this.message_list.expand(null); + } + + // update parent in a thread + this.update_thread_root = function(uid, flag) { - return (this.env.messagecount && (this.env.mailbox == this.env.trash_mailbox || this.env.mailbox == this.env.junk_mailbox - || this.env.mailbox.match('^' + RegExp.escape(this.env.trash_mailbox) + RegExp.escape(this.env.delimiter)) - || this.env.mailbox.match('^' + RegExp.escape(this.env.junk_mailbox) + RegExp.escape(this.env.delimiter)))); + if (!this.env.threading) + return; + + var root = this.find_thread_root(uid); + + if (uid == root) + return; + + var p = this.message_list.rows[root]; + + if (flag == 'read' && p.unread_children) { + p.unread_children--; + } else if (flag == 'unread' && p.has_children) { + // unread_children may be undefined + p.unread_children = p.unread_children ? p.unread_children + 1 : 1; + } else { + return; + } + + this.set_message_icon(root); + this.set_unread_children(root); }; + + // finds root message for specified thread + this.find_thread_root = function(uid) + { + var r = this.message_list.rows[uid]; + + if (r.parent_uid) + return this.find_thread_root(r.parent_uid); + else + return uid; + } + + // update thread indicators for all messages in a thread below the specified message + // return number of removed/added root level messages + this.update_thread = function (uid) + { + if (!this.env.threading) + return 0; + + var rows = this.message_list.rows; + var row = rows[uid] + var depth = rows[uid].depth; + var r, parent, count = 0; + var roots = new Array(); + + if (!row.depth) // root message: decrease roots count + count--; + else if (row.unread) { + // update unread_children for thread root + var parent = this.find_thread_root(uid); + rows[parent].unread_children--; + this.set_unread_children(parent); + } + + parent = row.parent_uid; + + // childrens + row = row.obj.nextSibling; + while (row) { + if (row.nodeType == 1 && (r = rows[row.uid])) { + if (!r.depth || r.depth <= depth) + break; + + r.depth--; // move left + $('#rcmtab'+r.uid).width(r.depth * 15); + if (!r.depth) { // a new root + count++; // increase roots count + r.parent_uid = 0; + if (r.has_children) { + // replace 'leaf' with 'collapsed' + $('#rcmrow'+r.uid+' '+'.leaf:first') + .attr('id', 'rcmexpando' + r.uid) + .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); }); + + r.unread_children = 0; + roots[roots.length] = r; + } + // show if it was hidden + if (r.obj.style.display == 'none') + $(r.obj).show(); + } + else { + if (r.depth == depth) + r.parent_uid = parent; + if (r.unread && roots.length) { + roots[roots.length-1].unread_children++; + } + } + } + row = row.nextSibling; + } + + // update unread_children for roots + for (var i=0; i<roots.length; i++) + this.set_unread_children(roots[i].uid); + + return count; + }; + + this.delete_excessive_thread_rows = function() + { + var rows = this.message_list.rows; + var tbody = this.message_list.list.tBodies[0]; + var row = tbody.firstChild; + var cnt = this.env.pagesize + 1; + + while (row) { + if (row.nodeType == 1 && (r = rows[row.uid])) { + if (!r.depth && cnt) + cnt--; + + if (!cnt) + this.message_list.remove_row(row.uid); + } + row = row.nextSibling; + } + } // set message icon this.set_message_icon = function(uid) @@ -1738,8 +2054,10 @@ if (!rows[uid]) return false; - - if (rows[uid].deleted && this.env.deletedicon) + if (!rows[uid].unread && rows[uid].unread_children && this.env.unreadchildrenicon) { + icn_src = this.env.unreadchildrenicon; + } + else if (rows[uid].deleted && this.env.deletedicon) icn_src = this.env.deletedicon; else if (rows[uid].replied && this.env.repliedicon) { @@ -1764,7 +2082,6 @@ icn_src = this.env.flaggedicon; else if (!rows[uid].flagged && this.env.unflaggedicon) icn_src = this.env.unflaggedicon; - if (rows[uid].flagged_icon && icn_src) rows[uid].flagged_icon.src = icn_src; } @@ -1787,7 +2104,7 @@ else if (flag == 'flagged') rows[uid].flagged = status; - this.env.messages[uid] = rows[uid]; +// this.env.messages[uid] = rows[uid]; } // set message row status, class and icon @@ -1799,43 +2116,67 @@ 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'; + + if (rows[uid].unread && !rowobj.hasClass('unread')) rowobj.addClass('unread'); - } - else if (!rows[uid].unread && rows[uid].classname.indexOf('unread')>=0) - { - rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); + else if (!rows[uid].unread && rowobj.hasClass('unread')) rowobj.removeClass('unread'); - } - if (rows[uid].deleted && rows[uid].classname.indexOf('deleted')<0) - { - rows[uid].classname += ' deleted'; + if (rows[uid].deleted && !rowobj.hasClass('deleted')) rowobj.addClass('deleted'); - } - else if (!rows[uid].deleted && rows[uid].classname.indexOf('deleted')>=0) - { - rows[uid].classname = rows[uid].classname.replace(/\s*deleted/, ''); + else if (!rows[uid].deleted && rowobj.hasClass('deleted')) rowobj.removeClass('deleted'); - } - if (rows[uid].flagged && rows[uid].classname.indexOf('flagged')<0) - { - rows[uid].classname += ' flagged'; + if (rows[uid].flagged && !rowobj.hasClass('flagged')) rowobj.addClass('flagged'); - } - else if (!rows[uid].flagged && rows[uid].classname.indexOf('flagged')>=0) - { - rows[uid].classname = rows[uid].classname.replace(/\s*flagged/, ''); + else if (!rows[uid].flagged && rowobj.hasClass('flagged')) rowobj.removeClass('flagged'); - } + this.set_unread_children(uid); this.set_message_icon(uid); + }; + + // sets unroot (unread_children) class of parent row + this.set_unread_children = function(uid) + { + var row = this.message_list.rows[uid]; + + if (row.parent_uid || !row.has_children) + return; + + if (!row.unread && row.unread_children && !row.expanded) + $(row.obj).addClass('unroot'); + else + $(row.obj).removeClass('unroot'); + }; + + // copy selected messages to the specified mailbox + this.copy_messages = function(mbox) + { + // exit if current or no mailbox specified or if selection is empty + if (!mbox || mbox == this.env.mailbox || (!this.env.uid && (!this.message_list || !this.message_list.get_selection().length))) + return; + + var add_url = '&_target_mbox='+urlencode(mbox)+'&_from='+(this.env.action ? this.env.action : ''); + var a_uids = new Array(); + + if (this.env.uid) + a_uids[0] = this.env.uid; + else + { + var selection = this.message_list.get_selection(); + var id; + for (var n=0; n<selection.length; n++) { + id = selection[n]; + a_uids[a_uids.length] = id; + } } + + // send request to server + this.http_post('copy', '_uid='+a_uids.join(',')+'&_mbox='+urlencode(this.env.mailbox)+add_url, false); + }; // move selected messages to the specified mailbox this.move_messages = function(mbox) @@ -1864,30 +2205,40 @@ // delete selected messages from the current mailbox this.delete_messages = function() - { - var selection = this.message_list ? this.message_list.get_selection() : new Array(); + { + var selection = this.message_list ? $.merge([], this.message_list.get_selection()) : new Array(); // exit if no mailbox specified or if selection is empty if (!this.env.uid && !selection.length) return; - + + // also select childs of collapsed rows + for (var uid, i=0; i < selection.length; i++) { + uid = selection[i]; + if (this.message_list.rows[uid].has_children && !this.message_list.rows[uid].expanded) + this.message_list.select_childs(uid); + } + // if config is set to flag for deletion - if (this.env.flag_for_deletion) + if (this.env.flag_for_deletion) { this.mark_message('delete'); + return false; + } // if there isn't a defined trash mailbox or we are in it - else if (!this.env.trash_mailbox || String(this.env.mailbox).toLowerCase() == String(this.env.trash_mailbox).toLowerCase()) + else if (!this.env.trash_mailbox || this.env.mailbox == this.env.trash_mailbox) this.permanently_remove_messages(); // if there is a trash mailbox defined and we're not currently in it else { // if shift was pressed delete it immediately - if (this.message_list && this.message_list.shiftkey) - { + if (this.message_list && this.message_list.shiftkey) { if (confirm(this.get_label('deletemessagesconfirm'))) this.permanently_remove_messages(); - } + } else this.move_messages(this.env.trash_mailbox); - } + } + + return true; }; // delete the selected messages permanently @@ -1901,22 +2252,23 @@ this._with_selected_messages('delete', false, '&_from='+(this.env.action ? this.env.action : '')); }; - // Send a specifc request with UIDs of all selected messages + // Send a specifc moveto/delete request with UIDs of all selected messages // @private - this._with_selected_messages = function(action, lock, add_url, remove) + this._with_selected_messages = function(action, lock, add_url) { - var a_uids = new Array(); + var a_uids = new Array(), + count = 0; if (this.env.uid) a_uids[0] = this.env.uid; else { var selection = this.message_list.get_selection(); - var rows = this.message_list.rows; var id; for (var n=0; n<selection.length; n++) { id = selection[n]; a_uids[a_uids.length] = id; + count += this.update_thread(id); this.message_list.remove_row(id, (this.env.display_next && n == selection.length-1)); } // make sure there are no selected rows @@ -1931,8 +2283,16 @@ if (this.env.display_next && this.env.next_uid) add_url += '&_next_uid='+this.env.next_uid; + if (count < 0) + add_url += '&_count='+(count*-1); + else if (count > 0) + // remove threads from the end of the list + this.delete_excessive_thread_rows(); + + add_url += '&_uid='+this.uids_to_list(a_uids); + // send request to server - this.http_post(action, '_uid='+a_uids.join(',')+'&_mbox='+urlencode(this.env.mailbox)+add_url, lock); + this.http_post(action, '_mbox='+urlencode(this.env.mailbox)+add_url, lock); }; // set a specific flag to one or more messages @@ -1999,7 +2359,10 @@ for (var i=0; i<a_uids.length; i++) this.set_message(a_uids[i], 'unread', (flag=='unread' ? true : false)); - this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); + this.http_post('mark', '_uid='+this.uids_to_list(a_uids)+'&_flag='+flag); + + for (var i=0; i<a_uids.length; i++) + this.update_thread_root(a_uids[i], flag); }; // set image to flagged or unflagged @@ -2009,7 +2372,7 @@ for (var i=0; i<a_uids.length; i++) this.set_message(a_uids[i], 'flagged', (flag=='flagged' ? true : false)); - this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); + this.http_post('mark', '_uid='+this.uids_to_list(a_uids)+'&_flag='+flag); }; // mark all message rows as deleted/undeleted @@ -2053,39 +2416,48 @@ for (var i=0; i<a_uids.length; i++) this.set_message(a_uids[i], 'deleted', false); - this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag=undelete'); + this.http_post('mark', '_uid='+this.uids_to_list(a_uids)+'&_flag=undelete'); return true; }; this.flag_as_deleted = function(a_uids) { - var add_url = ''; - var r_uids = new Array(); - var rows = this.message_list ? this.message_list.rows : new Array(); - - for (var i=0; i<a_uids.length; i++) - { + var add_url = '', + r_uids = new Array(), + rows = this.message_list ? this.message_list.rows : new Array(), + count = 0; + + for (var i=0; i<a_uids.length; i++) { uid = a_uids[i]; - if (rows[uid]) - { + if (rows[uid]) { if (rows[uid].unread) r_uids[r_uids.length] = uid; - if (this.env.skip_deleted) + if (this.env.skip_deleted) { + count += this.update_thread(uid); this.message_list.remove_row(uid, (this.env.display_next && i == this.message_list.selection.length-1)); - else - this.set_message(uid, 'deleted', true); - } + } + else + this.set_message(uid, 'deleted', true); } + } // make sure there are no selected rows - if (this.env.skip_deleted && !this.env.display_next && this.message_list) - this.message_list.clear_selection(); + if (this.env.skip_deleted && this.message_list) { + if(!this.env.display_next) + this.message_list.clear_selection(); + if (count < 0) + add_url += '&_count='+(count*-1); + else if (count > 0) + // remove threads from the end of the list + this.delete_excessive_thread_rows(); + } add_url = '&_from='+(this.env.action ? this.env.action : ''); + // ?? if (r_uids.length) - add_url += '&_ruid='+r_uids.join(','); + add_url += '&_ruid='+this.uids_to_list(r_uids); if (this.env.skip_deleted) { // also send search request to get the right messages @@ -2095,7 +2467,7 @@ add_url += '&_next_uid='+this.env.next_uid; } - this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag=delete'+add_url); + this.http_post('mark', '_uid='+this.uids_to_list(a_uids)+'&_flag=delete'+add_url); return true; }; @@ -2103,21 +2475,78 @@ // argument should be a coma-separated list of uids this.flag_deleted_as_read = function(uids) { - var icn_src; - var rows = this.message_list ? this.message_list.rows : new Array(); - var str = String(uids); - var a_uids = new Array(); + var icn_src, uid, + rows = this.message_list ? this.message_list.rows : new Array(), + str = String(uids), + a_uids = str.split(','); - a_uids = str.split(','); - - for (var uid, i=0; i<a_uids.length; i++) - { + for (var i=0; i<a_uids.length; i++) { uid = a_uids[i]; if (rows[uid]) this.set_message(uid, 'unread', false); } }; + + // Converts array of message UIDs to comma-separated list for use in URL + // with select_all mode checking + this.uids_to_list = function(uids) + { + return this.select_all_mode ? '*' : uids.join(','); + }; + + /*********************************************************/ + /********* mailbox folders methods *********/ + /*********************************************************/ + + this.expunge_mailbox = function(mbox) + { + var lock = false; + var add_url = ''; + + // lock interface if it's the active mailbox + if (mbox == this.env.mailbox) + { + lock = true; + this.set_busy(true, 'loading'); + add_url = '&_reload=1'; + } + + // send request to server + var url = '_mbox='+urlencode(mbox); + this.http_post('expunge', url+add_url, lock); + }; + + this.purge_mailbox = function(mbox) + { + var lock = false; + var add_url = ''; + + if (!confirm(this.get_label('purgefolderconfirm'))) + return false; + + // lock interface if it's the active mailbox + if (mbox == this.env.mailbox) + { + lock = true; + this.set_busy(true, 'loading'); + add_url = '&_reload=1'; + } + + // send request to server + var url = '_mbox='+urlencode(mbox); + this.http_post('purge', url+add_url, lock); + return true; + }; + + // test if purge command is allowed + this.purge_mailbox_test = function() + { + return (this.env.messagecount && (this.env.mailbox == this.env.trash_mailbox || this.env.mailbox == this.env.junk_mailbox + || this.env.mailbox.match('^' + RegExp.escape(this.env.trash_mailbox) + RegExp.escape(this.env.delimiter)) + || this.env.mailbox.match('^' + RegExp.escape(this.env.junk_mailbox) + RegExp.escape(this.env.delimiter)))); + }; + /*********************************************************/ /********* login form methods *********/ @@ -2143,9 +2572,59 @@ /********* message compose methods *********/ /*********************************************************/ + // init message compose form: set focus and eventhandlers + this.init_messageform = function() + { + if (!this.gui_objects.messageform) + return false; + + //this.messageform = this.gui_objects.messageform; + var input_from = $("[name='_from']"); + var input_to = $("[name='_to']"); + var input_subject = $("input[name='_subject']"); + var input_message = $("[name='_message']").get(0); + var html_mode = $("input[name='_is_html']").val() == '1'; + + // init live search events + this.init_address_input_events(input_to); + this.init_address_input_events($("[name='_cc']")); + this.init_address_input_events($("[name='_bcc']")); + + if (!html_mode) + this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); + + // add signature according to selected identity + if (input_from.attr('type') == 'select-one' && $("input[name='_draft_saveid']").val() == '' + && !html_mode) { // if we have HTML editor, signature is added in callback + this.change_identity(input_from[0]); + } + else if (!html_mode) + this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); + + if (input_to.val() == '') + input_to.focus(); + else if (input_subject.val() == '') + input_subject.focus(); + else if (input_message && !html_mode) + input_message.focus(); + + // get summary of all field values + this.compose_field_hash(true); + + // start the auto-save timer + this.auto_save_start(); + }; + + this.init_address_input_events = function(obj) + { + var handler = function(e){ return ref.ksearch_keypress(e,this); }; + obj.bind((bw.safari || bw.ie ? 'keydown' : 'keypress'), handler); + obj.attr('autocomplete', 'off'); + }; + // checks the input fields before sending a message this.check_compose_input = function() - { + { // check input fields var input_to = $("[name='_to']"); var input_cc = $("[name='_cc']"); @@ -2171,37 +2650,39 @@ return false; } + // check if all files has been uploaded + for (var key in this.env.attachments) { + if (typeof this.env.attachments[key] == 'object' && !this.env.attachments[key].complete) { + alert(this.get_label('notuploadedwarning')); + return false; + } + } + // display localized warning for missing subject - if (input_subject.val() == '') - { + if (input_subject.val() == '') { var subject = prompt(this.get_label('nosubjectwarning'), this.get_label('nosubject')); // user hit cancel, so don't send - if (!subject && subject !== '') - { + if (!subject && subject !== '') { input_subject.focus(); return false; - } - else - { - input_subject.val((subject ? subject : this.get_label('nosubject'))); - } } + else + input_subject.val((subject ? subject : this.get_label('nosubject'))); + } // check for empty body if ((!window.tinyMCE || !tinyMCE.get(this.env.composebody)) - && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) - { + && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) { input_message.focus(); return false; - } + } else if (window.tinyMCE && tinyMCE.get(this.env.composebody) - && !tinyMCE.get(this.env.composebody).getContent() - && !confirm(this.get_label('nobodywarning'))) - { + && !tinyMCE.get(this.env.composebody).getContent() + && !confirm(this.get_label('nobodywarning'))) { tinyMCE.get(this.env.composebody).focus(); return false; - } + } // Apply spellcheck changes if spell checker is active this.stop_spellchecking(); @@ -2211,26 +2692,26 @@ tinyMCE.triggerSave(); return true; - }; + }; this.stop_spellchecking = function() - { + { if (this.env.spellcheck && !this.spellcheck_ready) { $(this.env.spellcheck.spell_span).trigger('click'); this.set_spellcheck_state('ready'); - } - }; + } + }; this.display_spellcheck_controls = function(vis) - { + { if (this.env.spellcheck) { // stop spellchecking process if (!vis) - this.stop_spellchecking(); + this.stop_spellchecking(); $(this.env.spellcheck.spell_container).css('visibility', vis ? 'visible' : 'hidden'); } - }; + }; this.set_spellcheck_state = function(s) { @@ -2275,119 +2756,151 @@ str += editor.getContent(); else str += $("[name='_message']").val(); - + + if (this.env.attachments) + for (var upload_id in this.env.attachments) + str += upload_id; + if (save) this.cmp_hash = str; - + return str; }; - this.change_identity = function(obj) - { + this.change_identity = function(obj, show_sig) + { if (!obj || !obj.options) return false; + + if (!show_sig) + show_sig = this.env.show_sig; var id = obj.options[obj.selectedIndex].value; var input_message = $("[name='_message']"); var message = input_message.val(); var is_html = ($("input[name='_is_html']").val() == '1'); - var sig, p, len; + var sig_separator = this.env.sig_above && (this.env.compose_mode == 'reply' || this.env.compose_mode == 'forward') ? '---' : '-- '; + var sig, cursor_pos, p = -1; if (!this.env.identity) this.env.identity = id - if (!is_html) - { - // remove the 'old' signature - if (this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) - { - 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']; - - if (sig.indexOf('-- ')!=0) - sig = '-- \n'+sig; - - p = message.lastIndexOf(sig); - if (p>=0) - message = message.substring(0, p-1) + message.substring(p+sig.length, message.length); - } - - message = message.replace(/[\r\n]+$/, ''); - len = message.length; - - // add the new signature string - if (this.env.signatures && this.env.signatures[id]) - { - sig = this.env.signatures[id]['text']; - if (this.env.signatures[id]['is_html']) - { - sig = this.env.signatures[id]['plain_text']; - } - if (sig.indexOf('-- ')!=0) - sig = '-- \n'+sig; - message += '\n\n'+sig; - if (len) len += 1; - } - } + // enable manual signature insert + if (this.env.signatures && this.env.signatures[id]) + this.enable_command('insert-sig', true); else - { - var editor = tinyMCE.get(this.env.composebody); + this.enable_command('insert-sig', false); - 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; + if (!is_html) { + // remove the 'old' signature + if (show_sig && this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) { + sig = this.env.signatures[this.env.identity].is_html ? this.env.signatures[this.env.identity].plain_text : this.env.signatures[this.env.identity].text; + sig = sig.replace(/\r\n/, '\n'); - if (!sigElem) - { - // add empty line before signature on IE - if (bw.ie) - editor.getBody().appendChild(editor.getDoc().createElement('br')); + if (!sig.match(/^--[ -]\n/)) + sig = sig_separator + '\n' + sig; - sigElem = editor.getDoc().createElement('div'); - sigElem.setAttribute('id', '_rc_sig'); - editor.getBody().appendChild(sigElem); + p = this.env.sig_above ? 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]['is_html'] ? this.env.signatures[id]['plain_text'] : this.env.signatures[id]['text']; + sig = sig.replace(/\r\n/, '\n'); + + if (!sig.match(/^--[ -]\n/)) + sig = sig_separator + '\n' + sig; + + if (this.env.sig_above) { + 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 (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; - if (this.env.signatures[id]) - { - newsig = this.env.signatures[id]['text']; - htmlsig = this.env.signatures[id]['is_html']; + input_message.val(message); + + // move cursor before the signature + this.set_caret_pos(input_message.get(0), cursor_pos); + } + else if (is_html && show_sig && this.env.signatures) { // html + var editor = tinyMCE.get(this.env.composebody); + var sigElem = editor.dom.get('_rc_sig'); - 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; + // Append the signature as a div within the body + if (!sigElem) { + var body = editor.getBody(); + var doc = editor.getDoc(); + + sigElem = doc.createElement('div'); + sigElem.setAttribute('id', '_rc_sig'); + + if (this.env.sig_above) { + // if no existing sig and top posting then insert at caret pos + editor.getWin().focus(); // correct focus in IE + + 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')); - if (htmlsig) - sigElem.innerHTML = newsig; - else - sigElem.innerHTML = '<pre>' + newsig + '</pre>'; + body.appendChild(sigElem); } } - input_message.val(message); + if (this.env.signatures[id]) { + if (this.env.signatures[id].is_html) { + sig = this.env.signatures[id].text; + if (!this.env.signatures[id].plain_text.match(/^--[ -]\r?\n/)) + sig = sig_separator + '<br />' + sig; + } + else { + sig = this.env.signatures[id].text; + if (!sig.match(/^--[ -]\r?\n/)) + sig = sig_separator + '\n' + sig; + sig = '<pre>' + sig + '</pre>'; + } - // move cursor before the signature - if (!is_html) - this.set_caret_pos(input_message.get(0), len); + sigElem.innerHTML = sig; + } + } this.env.identity = id; return true; - }; + }; this.show_attachment_form = function(a) { if (!this.gui_objects.uploadbox) return false; - + var elm, list; if (elm = this.gui_objects.uploadbox) { @@ -2397,8 +2910,8 @@ elm.style.top = (pos.top + list.offsetHeight + 10) + 'px'; elm.style.left = pos.left + 'px'; } - - elm.style.visibility = a ? 'visible' : 'hidden'; + + $(elm).toggle(); } // clear upload form @@ -2450,10 +2963,42 @@ document.body.appendChild(frame); } + // handle upload errors, parsing iframe content in onload + var fr = document.getElementsByName(frame_name)[0]; + $(fr).bind('load', {ts:ts}, function(e) { + var content = ''; + try { + if (this.contentDocument) { + var d = this.contentDocument; + } else if (this.contentWindow) { + var d = this.contentWindow.document; + } + content = d.childNodes[0].innerHTML; + } catch (e) {} + + if (!String(content).match(/add2attachment/) && (!bw.opera || (rcmail.env.uploadframe && rcmail.env.uploadframe == e.data.ts))) { + rcmail.display_message(rcmail.get_label('fileuploaderror'), 'error'); + rcmail.remove_from_attachment_list(e.data.ts); + } + // Opera hack: handle double onload + if (bw.opera) + rcmail.env.uploadframe = e.data.ts; + }); + form.target = frame_name; - form.action = this.env.comm_path+'&_action=upload'; + form.action = this.env.comm_path+'&_action=upload&_uploadid='+ts; form.setAttribute('enctype', 'multipart/form-data'); form.submit(); + + // hide upload form + this.show_attachment_form(false); + // display upload indicator and cancel button + var content = this.get_label('uploading'); + if (this.env.loadingicon) + content = '<img src="'+this.env.loadingicon+'" alt="" />'+content; + if (this.env.cancelicon) + content = '<a title="'+this.get_label('cancel')+'" onclick="return rcmail.cancel_attachment_upload(\''+ts+'\', \''+frame_name+'\');" href="#cancelupload"><img src="'+this.env.cancelicon+'" alt="" /></a>'+content; + this.add2attachment_list(ts, { name:'', html:content, complete:false }); } // set reference to the form object @@ -2463,17 +3008,35 @@ // add file name to attachment list // called from upload page - this.add2attachment_list = function(name, content) - { + this.add2attachment_list = function(name, att, upload_id) + { if (!this.gui_objects.attachmentlist) return false; - - $('<li>').attr('id', name).html(content).appendTo(this.gui_objects.attachmentlist); + + var li = $('<li>').attr('id', name).html(att.html); + var indicator; + + // replace indicator's li + if (upload_id && (indicator = document.getElementById(upload_id))) { + li.replaceAll(indicator); + } + else { // add new 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; + return true; - }; + }; this.remove_from_attachment_list = function(name) - { + { + if (this.env.attachments[name]) + delete this.env.attachments[name]; + if (!this.gui_objects.attachmentlist) return false; @@ -2481,14 +3044,24 @@ for (i=0;i<list.length;i++) if (list[i].id == name) this.gui_objects.attachmentlist.removeChild(list[i]); - }; + }; this.remove_attachment = function(name) { - if (name) + if (name && this.env.attachments[name]) this.http_post('remove-attachment', '_file='+urlencode(name)); return true; + }; + + this.cancel_attachment_upload = function(name, frame_name) + { + if (!name || !frame_name) + return false; + + this.remove_from_attachment_list(name); + $("iframe[name='"+frame_name+"']").remove(); + return false; }; // send remote request to add a new contact @@ -2508,11 +3081,14 @@ var addurl = ''; if (this.message_list) { this.message_list.clear(); - if (this.env.search_mods) { - var head_arr = new Array(); - for (var n in this.env.search_mods) - head_arr.push(n); - addurl += '&_headers='+head_arr.join(','); + if (this.env.search_mods) { + var mods = this.env.search_mods[this.env.mailbox] ? this.env.search_mods[this.env.mailbox] : this.env.search_mods['*']; + if (mods) { + var head_arr = new Array(); + for (var n in mods) + head_arr.push(n); + addurl += '&_headers='+head_arr.join(','); + } } } else if (this.contact_list) { this.contact_list.clear(true); @@ -2699,8 +3275,8 @@ this.ksearch_display_results = function (a_results) { // display search results - if (a_results.length && this.ksearch_input) { - var p, ul, li; + if (a_results.length && this.ksearch_input && this.ksearch_value) { + var p, ul, li, s_val = this.ksearch_value; // create results pane if not present if (!this.ksearch_pane) { @@ -2712,11 +3288,11 @@ // 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++) { li = document.createElement('LI'); - li.innerHTML = a_results[i].replace(new RegExp('('+this.ksearch_value+')', 'ig'), '##$1%%').replace(/</g, '<').replace(/>/g, '>').replace(/##([^%]+)%%/g, '<b>$1</b>'); + li.innerHTML = a_results[i].replace(new RegExp('('+s_val+')', '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; @@ -3261,10 +3837,13 @@ if (!this.gui_objects.subscriptionlist) return false; - // find not protected folder - for (var refid in this.env.subscriptionrows) - if (this.env.subscriptionrows[refid]!=null && !this.env.subscriptionrows[refid][2]) + // find not protected folder + var refid; + for (var rid in this.env.subscriptionrows) + if (this.env.subscriptionrows[rid]!=null && !this.env.subscriptionrows[rid][2]) { + refid = rid; break; + } var refrow, form; var tbody = this.gui_objects.subscriptionlist.tBodies[0]; @@ -3277,10 +3856,11 @@ refid = replace.id; } - if (!id || !(refrow = document.getElementById(refid))) + if (!id || !refid || !(refrow = document.getElementById(refid))) { // Refresh page if we don't have a table row to clone this.goto_url('folders'); + return false; } else { @@ -3306,7 +3886,7 @@ // set messages count to zero if (!replace) row.cells[1].innerHTML = '*'; - + if (!replace && row.cells[2] && row.cells[2].firstChild.tagName.toLowerCase()=='input') { row.cells[2].firstChild.value = name; @@ -3395,7 +3975,20 @@ if (folder) this.http_post('unsubscribe', '_mbox='+urlencode(folder)); }; + + this.enable_threading = function(folder) + { + if (folder) + this.http_post('enable-threading', '_mbox='+urlencode(folder)); + }; + + this.disable_threading = function(folder) + { + if (folder) + this.http_post('disable-threading', '_mbox='+urlencode(folder)); + }; + // helper method to find a specific mailbox row ID this.get_folder_row_id = function(folder) { @@ -3700,127 +4293,65 @@ return null; }; - // for reordering column array, Konqueror workaround - this.set_message_coltypes = function(coltypes) + // for reordering column array (Konqueror workaround) + // and for setting some message list global variables + this.set_message_coltypes = function(coltypes, repl) { - this.coltypes = coltypes; + this.env.coltypes = coltypes; // set correct list titles - var cell, col; var thead = this.gui_objects.messagelist ? this.gui_objects.messagelist.tHead : null; - for (var n=0; thead && n<this.coltypes.length; n++) + + // replace old column headers + if (thead && repl) { + for (var cell, c=0; c < repl.length; c++) { + cell = thead.rows[0].cells[c]; + if (!cell) { + cell = document.createElement('td'); + thead.rows[0].appendChild(cell); + } + cell.innerHTML = repl[c].html; + if (repl[c].id) cell.id = repl[c].id; + if (repl[c].className) cell.className = repl[c].className; + } + } + + var cell, col, n; + for (n=0; thead && n<this.env.coltypes.length; n++) { - col = this.coltypes[n]; + col = this.env.coltypes[n]; if ((cell = thead.rows[0].cells[n+1]) && (col=='from' || col=='to')) { // if we have links for sorting, it's a bit more complicated... if (cell.firstChild && cell.firstChild.tagName.toLowerCase()=='a') { - cell.firstChild.innerHTML = this.get_label(this.coltypes[n]); + cell.firstChild.innerHTML = this.get_label(this.env.coltypes[n]); cell.firstChild.onclick = function(){ return rcmail.command('sort', this.__col, this); }; cell.firstChild.__col = col; } else - cell.innerHTML = this.get_label(this.coltypes[n]); + cell.innerHTML = this.get_label(this.env.coltypes[n]); cell.id = 'rcm'+col; } - else if (col == 'subject' && this.message_list) - this.message_list.subject_col = n+1; - } - }; - - // create a table row in the message list - this.add_message_row = function(uid, cols, flags, attachment, attop) - { - if (!this.gui_objects.messagelist || !this.message_list) - return false; - - 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 - }; - - 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 = css_class; - - var icon = this.env.messageicon; - if (flags.deleted && this.env.deletedicon) - icon = this.env.deletedicon; - else if (flags.replied && this.env.repliedicon) - { - if (flags.forwarded && this.env.forwardedrepliedicon) - icon = this.env.forwardedrepliedicon; - else - icon = this.env.repliedicon; - } - else if (flags.forwarded && this.env.forwardedicon) - icon = this.env.forwardedicon; - 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++) { - var c = this.coltypes[n]; - col = document.createElement('td'); - col.className = String(c).toLowerCase(); - - if (c=='flag') { - if (flags.flagged && this.env.flaggedicon) - col.innerHTML = '<img src="'+this.env.flaggedicon+'" alt="" />'; - 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); } - this.message_list.insert_row(row, attop); + // remove excessive columns + for (var i=n+1; thead && i<thead.rows[0].cells.length; i++) + thead.rows[0].removeChild(thead.rows[0].cells[i]); - // 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); - } - }; + this.env.subject_col = null; + this.env.flagged_col = null; - // messages list handling in background (for performance) - this.offline_message_list = function(flag) - { + var found; + if((found = jQuery.inArray('subject', this.env.coltypes)) >= 0) { + this.set_env('subject_col', found); if (this.message_list) - this.message_list.set_background_mode(flag); - }; + this.message_list.subject_col = found+1; + } + if((found = jQuery.inArray('flag', this.env.coltypes)) >= 0) + this.set_env('flagged_col', found); + }; // replace content of row count display this.set_rowcount = function(text) @@ -3841,8 +4372,12 @@ // replace content of quota display this.set_quota = function(content) { - if (content && this.gui_objects.quotadisplay) - $(this.gui_objects.quotadisplay).html(content); + if (content && this.gui_objects.quotadisplay) { + if (typeof(content) == 'object') + this.percent_indicator(this.gui_objects.quotadisplay, content); + else + $(this.gui_objects.quotadisplay).html(content); + } }; // update the mailboxlist @@ -3971,6 +4506,61 @@ elem.onclick = function() { rcmail.load_headers(elem); } } + // percent (quota) indicator + this.percent_indicator = function(obj, data) + { + if (!data || !obj) + return false; + + var limit_high = 80; + var limit_mid = 55; + var width = data.width ? data.width : this.env.indicator_width ? this.env.indicator_width : 100; + var height = data.height ? data.height : this.env.indicator_height ? this.env.indicator_height : 14; + var quota = data.percent ? Math.abs(parseInt(data.percent)) : 0; + var quota_width = parseInt(quota / 100 * width); + var pos = $(obj).position(); + + this.env.indicator_width = width; + this.env.indicator_height = height; + + // overlimit + if (quota_width > width) { + quota_width = width; + quota = 100; + } + + // main div + var main = $('<div>'); + main.css({position: 'absolute', top: pos.top, left: pos.left, + width: width + 'px', height: height + 'px', zIndex: 100, lineHeight: height + 'px'}) + .attr('title', data.title).addClass('quota_text').html(quota + '%'); + // used bar + var bar1 = $('<div>'); + bar1.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, + width: quota_width + 'px', height: height + 'px', zIndex: 99}); + // background + var bar2 = $('<div>'); + bar2.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, + width: width + 'px', height: height + 'px', zIndex: 98}) + .addClass('quota_bg'); + + if (quota >= limit_high) { + main.addClass(' quota_text_high'); + bar1.addClass('quota_high'); + } + else if(quota >= limit_mid) { + main.addClass(' quota_text_mid'); + bar1.addClass('quota_mid'); + } + else { + main.addClass(' quota_text_normal'); + bar1.addClass('quota_low'); + } + + // replace quota image + obj.innerHTML = ''; + $(obj).append(bar1).append(bar2).append(main); + } /********************************************************/ /********* html to text conversion functions *********/ @@ -4009,7 +4599,7 @@ if (this.env.framed && window.parent) parent.location.href = url; - else + else location.href = url; }; @@ -4026,7 +4616,7 @@ var url = this.env.comm_path + '&_action=' + action + '&' + querystring // send request - console.log('HTTP POST: ' + url); + console.log('HTTP GET: ' + url); jQuery.get(url, { _unlock:(lock?1:0) }, function(data){ ref.http_response(data); }, 'json'); }; @@ -4077,7 +4667,7 @@ for (var i=0; i < response.callbacks.length; i++) this.triggerEvent(response.callbacks[i][0], response.callbacks[i][1]); } - + // process the response data according to the sent action switch (response.action) { case 'delete': @@ -4090,8 +4680,8 @@ case 'moveto': if (this.env.action == 'show') { - // re-enable commands on move/delete error - this.enable_command('reply', 'reply-all', 'forward', 'delete', 'mark', 'print', 'open', 'edit', 'viewsource', 'download', true); + // re-enable commands on move/delete error + this.enable_command('reply', 'reply-all', 'forward', 'delete', 'mark', 'print', 'open', 'edit', 'viewsource', 'download', true); } else if (this.message_list) this.message_list.init(); break; @@ -4103,21 +4693,27 @@ if (this.env.contentframe) this.show_contentframe(false); // disable commands useless when mailbox is empty - this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', - 'mark', 'viewsource', 'open', 'edit', 'download', 'print', 'load-attachment', - 'purge', 'expunge', 'select-all', 'select-none', 'sort', false); + this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'copy', 'delete', + 'mark', 'viewsource', 'open', 'edit', 'download', 'print', 'load-attachment', + 'purge', 'expunge', 'select-all', 'select-none', 'sort', + 'expand-all', 'expand-unread', 'collapse-all', false); } break; case 'check-recent': case 'getunread': + case 'search': case 'list': if (this.task == 'mail') { - if (this.message_list && response.action == 'list') + if (this.message_list && (response.action == 'list' || response.action == 'search')) { this.msglist_select(this.message_list); + this.expand_threads(); + } this.enable_command('show', 'expunge', 'select-all', 'select-none', 'sort', (this.env.messagecount > 0)); this.enable_command('purge', this.purge_mailbox_test()); - + + this.enable_command('expand-all', 'expand-unread', 'collapse-all', this.env.threading && this.env.messagecount); + if (response.action == 'list') this.triggerEvent('listupdate', { folder:this.env.mailbox, rowcount:this.message_list.rowcount }); } @@ -4150,16 +4746,27 @@ this.http_request('keep-alive', '_t='+d.getTime()); }; + // 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(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); + } + // send periodic request to check for recent messages - this.check_for_recent = function(setbusy) + this.check_for_recent = function(refresh) { if (this.busy) return; - if (setbusy) - this.set_busy(true, 'checkingmail'); - var addurl = '_t=' + (new Date().getTime()); + + if (refresh) { + this.set_busy(true, 'checkingmail'); + addurl += '&_refresh=1'; + } if (this.gui_objects.messagelist) addurl += '&_list=1'; @@ -4248,9 +4855,7 @@ } // end object rcube_webmail - // 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; - -- Gitblit v1.9.1