From 1cded85790206afe084e1baff371c543711b2b18 Mon Sep 17 00:00:00 2001 From: thomascube <thomas@roundcube.net> Date: Sat, 03 Dec 2005 11:54:12 -0500 Subject: [PATCH] Re-design of caching (new database table added\!); some bugfixes; Postgres support --- program/js/app.js | 346 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 282 insertions(+), 64 deletions(-) diff --git a/program/js/app.js b/program/js/app.js index 91825d3..d65af42 100644 --- a/program/js/app.js +++ b/program/js/app.js @@ -6,7 +6,7 @@ | Copyright (C) 2005, RoundCube Dev, - Switzerland | | Licensed under the GNU GPL | | | - | Modified: 2005/11/06 (roundcube) | + | Modified: 2005/11/13 (roundcube) | | | +-----------------------------------------------------------------------+ | Author: Thomas Bruederli <roundcube@gmail.com> | @@ -32,7 +32,8 @@ // webmail client settings this.dblclick_time = 600; this.message_time = 5000; - this.request_timeout = 120000; + this.request_timeout = 180000; + this.kepp_alive_interval = 60000; this.mbox_expression = new RegExp('[^0-9a-z\-_]', 'gi'); this.env.blank_img = 'skins/default/images/blank.gif'; @@ -118,7 +119,7 @@ if (this.env.action=='show') { - this.enable_command('show', 'reply', 'forward', 'moveto', 'delete', 'viewsource', 'print', 'load-attachment', true); + this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', 'viewsource', 'print', 'load-attachment', true); if (this.env.next_uid) this.enable_command('nextmessage', true); if (this.env.prev_uid) @@ -209,7 +210,7 @@ this.enable_command('logout', true); // disable browser's contextmenus - //document.oncontextmenu = function(){ return false; } + // document.oncontextmenu = function(){ return false; } // flag object as complete this.loaded = true; @@ -217,6 +218,10 @@ // show message if (this.pending_message) this.display_message(this.pending_message[0], this.pending_message[1]); + + // start interval for keep-alive siganl + if (this.kepp_alive_interval) + this.kepp_alive_int = setInterval(this.ref+'.send_keep_alive()', this.kepp_alive_interval); }; @@ -281,6 +286,7 @@ return false; //this.messageform = this.gui_objects.messageform; + var input_from = rcube_find_object('_from'); var input_to = rcube_find_object('_to'); var input_cc = rcube_find_object('_cc'); var input_bcc = rcube_find_object('_bcc'); @@ -295,6 +301,10 @@ this.init_address_input_events(input_cc); if (input_bcc) this.init_address_input_events(input_bcc); + + // add signature according to selected identity + if (input_from && input_from.type=='select-one') + this.change_identity(input_from); if (input_to && input_to.value=='') input_to.focus(); @@ -456,8 +466,17 @@ // get the type of sorting var a_sort = props.split('_'); var sort_col = a_sort[0]; - var sort_order = a_sort[1].toUpperCase(); + var sort_order = a_sort[1] ? a_sort[1].toUpperCase() : null; var header; + + // no sort order specified: toggle + if (sort_order==null) + { + if (this.env.sort_col==sort_col) + sort_order = this.env.sort_order=='ASC' ? 'DESC' : 'ASC'; + else + sort_order = this.env.sort_order; + } if (this.env.sort_col==sort_col && this.env.sort_order==sort_order) break; @@ -473,7 +492,7 @@ this.env.sort_order = sort_order; // reload message list - this.list_mailbox('', '', props); + this.list_mailbox('', '', sort_col+'_'+sort_order); break; case 'nextpage': @@ -528,7 +547,7 @@ var input_email = rcube_find_object('_email'); // user prefs - if (input_pagesize && input_pagesize.value == '') + if (input_pagesize && isNaN(input_pagesize.value)) { alert(this.get_label('nopagesizewarning')); input_pagesize.focus(); @@ -727,12 +746,13 @@ this.upload_file(props) break; + case 'reply-all': case 'reply': var uid; if (uid = this.get_single_uid()) { this.set_busy(true); - location.href = this.env.comm_path+'&_action=compose&_reply_uid='+uid+'&_mbox='+escape(this.env.mailbox); + location.href = this.env.comm_path+'&_action=compose&_reply_uid='+uid+'&_mbox='+escape(this.env.mailbox)+(command=='reply-all' ? '&_all=1' : ''); } break; @@ -799,7 +819,7 @@ break; case 'delete-folder': - if (confirm('Do you really want to delete this folder?')) + if (confirm(this.get_label('deletefolderconfirm'))) this.delete_folder(props); break; @@ -927,8 +947,8 @@ if (!this.in_selection_before) { - var shift = this.check_shiftkey(e); - this.select(id, shift); + var ctrl = this.check_ctrlkey(e); + this.select(id, ctrl); } if (this.selection.length) @@ -945,7 +965,7 @@ // onmouseup-handler of message list row this.click_row = function(e, id) { - var shift = this.check_shiftkey(e); + var ctrl = this.check_ctrlkey(e); // don't do anything (another action processed before) if (this.dont_select) @@ -955,13 +975,13 @@ } if (!this.drag_active && this.in_selection_before==id) - this.select(id, (shift && this.task!='settings')); + this.select(id, (ctrl && this.task!='settings')); 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 && !ctrl) { this.show_message(id); return false; @@ -1036,7 +1056,7 @@ // enable/disable commands for message if (this.task=='mail') { - this.enable_command('show', 'reply', 'forward', 'print', selected); + this.enable_command('show', 'reply', 'reply-all', 'forward', 'print', selected); this.enable_command('delete', 'moveto', this.selection.length>0 ? true : false); } else if (this.task=='addressbook') @@ -1188,7 +1208,7 @@ // send request to server var url = '_mbox='+escape(mbox)+(page ? '&_page='+page : ''); this.set_busy(true, 'loading'); - this.http_request('list', url+add_url); + this.http_request('list', url+add_url, true); }; @@ -1216,13 +1236,18 @@ this.message_rows[id].obj.style.display = 'none'; } } + + var lock = false; // show wait message if (this.env.action=='show') + { + lock = true; this.set_busy(true, 'movingmessage'); + } // send request to server - this.http_request('moveto', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_target_mbox='+escape(mbox)+'&_from='+(this.env.action ? this.env.action : '')); + 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); }; @@ -1321,6 +1346,38 @@ /*********************************************************/ /********* message compose methods *********/ /*********************************************************/ + + + this.change_identity = function(obj) + { + if (!obj || !obj.options) + return false; + + var id = obj.options[obj.selectedIndex].value; + var input_message = rcube_find_object('_message'); + var message = input_message ? input_message.value : ''; + + // remove the 'old' signature + if (this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) + { + var sig = this.env.signatures[this.env.identity]; + + if (p = message.lastIndexOf(sig)) + message = message.substring(0, p-1) + message.substring(p+sig.length, message.length); + } + + // add the new signature string + if (this.env.signatures && this.env.signatures[id]) + { + var sig = this.env.signatures[id]; + message += '\n'+sig; + } + + if (input_message && message) + input_message.value = message; + + this.env.identity = id; + }; this.show_attachment_form = function(a) @@ -1691,7 +1748,7 @@ // send request to server var url = page ? '&_page='+page : ''; this.set_busy(true, 'loading'); - this.http_request('list', url); + this.http_request('list', url, true); }; @@ -1833,7 +1890,7 @@ name = form.elements['_folder_name'].value; if (name) - this.http_request('create-folder', '_name='+escape(name)); + this.http_request('create-folder', '_name='+escape(name), true); else if (form.elements['_folder_name']) form.elements['_folder_name'].focus(); }; @@ -1843,16 +1900,20 @@ { if (folder) { - for (var id in this.env.subscriptionrows) - if (this.env.subscriptionrows[id]==folder) - break; - - var row; - if (id && (row = document.getElementById(id))) - row.style.display = 'none'; - this.http_request('delete-folder', '_mboxes='+escape(folder)); } + }; + + + this.remove_folder_row = function(folder) + { + for (var id in this.env.subscriptionrows) + if (this.env.subscriptionrows[id]==folder) + break; + + var row; + if (id && (row = document.getElementById(id))) + row.style.display = 'none'; }; @@ -2345,18 +2406,29 @@ /********************************************************/ - // send a http request to the server - this.http_request = function(action, querystring) + this.http_sockets = new Array(); + + // find a non-busy socket or create a new one + this.get_request_obj = function() { - if (window.XMLHttpRequest) - this.request_obj = new XMLHttpRequest(); - else if (window.ActiveXObject) - this.request_obj = new ActiveXObject("Microsoft.XMLHTTP"); - else + for (var n=0; n<this.http_sockets.length; n++) { - + if (!this.http_sockets[n].busy) + return this.http_sockets[n]; } + + // create a new XMLHTTP object + var i = this.http_sockets.length; + this.http_sockets[i] = new rcube_http_request(); + return this.http_sockets[i]; + }; + + + // send a http request to the server + this.http_request = function(action, querystring, lock) + { + var request_obj = this.get_request_obj(); querystring += '&_remote=1'; // add timestamp to request url to avoid cacheing problems in Safari @@ -2364,51 +2436,77 @@ querystring += '&_ts='+(new Date().getTime()); // send request - if (this.request_obj) + if (request_obj) { // prompt('request', this.env.comm_path+'&_action='+escape(action)+'&'+querystring); console('HTTP request: '+this.env.comm_path+'&_action='+escape(action)+'&'+querystring); - this.set_busy(true); - this.request_action = action; - this.request_obj.onreadystatechange = function(){ rcube_webmail_client.http_response(); }; - this.request_obj.open('GET', this.env.comm_path+'&_action='+escape(action)+'&'+querystring); - this.request_obj.send(null); + + if (lock) + this.set_busy(true); + + request_obj.__lock = lock ? true : false; + request_obj.__action = action; + request_obj.onerror = function(o){ rcube_webmail_client.http_error(o); }; + request_obj.oncomplete = function(o){ rcube_webmail_client.http_response(o); }; + request_obj.GET(this.env.comm_path+'&_action='+escape(action)+'&'+querystring); } }; - // handle http response - this.http_response = function() + // handle HTTP response + this.http_response = function(request_obj) { - if (this.request_obj.readyState == 4) // || this.request_obj.readyState == 2) - { - var ctype = this.request_obj.getResponseHeader('Content-Type'); - if (ctype) - ctype = String(ctype).toLowerCase(); + var ctype = request_obj.get_header('Content-Type'); + if (ctype) + ctype = String(ctype).toLowerCase(); + if (request_obj.__lock) this.set_busy(false); - console(this.request_obj.responseText); + console(request_obj.responseText); - // if we get javascript code from server -> execute it - if (this.request_obj.responseText && (ctype=='text/javascript' || ctype=='application/x-javascript')) - eval(this.request_obj.responseText); + // if we get javascript code from server -> execute it + if (request_obj.responseText && (ctype=='text/javascript' || ctype=='application/x-javascript')) + eval(request_obj.responseText); - // process the response data according to the sent action - switch (this.request_action) - { - case 'delete': - case 'moveto': - if (this.env.action=='show') - this.command('list'); - break; + // process the response data according to the sent action + switch (request_obj.__action) + { + case 'delete': + case 'moveto': + if (this.env.action=='show') + this.command('list'); + break; - case 'list': - this.enable_command('select-all', 'select-none', this.env.messagecount ? true : false); - break; - } + case 'list': + this.enable_command('select-all', 'select-none', this.env.messagecount ? true : false); + break; } + + request_obj.reset(); }; + + + // handle HTTP request errors + this.http_error = function(request_obj) + { + alert('Error sending request: '+request_obj.url); + + if (request_obj.__lock) + this.set_busy(false); + + request_obj.reset(); + request_obj.__lock = false; + }; + + + // use an image to send a keep-alive siganl to the server + this.send_keep_alive = function() + { + var d = new Date(); + this.http_request('keep-alive', '_t='+d.getTime()); + }; + /********************************************************/ @@ -2443,6 +2541,21 @@ return false; } + // check if Shift-key is pressed on event + this.check_ctrlkey = function(e) + { + if(!e && window.event) + e = window.event; + + if(bw.linux && bw.ns4 && e.modifiers) + return true; + else if (bw.mac) + return this.check_shiftkey(e); + else if((bw.ns4 && e.modifiers & Event.CTRL_MASK) || (e && e.ctrlKey)) + return true; + else + return false; + } this.get_mouse_pos = function(e) { @@ -2524,6 +2637,111 @@ +// class for HTTP requests +function rcube_http_request() + { + this.url = ''; + this.busy = false; + this.xmlhttp = null; + + + // reset object properties + this.reset = function() + { + // set unassigned event handlers + this.onloading = function(){ }; + this.onloaded = function(){ }; + this.oninteractive = function(){ }; + this.oncomplete = function(){ }; + this.onabort = function(){ }; + this.onerror = function(){ }; + + this.url = ''; + this.busy = false; + this.xmlhttp = null; + } + + + // create HTMLHTTP object + this.build = function() + { + if (window.XMLHttpRequest) + this.xmlhttp = new XMLHttpRequest(); + else if (window.ActiveXObject) + this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); + else + { + + } + } + + // sedn GET request + this.GET = function(url) + { + this.build(); + + if (!this.xmlhttp) + { + this.onerror(this); + return false; + } + + var ref = this; + this.url = url; + this.busy = true; + + this.xmlhttp.onreadystatechange = function(){ ref.xmlhttp_onreadystatechange(); }; + this.xmlhttp.open('GET', url); + this.xmlhttp.send(null); + }; + + + this.POST = function(url, a_param) + { + // not implemented yet + }; + + + // handle onreadystatechange event + this.xmlhttp_onreadystatechange = function() + { + if(this.xmlhttp.readyState == 1) + this.onloading(this); + + else if(this.xmlhttp.readyState == 2) + this.onloaded(this); + + else if(this.xmlhttp.readyState == 3) + this.oninteractive(this); + + 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) + this.oncomplete(this); + else + this.onerror(this); + + this.busy = false; + } + } + + // getter method for HTTP headers + this.get_header = function(name) + { + return this.xmlhttp.getResponseHeader(name); + }; + + + this.reset(); + + } // end class rcube_http_request + + function console(str) { -- Gitblit v1.9.1