| | |
| | | $Id$ |
| | | */ |
| | | |
| | | // Constants |
| | | var CONTROL_KEY = 1; |
| | | var SHIFT_KEY = 2; |
| | | var CONTROL_SHIFT_KEY = 3; |
| | | |
| | | var rcube_webmail_client; |
| | | |
| | |
| | | switch (this.task) |
| | | { |
| | | case 'mail': |
| | | var msg_list_frame = this.gui_objects.mailcontframe; |
| | | var msg_list = this.gui_objects.messagelist; |
| | | if (msg_list) |
| | | { |
| | | msg_list_frame.onmousedown = function(e){return rcube_webmail_client.click_on_list(e);}; |
| | | this.init_messagelist(msg_list); |
| | | this.enable_command('markread', true); |
| | | } |
| | |
| | | |
| | | if (this.env.messagecount) |
| | | this.enable_command('select-all', 'select-none', 'sort', 'expunge', true); |
| | | |
| | | if (this.env.messagecount && this.env.mailbox==this.env.trash_mailbox) |
| | | this.enable_command('purge', true); |
| | | |
| | | this.set_page_buttons(); |
| | | |
| | |
| | | this.enable_command('logout', true); |
| | | |
| | | // disable browser's contextmenus |
| | | // document.oncontextmenu = function(){ return false; } |
| | | document.oncontextmenu = function(){ return false; } |
| | | |
| | | // load body click event |
| | | document.onmousedown = function(){ return rcube_webmail_client.reset_click(); }; |
| | | document.onkeydown = function(e){ return rcube_webmail_client.use_arrow_keys(e, msg_list_frame); }; |
| | | |
| | | |
| | | // flag object as complete |
| | | this.loaded = true; |
| | | |
| | |
| | | this.kepp_alive_int = setInterval(this.ref+'.send_keep_alive()', this.kepp_alive_interval); |
| | | }; |
| | | |
| | | // reset last clicked if user clicks on anything other than the message table |
| | | this.reset_click = function() |
| | | { |
| | | this.in_message_list = false; |
| | | }; |
| | | |
| | | this.click_on_list = function(e) |
| | | { |
| | | if (!e) |
| | | e = window.event; |
| | | |
| | | this.in_message_list = true; |
| | | e.cancelBubble = true; |
| | | }; |
| | | |
| | | // reset last clicked if user clicks on anything other than the message table |
| | | this.use_arrow_keys = function(e, msg_list_frame) { |
| | | if (this.in_message_list != true) |
| | | return true; |
| | | |
| | | var keyCode = document.layers ? e.which : document.all ? event.keyCode : document.getElementById ? e.keyCode : 0; |
| | | var mod_key = this.get_modifier(e); |
| | | var scroll_to = 0; |
| | | |
| | | var last_selected_row = this.list_rows[this.last_selected]; |
| | | |
| | | if (keyCode == 40) { // down arrow key pressed |
| | | var new_row = last_selected_row.obj.nextSibling; |
| | | while (new_row && new_row.nodeType != 1) { |
| | | new_row = new_row.nextSibling; |
| | | } |
| | | if (!new_row) return false; |
| | | scroll_to = (Number(new_row.offsetTop) + Number(new_row.offsetHeight)) - Number(msg_list_frame.offsetHeight); |
| | | } else if (keyCode == 38) { // up arrow key pressed |
| | | var new_row = last_selected_row.obj.previousSibling; |
| | | while (new_row && new_row.nodeType != 1) { |
| | | new_row = new_row.previousSibling; |
| | | } |
| | | if (!new_row) return false; |
| | | scroll_to = new_row.offsetTop; |
| | | } else {return true;} |
| | | |
| | | if (mod_key != CONTROL_KEY) |
| | | this.select_row(new_row.uid,mod_key); |
| | | |
| | | if (((Number(new_row.offsetTop)) < (Number(msg_list_frame.scrollTop))) || |
| | | ((Number(new_row.offsetTop) + Number(new_row.offsetHeight)) > (Number(msg_list_frame.scrollTop) + Number(msg_list_frame.offsetHeight)))) { |
| | | msg_list_frame.scrollTop = scroll_to; |
| | | } |
| | | |
| | | return false; |
| | | }; |
| | | |
| | | // get all message rows from HTML table and init each row |
| | | this.init_messagelist = function(msg_list) |
| | | { |
| | | if (msg_list && msg_list.tBodies[0]) |
| | | { |
| | | |
| | | this.message_rows = new Array(); |
| | | |
| | | var row; |
| | |
| | | // set eventhandlers to table row |
| | | row.onmousedown = function(e){ return rcube_webmail_client.drag_row(e, this.uid); }; |
| | | row.onmouseup = function(e){ return rcube_webmail_client.click_row(e, this.uid); }; |
| | | |
| | | |
| | | if (document.all) |
| | | row.onselectstart = function() { return false; }; |
| | | |
| | | // set eventhandler to message icon |
| | | if ((msg_icon = row.cells[0].childNodes[0]) && row.cells[0].childNodes[0].nodeName=='IMG') |
| | | { |
| | |
| | | this.list_rows = this.contact_rows; |
| | | |
| | | if (this.env.cid) |
| | | this.select(this.env.cid); |
| | | this.highlight_row(this.env.cid); |
| | | }; |
| | | |
| | | |
| | |
| | | this.list_rows = this.identity_rows; |
| | | |
| | | if (this.env.iid) |
| | | this.select(this.env.iid); |
| | | this.highlight_row(this.env.iid); |
| | | }; |
| | | |
| | | |
| | |
| | | this.expunge_mailbox(this.env.mailbox); |
| | | break; |
| | | |
| | | case 'clear-mailbox': |
| | | //if (this.env.messagecount) |
| | | //this.clear_mailbox(this.env.mailbox); |
| | | case 'purge': |
| | | case 'empty-mailbox': |
| | | if (this.env.messagecount) |
| | | this.purge_mailbox(this.env.mailbox); |
| | | break; |
| | | |
| | | |
| | |
| | | if (this.dont_select) |
| | | return false; |
| | | |
| | | // selects currently unselected row |
| | | if (!this.in_selection_before) |
| | | { |
| | | var ctrl = this.check_ctrlkey(e); |
| | | this.select(id, ctrl); |
| | | } |
| | | { |
| | | var mod_key = this.get_modifier(e); |
| | | this.select_row(id,mod_key); |
| | | } |
| | | |
| | | if (this.selection.length) |
| | | { |
| | |
| | | // onmouseup-handler of message list row |
| | | this.click_row = function(e, id) |
| | | { |
| | | var shift = this.check_shiftkey(e); |
| | | |
| | | |
| | | // don't do anything (another action processed before) |
| | | if (this.dont_select) |
| | | { |
| | |
| | | return false; |
| | | } |
| | | |
| | | if (!this.drag_active && this.in_selection_before==id) |
| | | { |
| | | this.select(id, (shift && this.task!='settings')); |
| | | } |
| | | |
| | | // unselects currently selected row |
| | | if (!this.drag_active && this.in_selection_before==id) { |
| | | var mod_key = this.get_modifier(e); |
| | | this.select_row(id,mod_key); |
| | | } |
| | | this.drag_start = false; |
| | | this.in_selection_before = false; |
| | | |
| | | // row was double clicked |
| | | if (this.task=='mail' && this.list_rows && this.list_rows[id].clicked && !shift) |
| | | if (this.task=='mail' && this.list_rows && this.list_rows[id].clicked) |
| | | { |
| | | this.show_message(id); |
| | | return false; |
| | |
| | | /********* (message) list functionality *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | // select/unselect a row |
| | | this.select = function(id, multiple) |
| | | // highlight/unhighlight a row |
| | | this.highlight_row = function(id, multiple) |
| | | { |
| | | var selected = false |
| | | |
| | |
| | | this.selection = a_pre.concat(a_post); |
| | | this.set_classname(this.list_rows[id].obj, 'selected', false); |
| | | } |
| | | |
| | | selected = (this.selection.length==1); |
| | | } |
| | | |
| | |
| | | } |
| | | }; |
| | | |
| | | |
| | | // selects or unselects the proper row depending on the modifier key pressed |
| | | this.select_row = function(id,mod_key) { |
| | | if (!mod_key) { |
| | | this.shift_start = id; |
| | | this.highlight_row(id, false); |
| | | } else { |
| | | switch (mod_key) { |
| | | case SHIFT_KEY: { |
| | | this.shift_select(id,false); |
| | | break; } |
| | | case CONTROL_KEY: { |
| | | this.shift_start = id; |
| | | this.highlight_row(id, true); |
| | | break; |
| | | } |
| | | case CONTROL_SHIFT_KEY: { |
| | | this.shift_select(id,true); |
| | | break; |
| | | } |
| | | default: { |
| | | this.highlight_row(id, false); |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | this.last_selected = id; |
| | | }; |
| | | |
| | | this.shift_select = function(id, control) { |
| | | var from_rowIndex = this.list_rows[this.shift_start].obj.rowIndex; |
| | | var to_rowIndex = this.list_rows[id].obj.rowIndex; |
| | | |
| | | var i = ((from_rowIndex < to_rowIndex)? from_rowIndex : to_rowIndex); |
| | | var j = ((from_rowIndex > to_rowIndex)? from_rowIndex : to_rowIndex); |
| | | |
| | | // iterate through the entire message list |
| | | for (var n in this.list_rows) { |
| | | if ((this.list_rows[n].obj.rowIndex >= i) && (this.list_rows[n].obj.rowIndex <= j)) { |
| | | if (!this.in_selection(n)) |
| | | this.highlight_row(n, true); |
| | | } else { |
| | | if (this.in_selection(n) && !control) |
| | | this.highlight_row(n, true); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | |
| | | this.clear_selection = function() |
| | | { |
| | |
| | | |
| | | for (var n in this.list_rows) |
| | | if (!filter || this.list_rows[n][filter]==true) |
| | | this.select(n, true); |
| | | this.highlight_row(n, true); |
| | | }; |
| | | |
| | | |
| | |
| | | this.http_request('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='+escape(mbox); |
| | | this.http_request('purge', url+add_url, lock); |
| | | }; |
| | | |
| | | |
| | | // move selected messages to the specified mailbox |
| | | this.move_messages = function(mbox) |
| | |
| | | return false; |
| | | |
| | | //if (this.env.framed && add_url=='') |
| | | |
| | | // add_url = '&_framed=1'; |
| | | |
| | | if (action && (cid || action=='add')) |
| | |
| | | this.delete_contacts = function() |
| | | { |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!(this.selection.length || this.env.cid)) |
| | | if (!(this.selection.length || this.env.cid) || !confirm(this.get_label('deletecontactconfirm'))) |
| | | return; |
| | | |
| | | |
| | | var a_cids = new Array(); |
| | | |
| | | if (this.env.cid) |
| | |
| | | this.set_page_buttons(); |
| | | }; |
| | | |
| | | // replace content of quota display |
| | | this.set_quota = function(text) |
| | | { |
| | | if (this.gui_objects.quotadisplay) |
| | | this.gui_objects.quotadisplay.innerHTML = text; |
| | | }; |
| | | |
| | | |
| | | // update the mailboxlist |
| | | this.set_unread_count = function(mbox, count, set_title) |
| | |
| | | } |
| | | |
| | | // set unread count to window title |
| | | if (set_title && document.title) |
| | | if ((set_title || mbox==this.env.mailbox) && document.title) |
| | | { |
| | | var doc_title = String(document.title); |
| | | reg = /^\([0-9]+\)\s+/i; |
| | |
| | | if (request_obj.__lock) |
| | | this.set_busy(false); |
| | | |
| | | console(request_obj.responseText); |
| | | console(request_obj.get_text()); |
| | | |
| | | // if we get javascript code from server -> execute it |
| | | if (request_obj.get_text() && (ctype=='text/javascript' || ctype=='application/x-javascript')) |
| | |
| | | break; |
| | | |
| | | case 'list': |
| | | if (this.env.messagecount) |
| | | this.enable_command('purge', (this.env.mailbox==this.env.trash_mailbox)); |
| | | |
| | | case 'expunge': |
| | | this.enable_command('select-all', 'select-none', 'expunge', this.env.messagecount ? true : false); |
| | | break; |
| | | break; |
| | | } |
| | | |
| | | request_obj.reset(); |
| | |
| | | return false; |
| | | } |
| | | |
| | | |
| | | // returns modifier key (constants defined at top of file) |
| | | this.get_modifier = function(e) |
| | | { |
| | | var opcode = 0; |
| | | if (e = e || window.event) |
| | | { |
| | | opcode += (e.ctrlKey && CONTROL_KEY) + (e.shiftKey && SHIFT_KEY); |
| | | return opcode; |
| | | } |
| | | if (e.cancelBubble) |
| | | { |
| | | e.cancelBubble = true; |
| | | e.returnValue = false; |
| | | } |
| | | else if (e.preventDefault) |
| | | e.preventDefault(); |
| | | } |
| | | |
| | | |
| | | this.get_mouse_pos = function(e) |
| | | { |
| | | if(!e) e = window.event; |