| | |
| | | $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); |
| | | } |
| | |
| | | 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.display_message(this.pending_message[0], this.pending_message[1]); |
| | | |
| | | // start interval for keep-alive/recent_check signal |
| | | if (this.kepp_alive_interval) |
| | | this.kepp_alive_int = setInterval(this.ref+'.'+(this.task=='mail'?'check_for_recent()':'send_keep_alive()'), this.kepp_alive_interval); |
| | | if (this.kepp_alive_interval && this.task=='mail' && this.gui_objects.messagelist) |
| | | this.kepp_alive_int = setInterval(this.ref+'.check_for_recent()', this.kepp_alive_interval); |
| | | else |
| | | 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; |
| | | if (e.stopPropagation) e.stopPropagation(); |
| | | }; |
| | | |
| | | // 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 false}; |
| | | |
| | | 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') |
| | | { |
| | |
| | | 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() |
| | | { |
| | |
| | | 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; |