From f3704e18d89e4065cede8509256d7fbf483b7fe6 Mon Sep 17 00:00:00 2001 From: thomascube <thomas@roundcube.net> Date: Tue, 04 Apr 2006 17:46:27 -0400 Subject: [PATCH] Added labels for nextpage/previouspage --- program/js/app.js | 465 ++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 419 insertions(+), 46 deletions(-) diff --git a/program/js/app.js b/program/js/app.js index dc0275c..d2bf41e 100644 --- a/program/js/app.js +++ b/program/js/app.js @@ -7,12 +7,17 @@ | Licensed under the GNU GPL | | | +-----------------------------------------------------------------------+ - | Author: Thomas Bruederli <roundcube@gmail.com> | + | Authors: Thomas Bruederli <roundcube@gmail.com> | + | Charles McNulty <charles@charlesmcnulty.com> | +-----------------------------------------------------------------------+ $Id$ */ +// Constants +var CONTROL_KEY = 1; +var SHIFT_KEY = 2; +var CONTROL_SHIFT_KEY = 3; var rcube_webmail_client; @@ -107,15 +112,17 @@ 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); } // enable mail commands - this.enable_command('list', 'compose', 'add-contact', true); + this.enable_command('list', 'compose', 'add-contact', 'search', 'reset-search', true); if (this.env.action=='show') { @@ -139,6 +146,9 @@ 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(); // focus this window @@ -160,10 +170,15 @@ case 'addressbook': - var contacts_list = this.gui_objects.contactslist; + var contacts_list = this.gui_objects.contactslist; + var ldap_contacts_list = this.gui_objects.ldapcontactslist; + if (contacts_list) this.init_contactslist(contacts_list); + if (ldap_contacts_list) + this.init_ldapsearchlist(ldap_contacts_list); + this.set_page_buttons(); if (this.env.cid) @@ -173,6 +188,9 @@ this.enable_command('save', true); this.enable_command('list', 'add', true); + + this.enable_command('ldappublicsearch', this.env.ldappublicsearch); + break; @@ -216,6 +234,11 @@ // disable browser's contextmenus // 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; @@ -224,16 +247,71 @@ 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 if (this.task!='login') + 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; @@ -268,7 +346,10 @@ // 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') { @@ -368,7 +449,27 @@ this.list_rows = this.contact_rows; if (this.env.cid) - this.select(this.env.cid); + this.highlight_row(this.env.cid); + }; + + + // get all contact rows from HTML table and init each row + this.init_ldapsearchlist = function(ldap_contacts_list) + { + if (ldap_contacts_list && ldap_contacts_list.tBodies[0]) + { + this.ldap_contact_rows = new Array(); + + var row; + for(var r=0; r<ldap_contacts_list.tBodies[0].childNodes.length; r++) + { + row = ldap_contacts_list.tBodies[0].childNodes[r]; + this.init_table_row(row, 'ldap_contact_rows'); + } + } + + // alias to common rows array + this.list_rows = this.ldap_contact_rows; }; @@ -412,7 +513,7 @@ this.list_rows = this.identity_rows; if (this.env.iid) - this.select(this.env.iid); + this.highlight_row(this.env.iid); }; @@ -473,7 +574,11 @@ // misc list commands case 'list': if (this.task=='mail') + { + if (this.env.search_request<0 || (this.env.search_request && props != this.env.mailbox)) + this.reset_qsearch(); this.list_mailbox(props); + } else if (this.task=='addressbook') this.list_contacts(); break; @@ -524,9 +629,10 @@ 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; @@ -548,7 +654,15 @@ case 'add': if (this.task=='addressbook') - this.load_contact(0, 'add'); + if (!window.frames[this.env.contentframe].rcmail) + this.load_contact(0, 'add'); + else + { + if (window.frames[this.env.contentframe].rcmail.selection.length) + this.add_ldap_contacts(); + else + this.load_contact(0, 'add'); + } else if (this.task=='settings') { this.clear_selection(); @@ -682,7 +796,8 @@ this.show_message(this.env.prev_uid); //location.href = this.env.comm_path+'&_action=show&_uid='+this.env.prev_uid+'&_mbox='+this.env.mailbox; break; - + + case 'compose': var url = this.env.comm_path+'&_action=compose'; @@ -699,21 +814,36 @@ // get selected contacts else { - for (var n=0; n<this.selection.length; n++) - a_cids[a_cids.length] = this.selection[n]; + if (!window.frames[this.env.contentframe].rcmail.selection.length) + { + for (var n=0; n<this.selection.length; n++) + a_cids[a_cids.length] = this.selection[n]; + } + else + { + var frameRcmail = window.frames[this.env.contentframe].rcmail; + // get the email address(es) + for (var n=0; n<frameRcmail.selection.length; n++) + a_cids[a_cids.length] = frameRcmail.ldap_contact_rows[frameRcmail.selection[n]].obj.cells[1].innerHTML; + } } - if (a_cids.length) url += '&_to='+a_cids.join(','); else break; + } else if (props) url += '&_to='+props; + + // don't know if this is necessary... + url = url.replace(/&_framed=1/, ""); this.set_busy(true); - location.href = url; - break; + + // need parent in case we are coming from the contact frame + parent.window.location.href = url; + break; case 'send': if (!this.gui_objects.messageform) @@ -777,6 +907,31 @@ case 'add-contact': this.add_contact(props); break; + + // mail quicksearch + case 'search': + if (!props && this.gui_objects.qsearchbox) + props = this.gui_objects.qsearchbox.value; + if (props) + this.qsearch(escape(props), this.env.mailbox); + break; + + // reset quicksearch + case 'reset-search': + var s = this.env.search_request; + this.reset_qsearch(); + + if (s) + this.list_mailbox(this.env.mailbox); + break; + + // ldap search + case 'ldappublicsearch': + if (this.gui_objects.ldappublicsearchform) + this.gui_objects.ldappublicsearchform.submit(); + else + this.ldappublicsearch(command); + break; // user settings commands @@ -934,11 +1089,12 @@ 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) { @@ -954,8 +1110,8 @@ // onmouseup-handler of message list row this.click_row = function(e, id) { - var ctrl = this.check_ctrlkey(e); - + var mod_key = this.get_modifier(e); + // don't do anything (another action processed before) if (this.dont_select) { @@ -963,27 +1119,58 @@ return false; } + // unselects currently selected row if (!this.drag_active && this.in_selection_before==id) - this.select(id, (ctrl && this.task!='settings')); - + 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 && !ctrl) + if (this.task=='mail' && this.list_rows && this.list_rows[id].clicked && !mod_key) { this.show_message(id); return false; } else if (this.task=='addressbook') { - if (this.selection.length==1 && this.env.contentframe) + if (this.contact_rows && this.selection.length==1) + { this.load_contact(this.selection[0], 'show', true); - else if (this.task=='addressbook' && this.list_rows && this.list_rows[id].clicked) + // change the text for the add contact button + var links = parent.document.getElementById('abooktoolbar').getElementsByTagName('A'); + for (i = 0; i < links.length; i++) + { + var onclickstring = new String(links[i].onclick); + if (onclickstring.search('\"add\"') != -1) + links[i].title = this.env.newcontact; + } + } + else if (this.contact_rows && this.contact_rows[id].clicked) { this.load_contact(id, 'show'); return false; } + else if (this.ldap_contact_rows && !this.ldap_contact_rows[id].clicked) + { + // clear selection + parent.rcmail.clear_selection(); + + // disable delete + parent.rcmail.set_button('delete', 'pas'); + + // change the text for the add contact button + var links = parent.document.getElementById('abooktoolbar').getElementsByTagName('A'); + for (i = 0; i < links.length; i++) + { + var onclickstring = new String(links[i].onclick); + if (onclickstring.search('\"add\"') != -1) + links[i].title = this.env.addcontact; + } + } + // handle double click event + else if (this.ldap_contact_rows && this.selection.length==1 && this.ldap_contact_rows[id].clicked) + this.command('compose', this.ldap_contact_rows[id].obj.cells[1].innerHTML); else if (this.env.contentframe) { var elm = document.getElementById(this.env.contentframe); @@ -1004,14 +1191,12 @@ - /*********************************************************/ /********* (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 @@ -1038,7 +1223,6 @@ this.selection = a_pre.concat(a_post); this.set_classname(this.list_rows[id].obj, 'selected', false); } - selected = (this.selection.length==1); } @@ -1055,6 +1239,54 @@ } }; + +// 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() { @@ -1088,7 +1320,7 @@ for (var n in this.list_rows) if (!filter || this.list_rows[n][filter]==true) - this.select(n, true); + this.highlight_row(n, true); }; @@ -1156,6 +1388,10 @@ this.env.current_page = page; this.clear_selection(); } + + // also send search request to get the right messages + if (this.env.search_request) + add_url += '&_search='+this.env.search_request; if (this.env.mailbox!=mbox) this.select_mailbox(mbox); @@ -1226,6 +1462,28 @@ 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) @@ -1569,6 +1827,26 @@ this.http_request('addcontact', '_address='+value); }; + // send remote request to search mail + this.qsearch = function(value, mbox) + { + if (value && mbox) + { + this.clear_message_list(); + this.set_busy(true, 'searching'); + this.http_request('search', '_search='+value+'&_mbox='+mbox, true); + } + }; + + // reset quick-search form + this.reset_qsearch = function() + { + if (this.gui_objects.qsearchbox) + this.gui_objects.qsearchbox.value = ''; + + this.env.search_request = null; + }; + /*********************************************************/ /********* keyboard live-search methods *********/ @@ -1860,6 +2138,7 @@ return false; //if (this.env.framed && add_url=='') + // add_url = '&_framed=1'; if (action && (cid || action=='add')) @@ -1873,9 +2152,9 @@ 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) @@ -1918,6 +2197,50 @@ row.cells[c].innerHTML = cols_arr[c]; }; + + + // load ldap search form + this.ldappublicsearch = function(action) + { + var add_url = ''; + var target = window; + if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) + { + add_url = '&_framed=1'; + target = window.frames[this.env.contentframe]; + document.getElementById(this.env.contentframe).style.visibility = 'inherit'; + } + else + return false; + + + if (action == 'ldappublicsearch') + target.location.href = this.env.comm_path+'&_action='+action+add_url; + }; + + // add ldap contacts to address book + this.add_ldap_contacts = function() + { + if (window.frames[this.env.contentframe].rcmail) + { + var frame = window.frames[this.env.contentframe]; + + // build the url + var url = '&_framed=1'; + var emails = '&_emails='; + var names = '&_names='; + var end = ''; + for (var n=0; n<frame.rcmail.selection.length; n++) + { + end = n < frame.rcmail.selection.length - 1 ? ',' : ''; + emails += frame.rcmail.ldap_contact_rows[frame.rcmail.selection[n]].obj.cells[1].innerHTML + end; + names += frame.rcmail.ldap_contact_rows[frame.rcmail.selection[n]].obj.cells[0].innerHTML + end; + } + + frame.location.href = this.env.comm_path + '&_action=save&_framed=1' + emails + names; + } + return false; + } @@ -2366,6 +2689,13 @@ 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) @@ -2395,10 +2725,10 @@ } // set unread count to window title - if (set_title && document.title) + reg = /^\([0-9]+\)\s+/i; + if (set_title && count && document.title) { var doc_title = String(document.title); - reg = /^\([0-9]+\)\s+/i; if (count && doc_title.match(reg)) document.title = doc_title.replace(reg, '('+count+') '); @@ -2406,6 +2736,11 @@ document.title = '('+count+') '+doc_title; else document.title = doc_title.replace(reg, ''); + } + // remove unread count from window title + else if (document.title) + { + document.title = document.title.replace(reg, ''); } }; @@ -2569,11 +2904,11 @@ 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.responseText && (ctype=='text/javascript' || ctype=='application/x-javascript')) - eval(request_obj.responseText); + if (request_obj.get_text() && (ctype=='text/javascript' || ctype=='application/x-javascript')) + eval(request_obj.get_text()); // process the response data according to the sent action switch (request_obj.__action) @@ -2585,9 +2920,12 @@ 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(); @@ -2641,6 +2979,8 @@ }; +/* deprecated methods + // check if Shift-key is pressed on event this.check_shiftkey = function(e) { @@ -2670,6 +3010,33 @@ else return false; } +*/ + + // returns modifier key (constants defined at top of file) + this.get_modifier = function(e) + { + var opcode = 0; + e = e || window.event; + + if (bw.mac && e) + { + opcode += (e.metaKey && CONTROL_KEY) + (e.shiftKey && SHIFT_KEY); + return opcode; + } + if (e) + { + 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) { @@ -2830,9 +3197,6 @@ else if(this.xmlhttp.readyState == 4) { - this.responseText = this.xmlhttp.responseText; - this.responseXML = this.xmlhttp.responseXML; - if(this.xmlhttp.status == 0) this.onabort(this); else if(this.xmlhttp.status == 200) @@ -2850,6 +3214,15 @@ return this.xmlhttp.getResponseHeader(name); }; + this.get_text = function() + { + return this.xmlhttp.responseText; + }; + + this.get_xml = function() + { + return this.xmlhttp.responseXML; + }; this.reset(); -- Gitblit v1.9.1