| | |
| | | |
| | | $Id$ |
| | | */ |
| | | |
| | | // Constants |
| | | var CONTROL_KEY = 1; |
| | | var SHIFT_KEY = 2; |
| | |
| | | this.gui_objects = new Object(); |
| | | this.commands = new Object(); |
| | | this.selection = new Array(); |
| | | this.last_selected = 0; |
| | | |
| | | // create public reference to myself |
| | | rcube_webmail_client = this; |
| | |
| | | { |
| | | 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('toggle_status', true); |
| | | } |
| | | |
| | | // enable mail commands |
| | |
| | | |
| | | this.use_arrow_key = function(keyCode, mod_key, msg_list_frame) { |
| | | 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; |
| | | } |
| | | new_row = this.get_next_row(); |
| | | 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; |
| | | } |
| | | new_row = this.get_prev_row(); |
| | | 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); |
| | | this.select_row(new_row.uid,mod_key,true); |
| | | |
| | | 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)))) { |
| | |
| | | |
| | | this.message_rows[uid] = {id:row.id, obj:row, |
| | | classname:row.className, |
| | | deleted:this.env.messages[uid] ? this.env.messages[uid].deleted : null, |
| | | unread:this.env.messages[uid] ? this.env.messages[uid].unread : null, |
| | | replied:this.env.messages[uid] ? this.env.messages[uid].replied : null}; |
| | | |
| | |
| | | { |
| | | msg_icon.id = 'msgicn_'+uid; |
| | | msg_icon._row = row; |
| | | msg_icon.onmousedown = function(e) { rcube_webmail_client.command('markread', this); }; |
| | | msg_icon.onmousedown = function(e) { rcube_webmail_client.command('toggle_status', this); }; |
| | | |
| | | // get message icon and save original icon src |
| | | this.message_rows[uid].icon = msg_icon; |
| | |
| | | |
| | | case 'delete': |
| | | // mail task |
| | | if (this.task=='mail' && this.env.trash_mailbox && String(this.env.mailbox).toLowerCase()!=String(this.env.trash_mailbox).toLowerCase()) |
| | | this.move_messages(this.env.trash_mailbox); |
| | | else if (this.task=='mail') |
| | | if (this.task=='mail') |
| | | this.delete_messages(); |
| | | // addressbook task |
| | | else if (this.task=='addressbook') |
| | |
| | | this.move_messages(props); |
| | | break; |
| | | |
| | | case 'markread': |
| | | case 'toggle_status': |
| | | if (props && !props._row) |
| | | break; |
| | | |
| | |
| | | { |
| | | uid = props._row.uid; |
| | | this.dont_select = true; |
| | | |
| | | // toggle read/unread |
| | | if (!this.message_rows[uid].unread) |
| | | if (this.message_rows[uid].deleted) { |
| | | flag = 'undelete'; |
| | | } else if (!this.message_rows[uid].unread) |
| | | flag = 'unread'; |
| | | } |
| | | |
| | |
| | | if (!this.in_selection_before) |
| | | { |
| | | var mod_key = this.get_modifier(e); |
| | | this.select_row(id,mod_key); |
| | | this.select_row(id,mod_key,false); |
| | | } |
| | | |
| | | if (this.selection.length) |
| | |
| | | |
| | | // unselects currently selected row |
| | | if (!this.drag_active && this.in_selection_before==id) |
| | | this.select_row(id,mod_key); |
| | | this.select_row(id,mod_key,false); |
| | | |
| | | this.drag_start = false; |
| | | this.in_selection_before = false; |
| | |
| | | /********* (message) list functionality *********/ |
| | | /*********************************************************/ |
| | | |
| | | // get next and previous rows that are not hidden |
| | | this.get_next_row = function(){ |
| | | var last_selected_row = this.list_rows[this.last_selected]; |
| | | var new_row = last_selected_row.obj.nextSibling; |
| | | while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) { |
| | | new_row = new_row.nextSibling; |
| | | } |
| | | return new_row; |
| | | } |
| | | |
| | | this.get_prev_row = function(){ |
| | | var last_selected_row = this.list_rows[this.last_selected]; |
| | | var new_row = last_selected_row.obj.previousSibling; |
| | | while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) { |
| | | new_row = new_row.previousSibling; |
| | | } |
| | | return new_row; |
| | | } |
| | | |
| | | // highlight/unhighlight a row |
| | | this.highlight_row = function(id, multiple) |
| | | { |
| | |
| | | if (!this.in_selection(id)) // select row |
| | | { |
| | | this.selection[this.selection.length] = id; |
| | | this.set_classname(this.list_rows[id].obj, 'selected', true); |
| | | this.set_classname(this.list_rows[id].obj, 'selected', true); |
| | | } |
| | | else // unselect row |
| | | { |
| | |
| | | |
| | | |
| | | // selects or unselects the proper row depending on the modifier key pressed |
| | | this.select_row = function(id,mod_key) { |
| | | this.select_row = function(id,mod_key,with_mouse) { |
| | | if (!mod_key) { |
| | | this.shift_start = id; |
| | | this.highlight_row(id, false); |
| | |
| | | break; } |
| | | case CONTROL_KEY: { |
| | | this.shift_start = id; |
| | | this.highlight_row(id, true); |
| | | if (!with_mouse) |
| | | this.highlight_row(id, true); |
| | | break; |
| | | } |
| | | case CONTROL_SHIFT_KEY: { |
| | |
| | | } |
| | | } |
| | | } |
| | | this.last_selected = id; |
| | | if (this.last_selected != 0) { this.set_classname(this.list_rows[this.last_selected].obj, 'focused', false);} |
| | | this.last_selected = id; |
| | | this.set_classname(this.list_rows[id].obj, 'focused', true); |
| | | }; |
| | | |
| | | this.shift_select = function(id, control) { |
| | |
| | | // list messages of a specific mailbox |
| | | this.list_mailbox = function(mbox, page, sort) |
| | | { |
| | | this.last_selected = 0; |
| | | var add_url = ''; |
| | | var target = window; |
| | | |
| | |
| | | if (this.message_rows[id].obj) |
| | | this.message_rows[id].obj.style.display = 'none'; |
| | | } |
| | | next_row = this.get_next_row(); |
| | | prev_row = this.get_prev_row(); |
| | | new_row = (next_row) ? next_row : prev_row; |
| | | this.select_row(new_row.uid,false,false); |
| | | } |
| | | |
| | | var lock = false; |
| | |
| | | this.http_request('moveto', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_target_mbox='+escape(mbox)+'&_from='+(this.env.action ? this.env.action : ''), lock); |
| | | }; |
| | | |
| | | |
| | | // delete selected messages from the current mailbox |
| | | this.delete_messages = function() |
| | | { |
| | | this.permanently_remove_messages = function() { |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!(this.selection.length || this.env.uid)) |
| | | return; |
| | |
| | | this.message_rows[id].obj.style.display = 'none'; |
| | | } |
| | | } |
| | | next_row = this.get_next_row(); |
| | | prev_row = this.get_prev_row(); |
| | | new_row = (next_row) ? next_row : prev_row; |
| | | this.select_row(new_row.uid,false,false); |
| | | |
| | | // send request to server |
| | | this.http_request('delete', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_from='+(this.env.action ? this.env.action : '')); |
| | | }; |
| | | } |
| | | |
| | | |
| | | // delete selected messages from the current mailbox |
| | | this.delete_messages = function() |
| | | { |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!(this.selection.length || this.env.uid)) |
| | | return; |
| | | // if there is a trash mailbox defined and we're not currently in it: |
| | | if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase()!=String(this.env.trash_mailbox).toLowerCase()) |
| | | this.move_messages(this.env.trash_mailbox); |
| | | // if there is a trash mailbox defined but we *are* in it: |
| | | else if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase() == String(this.env.trash_mailbox).toLowerCase()) |
| | | this.permanently_remove_messages(); |
| | | // if there isn't a defined trash mailbox and the config is set to flag for deletion |
| | | else if (!this.env.trash_mailbox && this.env.flag_for_deletion) { |
| | | this.mark_message('delete'); |
| | | next_row = this.get_next_row(); |
| | | prev_row = this.get_prev_row(); |
| | | new_row = (next_row) ? next_row : prev_row; |
| | | this.select_row(new_row.uid,false,false); |
| | | // if there isn't a defined trash mailbox and the config is set NOT to flag for deletion |
| | | }else if (!this.env.trash_mailbox && !this.env.flag_for_deletion) { |
| | | this.permanently_remove_messages(); |
| | | } |
| | | return; |
| | | }; |
| | | |
| | | |
| | | // set a specific flag to one or more messages |
| | |
| | | { |
| | | id = this.selection[n]; |
| | | a_uids[a_uids.length] = id; |
| | | |
| | | // 'remove' message row from list (just hide it) |
| | | if (this.message_rows[id].obj) |
| | | this.message_rows[id].obj.style.display = 'none'; |
| | | } |
| | | } |
| | | switch (flag) { |
| | | case 'read': |
| | | case 'unread': |
| | | this.toggle_read_status(flag,a_uids); |
| | | break; |
| | | case 'delete': |
| | | case 'undelete': |
| | | this.toggle_delete_status(flag,a_uids); |
| | | break; |
| | | } |
| | | // send request to server |
| | | this.http_request('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); |
| | | }; |
| | | |
| | | // set class to read/unread |
| | | this.toggle_read_status = function(flag, a_uids) { |
| | | // mark all message rows as read/unread |
| | | var icn_src; |
| | | for (var i=0; i<a_uids.length; i++) |
| | |
| | | this.message_rows[uid].icon.src = icn_src; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // mark all message rows as deleted/undeleted |
| | | this.toggle_delete_status = function(flag, a_uids) { |
| | | if (this.env.read_when_deleted) { |
| | | this.toggle_read_status('read',a_uids); |
| | | } |
| | | |
| | | // send request to server |
| | | this.http_request('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); |
| | | }; |
| | | var icn_src; |
| | | for (var i=0; i<a_uids.length; i++) |
| | | { |
| | | uid = a_uids[i]; |
| | | if (this.message_rows[uid]) |
| | | { |
| | | this.message_rows[uid].deleted = (flag=='undelete' ? false : true); |
| | | |
| | | if (this.message_rows[uid].classname.indexOf('deleted')<0 && this.message_rows[uid].deleted) |
| | | { |
| | | this.message_rows[uid].classname += ' deleted'; |
| | | this.set_classname(this.message_rows[uid].obj, 'deleted', true); |
| | | |
| | | if (this.env.deletedicon) |
| | | icn_src = this.env.deletedicon; |
| | | } |
| | | else if (!this.message_rows[uid].deleted) |
| | | { |
| | | this.message_rows[uid].classname = this.message_rows[uid].classname.replace(/\s*deleted/, ''); |
| | | this.set_classname(this.message_rows[uid].obj, 'deleted', false); |
| | | |
| | | if (this.message_rows[uid].unread && this.env.unreadicon) |
| | | icn_src = this.env.unreadicon; |
| | | else if (this.message_rows[uid].replied && this.env.repliedicon) |
| | | icn_src = this.env.repliedicon; |
| | | else if (this.env.messageicon) |
| | | icn_src = this.env.messageicon; |
| | | } |
| | | |
| | | if (this.message_rows[uid].icon && icn_src) |
| | | this.message_rows[uid].icon.src = icn_src; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | /*********************************************************/ |
| | |
| | | var rowcount = tbody.rows.length; |
| | | var even = rowcount%2; |
| | | |
| | | this.env.messages[uid] = {replied:flags.replied?1:0, |
| | | this.env.messages[uid] = {deleted:flags.deleted?1:0, |
| | | replied:flags.replied?1:0, |
| | | unread:flags.unread?1:0}; |
| | | |
| | | var row = document.createElement('TR'); |
| | |
| | | if (this.in_selection(uid)) |
| | | row.className += ' selected'; |
| | | |
| | | var icon = flags.unread && this.env.unreadicon ? this.env.unreadicon : |
| | | (flags.replied && this.env.repliedicon ? this.env.repliedicon : this.env.messageicon); |
| | | var icon = flags.deleted && this.env.deletedicon ? this.env.deletedicon: |
| | | (flags.unread && this.env.unreadicon ? this.env.unreadicon : |
| | | (flags.replied && this.env.repliedicon ? this.env.repliedicon : this.env.messageicon)); |
| | | |
| | | var col = document.createElement('TD'); |
| | | col.className = 'icon'; |