/* +-----------------------------------------------------------------------+ | RoundCube Webmail Client Script | | | | This file is part of the RoundCube Webmail client | | Copyright (C) 2005, RoundCube Dev, - Switzerland | | Licensed under the GNU GPL | | | +-----------------------------------------------------------------------+ | Author: Thomas Bruederli <roundcube@gmail.com> | +-----------------------------------------------------------------------+ $Id$ */ var rcube_webmail_client; function rcube_webmail() { this.env = new Object(); this.labels = new Object(); this.buttons = new Object(); this.gui_objects = new Object(); this.commands = new Object(); this.selection = new Array(); // create public reference to myself rcube_webmail_client = this; this.ref = 'rcube_webmail_client'; // webmail client settings this.dblclick_time = 600; this.message_time = 5000; 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'; // mimetypes supported by the browser (default settings) this.mimetypes = new Array('text/plain', 'text/html', 'text/xml', 'image/jpeg', 'image/gif', 'image/png', 'application/x-javascript', 'application/pdf', 'application/x-shockwave-flash'); // set environment variable this.set_env = function(name, value) { //if (!this.busy) this.env[name] = value; }; // add a localized label to the client environment this.add_label = function(key, value) { this.labels[key] = value; }; // add a button to the button list this.register_button = function(command, id, type, act, sel, over) { if (!this.buttons[command]) this.buttons[command] = new Array(); var button_prop = {id:id, type:type}; if (act) button_prop.act = act; if (sel) button_prop.sel = sel; if (over) button_prop.over = over; this.buttons[command][this.buttons[command].length] = button_prop; }; // register a specific gui object this.gui_object = function(name, id) { this.gui_objects[name] = id; }; // initialize webmail client this.init = function() { this.task = this.env.task; // check browser if (!bw.dom || !bw.xmlhttp_test()) { location.href = this.env.comm_path+'&_action=error&_code=0x199'; return; } // find all registered gui objects for (var n in this.gui_objects) this.gui_objects[n] = rcube_find_object(this.gui_objects[n]); // tell parent window that this frame is loaded if (this.env.framed && parent.rcmail && parent.rcmail.set_busy) parent.rcmail.set_busy(false); // enable general commands this.enable_command('logout', 'mail', 'addressbook', 'settings', true); switch (this.task) { case 'mail': var msg_list = this.gui_objects.messagelist; if (msg_list) { this.init_messagelist(msg_list); this.enable_command('markread', true); } // enable mail commands this.enable_command('list', 'compose', 'add-contact', true); if (this.env.action=='show') { 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) this.enable_command('previousmessage', true); } if (this.env.action=='show' && this.env.blockedobjects) { if (this.gui_objects.remoteobjectsmsg) this.gui_objects.remoteobjectsmsg.style.display = 'block'; this.enable_command('load-images', true); } if (this.env.action=='compose') this.enable_command('add-attachment', 'send-attachment', 'send', true); if (this.env.messagecount) this.enable_command('select-all', 'select-none', 'sort', 'expunge', true); this.set_page_buttons(); // focus this window window.focus(); // init message compose form if (this.env.action=='compose') this.init_messageform(); // show printing dialog if (this.env.action=='print') window.print(); // get unread count for each mailbox if (this.gui_objects.mailboxlist) this.http_request('getunread', ''); break; case 'addressbook': 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) this.enable_command('show', 'edit', true); if ((this.env.action=='add' || this.env.action=='edit') && this.gui_objects.editform) this.enable_command('save', true); this.enable_command('list', 'add', true); this.enable_command('ldappublicsearch', this.env.ldappublicsearch); break; case 'settings': this.enable_command('preferences', 'identities', 'save', 'folders', true); if (this.env.action=='identities' || this.env.action=='edit-identity' || this.env.action=='add-identity') this.enable_command('edit', 'add', 'delete', true); if (this.env.action=='edit-identity' || this.env.action=='add-identity') this.enable_command('save', true); if (this.env.action=='folders') this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'delete-folder', true); var identities_list = this.gui_objects.identitieslist; if (identities_list) this.init_identitieslist(identities_list); break; case 'login': var input_user = rcube_find_object('_user'); var input_pass = rcube_find_object('_pass'); if (input_user && input_user.value=='') input_user.focus(); else if (input_pass) input_pass.focus(); this.enable_command('login', true); break; default: break; } // enable basic commands this.enable_command('logout', true); // disable browser's contextmenus // document.oncontextmenu = function(){ return false; } // flag object as complete this.loaded = true; // show message if (this.pending_message) 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); }; // 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; for(var r=0; r<msg_list.tBodies[0].childNodes.length; r++) { row = msg_list.tBodies[0].childNodes[r]; //row = msg_list.tBodies[0].rows[r]; this.init_message_row(row); } } // alias to common rows array this.list_rows = this.message_rows; }; // make references in internal array and set event handlers this.init_message_row = function(row) { var uid, msg_icon; if (String(row.id).match(/rcmrow([0-9]+)/)) { uid = RegExp.$1; row.uid = uid; this.message_rows[uid] = {id:row.id, obj:row, classname:row.className, unread:this.env.messages[uid] ? this.env.messages[uid].unread : null, replied:this.env.messages[uid] ? this.env.messages[uid].replied : null}; // 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); }; // set eventhandler to message icon if ((msg_icon = row.cells[0].childNodes[0]) && row.cells[0].childNodes[0].nodeName=='IMG') { msg_icon.id = 'msgicn_'+uid; msg_icon._row = row; msg_icon.onmousedown = function(e) { rcube_webmail_client.command('markread', this); }; // get message icon and save original icon src this.message_rows[uid].icon = msg_icon; } } }; // init message compose form: set focus and eventhandlers this.init_messageform = function() { if (!this.gui_objects.messageform) 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'); var input_replyto = rcube_find_object('_replyto'); var input_subject = rcube_find_object('_subject'); var input_message = rcube_find_object('_message'); // init live search events if (input_to) this.init_address_input_events(input_to); if (input_cc) 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(); else if (input_subject && input_subject.value=='') input_subject.focus(); else if (input_message) this.set_caret2start(input_message); // input_message.focus(); // get summary of all field values this.cmp_hash = this.compose_field_hash(); }; this.init_address_input_events = function(obj) { var handler = function(e){ return rcube_webmail_client.ksearch_keypress(e,this); }; var handler2 = function(e){ return rcube_webmail_client.ksearch_blur(e,this); }; if (bw.safari) { obj.addEventListener('keydown', handler, false); // obj.addEventListener('blur', handler2, false); } else if (bw.mz) { obj.addEventListener('keypress', handler, false); obj.addEventListener('blur', handler2, false); } else if (bw.ie) { obj.onkeydown = handler; //obj.attachEvent('onkeydown', handler); // obj.attachEvent('onblur', handler2, false); } obj.setAttribute('autocomplete', 'off'); }; // get all contact rows from HTML table and init each row this.init_contactslist = function(contacts_list) { if (contacts_list && contacts_list.tBodies[0]) { this.contact_rows = new Array(); var row; for(var r=0; r<contacts_list.tBodies[0].childNodes.length; r++) { row = contacts_list.tBodies[0].childNodes[r]; this.init_table_row(row, 'contact_rows'); } } // alias to common rows array this.list_rows = this.contact_rows; if (this.env.cid) this.select(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; }; // make references in internal array and set event handlers this.init_table_row = function(row, array_name) { var cid; if (String(row.id).match(/rcmrow([0-9]+)/)) { cid = RegExp.$1; row.cid = cid; this[array_name][cid] = {id:row.id, obj:row, classname:row.className}; // set eventhandlers to table row row.onmousedown = function(e) { rcube_webmail_client.in_selection_before=this.cid; return false; }; // fake for drag handler row.onmouseup = function(e){ return rcube_webmail_client.click_row(e, this.cid); }; } }; // get all contact rows from HTML table and init each row this.init_identitieslist = function(identities_list) { if (identities_list && identities_list.tBodies[0]) { this.identity_rows = new Array(); var row; for(var r=0; r<identities_list.tBodies[0].childNodes.length; r++) { row = identities_list.tBodies[0].childNodes[r]; this.init_table_row(row, 'identity_rows'); } } // alias to common rows array this.list_rows = this.identity_rows; if (this.env.iid) this.select(this.env.iid); }; /*********************************************************/ /********* client command interface *********/ /*********************************************************/ // execute a specific command on the web client this.command = function(command, props, obj) { if (obj && obj.blur) obj.blur(); if (this.busy) return false; // command not supported or allowed if (!this.commands[command]) { // pass command to parent window if (this.env.framed && parent.rcmail && parent.rcmail.command) parent.rcmail.command(command, props); return false; } // check input before leaving compose step if (this.task=='mail' && this.env.action=='compose' && (command=='list' || command=='mail' || command=='addressbook' || command=='settings')) { if (this.cmp_hash != this.compose_field_hash() && !confirm(this.get_label('notsentwarning'))) return false; } // process command switch (command) { case 'login': if (this.gui_objects.loginform) this.gui_objects.loginform.submit(); break; case 'logout': location.href = this.env.comm_path+'&_action=logout'; break; // commands to switch task case 'mail': case 'addressbook': case 'settings': this.switch_task(command); break; // misc list commands case 'list': if (this.task=='mail') this.list_mailbox(props); else if (this.task=='addressbook') this.list_contacts(); break; case 'sort': // get the type of sorting var a_sort = props.split('_'); var sort_col = a_sort[0]; 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; // set table header class if (header = document.getElementById('rcmHead'+this.env.sort_col)) this.set_classname(header, 'sorted'+(this.env.sort_order.toUpperCase()), false); if (header = document.getElementById('rcmHead'+sort_col)) this.set_classname(header, 'sorted'+sort_order, true); // save new sort properties this.env.sort_col = sort_col; this.env.sort_order = sort_order; // reload message list this.list_mailbox('', '', sort_col+'_'+sort_order); break; case 'nextpage': this.list_page('next'); break; case 'previouspage': this.list_page('prev'); break; case 'expunge': if (this.env.messagecount) this.expunge_mailbox(this.env.mailbox); break; case 'clear-mailbox': //if (this.env.messagecount) //this.clear_mailbox(this.env.mailbox); break; // common commands used in multiple tasks case 'show': if (this.task=='mail') { var uid = this.get_single_uid(); if (uid && (!this.env.uid || uid != this.env.uid)) this.show_message(uid); } else if (this.task=='addressbook') { var cid = props ? props : this.get_single_cid(); if (cid && !(this.env.action=='show' && cid==this.env.cid)) this.load_contact(cid, 'show'); } break; case 'add': if (this.task=='addressbook') 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(); this.load_identity(0, 'add-identity'); } break; case 'edit': var cid; if (this.task=='addressbook' && (cid = this.get_single_cid())) this.load_contact(cid, 'edit'); else if (this.task=='settings' && props) this.load_identity(props, 'edit-identity'); break; case 'save-identity': case 'save': if (this.gui_objects.editform) { var input_pagesize = rcube_find_object('_pagesize'); var input_name = rcube_find_object('_name'); var input_email = rcube_find_object('_email'); // user prefs if (input_pagesize && isNaN(input_pagesize.value)) { alert(this.get_label('nopagesizewarning')); input_pagesize.focus(); break; } // contacts/identities else { if (input_name && input_name.value == '') { alert(this.get_label('nonamewarning')); input_name.focus(); break; } else if (input_email && !rcube_check_email(input_email.value)) { alert(this.get_label('noemailwarning')); input_email.focus(); break; } } this.gui_objects.editform.submit(); } break; 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') this.delete_messages(); // addressbook task else if (this.task=='addressbook') this.delete_contacts(); // user settings task else if (this.task=='settings') this.delete_identity(); break; // mail task commands case 'move': case 'moveto': this.move_messages(props); break; case 'markread': if (props && !props._row) break; var uid; var flag = 'read'; if (props._row.uid) { uid = props._row.uid; this.dont_select = true; // toggle read/unread if (!this.message_rows[uid].unread) flag = 'unread'; } this.mark_message(flag, uid); break; case 'load-images': if (this.env.uid) this.show_message(this.env.uid, true); break; case 'load-attachment': var url = this.env.comm_path+'&_action=get&_mbox='+this.env.mailbox+'&_uid='+this.env.uid+'&_part='+props.part; // open attachment in frame if it's of a supported mimetype if (this.env.uid && props.mimetype && find_in_array(props.mimetype, this.mimetypes)>=0) { this.attachment_win = window.open(url+'&_frame=1', 'rcubemailattachment'); if (this.attachment_win) { setTimeout(this.ref+'.attachment_win.focus()', 10); break; } } location.href = url; break; case 'select-all': this.select_all(props); break; case 'select-none': this.clear_selection(); break; case 'nextmessage': if (this.env.next_uid) this.show_message(this.env.next_uid); //location.href = this.env.comm_path+'&_action=show&_uid='+this.env.next_uid+'&_mbox='+this.env.mailbox; break; case 'previousmessage': if (this.env.prev_uid) 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'; // modify url if we're in addressbook if (this.task=='addressbook') { url = this.get_task_url('mail', url); var a_cids = new Array(); // use contact_id passed as command parameter if (props) a_cids[a_cids.length] = props; // get selected contacts else { 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); // need parent in case we are coming from the contact frame parent.window.location.href = url; break; case 'send': if (!this.gui_objects.messageform) break; if (!this.check_compose_input()) break; // all checks passed, send message this.set_busy(true, 'sendingmessage'); var form = this.gui_objects.messageform; form.submit(); break; case 'add-attachment': this.show_attachment_form(true); case 'send-attachment': 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)+(command=='reply-all' ? '&_all=1' : ''); } break; case 'forward': var uid; if (uid = this.get_single_uid()) { this.set_busy(true); location.href = this.env.comm_path+'&_action=compose&_forward_uid='+uid+'&_mbox='+escape(this.env.mailbox); } break; case 'print': var uid; if (uid = this.get_single_uid()) { this.printwin = window.open(this.env.comm_path+'&_action=print&_uid='+uid+'&_mbox='+escape(this.env.mailbox)+(this.env.safemode ? '&_safe=1' : '')); if (this.printwin) setTimeout(this.ref+'.printwin.focus()', 20); } break; case 'viewsource': var uid; if (uid = this.get_single_uid()) { this.sourcewin = window.open(this.env.comm_path+'&_action=viewsource&_uid='+this.env.uid+'&_mbox='+escape(this.env.mailbox)); if (this.sourcewin) setTimeout(this.ref+'.sourcewin.focus()', 20); } break; case 'add-contact': this.add_contact(props); break; // ldap search case 'ldappublicsearch': if (this.gui_objects.ldappublicsearchform) this.gui_objects.ldappublicsearchform.submit(); else this.ldappublicsearch(command); break; // user settings commands case 'preferences': location.href = this.env.comm_path; break; case 'identities': location.href = this.env.comm_path+'&_action=identities'; break; case 'delete-identity': this.delete_identity(); case 'folders': location.href = this.env.comm_path+'&_action=folders'; break; case 'subscribe': this.subscribe_folder(props); break; case 'unsubscribe': this.unsubscribe_folder(props); break; case 'create-folder': this.create_folder(props); break; case 'delete-folder': if (confirm(this.get_label('deletefolderconfirm'))) this.delete_folder(props); break; } return obj ? false : true; }; // set command enabled or disabled this.enable_command = function() { var args = this.enable_command.arguments; if(!args.length) return -1; var command; var enable = args[args.length-1]; for(var n=0; n<args.length-1; n++) { command = args[n]; this.commands[command] = enable; this.set_button(command, (enable ? 'act' : 'pas')); } }; // lock/unlock interface this.set_busy = function(a, message) { if (a && message) { var msg = this.get_label(message); if (msg==message) msg = 'Loading...'; this.display_message(msg, 'loading', true); } else if (!a && this.busy) this.hide_message(); this.busy = a; //document.body.style.cursor = a ? 'wait' : 'default'; if (this.gui_objects.editform) this.lock_form(this.gui_objects.editform, a); // clear pending timer if (this.request_timer) clearTimeout(this.request_timer); // set timer for requests if (a && this.request_timeout) this.request_timer = setTimeout(this.ref+'.request_timed_out()', this.request_timeout); }; // return a localized string this.get_label = function(name) { if (this.labels[name]) return this.labels[name]; else return name; }; // switch to another application task this.switch_task = function(task) { if (this.task===task && task!='mail') return; var url = this.get_task_url(task); if (task=='mail') url += '&_mbox=INBOX'; this.set_busy(true); location.href = url; }; this.get_task_url = function(task, url) { if (!url) url = this.env.comm_path; return url.replace(/_task=[a-z]+/, '_task='+task); }; // called when a request timed out this.request_timed_out = function() { this.set_busy(false); this.display_message('Request timed out!', 'error'); }; /*********************************************************/ /********* event handling methods *********/ /*********************************************************/ // onmouseup handler for mailboxlist item this.mbox_mouse_up = function(mbox) { if (this.drag_active) this.command('moveto', mbox); else this.command('list', mbox); return false; }; // onmousedown-handler of message list row this.drag_row = function(e, id) { this.in_selection_before = this.in_selection(id) ? id : false; // don't do anything (another action processed before) if (this.dont_select) return false; if (!this.in_selection_before) { var ctrl = this.check_ctrlkey(e); this.select(id, ctrl); } if (this.selection.length) { this.drag_start = true; document.onmousemove = function(e){ return rcube_webmail_client.drag_mouse_move(e); }; document.onmouseup = function(e){ return rcube_webmail_client.drag_mouse_up(e); }; } return false; }; // 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) { this.dont_select = false; return false; } if (!this.drag_active && this.in_selection_before==id) { this.select(id, (shift && 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) { this.show_message(id); return false; } else if (this.task=='addressbook') { if (this.contact_rows && this.selection.length==1) { this.load_contact(this.selection[0], 'show', true); // 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); elm.style.visibility = 'hidden'; } } else if (this.task=='settings') { if (this.selection.length==1) this.command('edit', this.selection[0]); } this.list_rows[id].clicked = true; setTimeout(this.ref+'.list_rows['+id+'].clicked=false;', this.dblclick_time); return false; }; /*********************************************************/ /********* (message) list functionality *********/ /*********************************************************/ // select/unselect a row this.select = function(id, multiple) { var selected = false if (this.list_rows[id] && !multiple) { this.clear_selection(); this.selection[0] = id; this.list_rows[id].obj.className += ' selected'; selected = true; } else if (this.list_rows[id]) { if (!this.in_selection(id)) // select row { this.selection[this.selection.length] = id; this.set_classname(this.list_rows[id].obj, 'selected', true); } else // unselect row { var p = find_in_array(id, this.selection); var a_pre = this.selection.slice(0, p); var a_post = this.selection.slice(p+1, this.selection.length); this.selection = a_pre.concat(a_post); this.set_classname(this.list_rows[id].obj, 'selected', false); } selected = (this.selection.length==1); } // enable/disable commands for message if (this.task=='mail') { 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') { this.enable_command('edit', /*'print',*/ selected); this.enable_command('delete', 'compose', this.selection.length>0 ? true : false); } }; this.clear_selection = function() { for(var n=0; n<this.selection.length; n++) if (this.list_rows[this.selection[n]]) this.set_classname(this.list_rows[this.selection[n]].obj, 'selected', false); this.selection = new Array(); }; // check if given id is part of the current selection this.in_selection = function(id) { for(var n in this.selection) if (this.selection[n]==id) return true; return false; }; // select each row in list this.select_all = function(filter) { if (!this.list_rows || !this.list_rows.length) return false; // reset selection first this.clear_selection(); for (var n in this.list_rows) if (!filter || this.list_rows[n][filter]==true) this.select(n, true); }; // when user doble-clicks on a row this.show_message = function(id, safe) { var add_url = ''; var target = window; if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) { target = window.frames[this.env.contentframe]; add_url = '&_framed=1'; } if (safe) add_url = '&_safe=1'; if (id) { this.set_busy(true, 'loading'); target.location.href = this.env.comm_path+'&_action=show&_uid='+id+'&_mbox='+escape(this.env.mailbox)+add_url; } }; // list a specific page this.list_page = function(page) { if (page=='next') page = this.env.current_page+1; if (page=='prev' && this.env.current_page>1) page = this.env.current_page-1; if (page > 0 && page <= this.env.pagecount) { this.env.current_page = page; if (this.task=='mail') this.list_mailbox(this.env.mailbox, page); else if (this.task=='addressbook') this.list_contacts(page); } }; // list messages of a specific mailbox this.list_mailbox = function(mbox, page, sort) { var add_url = ''; var target = window; if (!mbox) mbox = this.env.mailbox; // add sort to url if set if (sort) add_url += '&_sort=' + sort; // set page=1 if changeing to another mailbox if (!page && mbox != this.env.mailbox) { page = 1; add_url += '&_refresh=1'; this.env.current_page = page; this.clear_selection(); } if (this.env.mailbox!=mbox) this.select_mailbox(mbox); // load message list remotely if (this.gui_objects.messagelist) { this.list_mailbox_remote(mbox, page, add_url); return; } if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) { target = window.frames[this.env.contentframe]; add_url += '&_framed=1'; } // load message list to target frame/window if (mbox) { this.set_busy(true, 'loading'); target.location.href = this.env.comm_path+'&_mbox='+escape(mbox)+(page ? '&_page='+page : '')+add_url; } }; // send remote request to load message list this.list_mailbox_remote = function(mbox, page, add_url) { // clear message list first this.clear_message_list(); // send request to server var url = '_mbox='+escape(mbox)+(page ? '&_page='+page : ''); this.set_busy(true, 'loading'); this.http_request('list', url+add_url, true); }; this.clear_message_list = function() { var table = this.gui_objects.messagelist; var tbody = document.createElement('TBODY'); table.insertBefore(tbody, table.tBodies[0]); table.removeChild(table.tBodies[1]); this.message_rows = new Array(); this.list_rows = this.message_rows; }; this.expunge_mailbox = function(mbox) { var lock = false; var add_url = ''; // 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('expunge', url+add_url, lock); }; // move selected messages to the specified mailbox this.move_messages = function(mbox) { // exit if no mailbox specified or if selection is empty if (!mbox || !(this.selection.length || this.env.uid) || mbox==this.env.mailbox) return; var a_uids = new Array(); if (this.env.uid) a_uids[a_uids.length] = this.env.uid; else { var id; for (var n=0; n<this.selection.length; n++) { 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'; } } 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 : ''), lock); }; // 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; var a_uids = new Array(); if (this.env.uid) a_uids[a_uids.length] = this.env.uid; else { var id; for (var n=0; n<this.selection.length; n++) { 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'; } } // send request to server this.http_request('delete', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_from='+(this.env.action ? this.env.action : '')); }; // set a specific flag to one or more messages this.mark_message = function(flag, uid) { var a_uids = new Array(); if (uid) a_uids[0] = uid; else if (this.env.uid) a_uids[0] = this.env.uid; else { var id; for (var n=0; n<this.selection.length; n++) { 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'; } } // mark all message rows as read/unread 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].unread = (flag=='unread' ? true : false); if (this.message_rows[uid].classname.indexOf('unread')<0 && this.message_rows[uid].unread) { this.message_rows[uid].classname += ' unread'; this.set_classname(this.message_rows[uid].obj, 'unread', true); if (this.env.unreadicon) icn_src = this.env.unreadicon; } else if (!this.message_rows[uid].unread) { this.message_rows[uid].classname = this.message_rows[uid].classname.replace(/\s*unread/, ''); this.set_classname(this.message_rows[uid].obj, 'unread', false); 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; } } // send request to server this.http_request('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); }; /*********************************************************/ /********* message compose methods *********/ /*********************************************************/ // checks the input fields before sending a message this.check_compose_input = function() { // check input fields var input_to = rcube_find_object('_to'); var input_subject = rcube_find_object('_subject'); var input_message = rcube_find_object('_message'); // check for empty recipient if (input_to && !rcube_check_email(input_to.value, true)) { alert(this.get_label('norecipientwarning')); input_to.focus(); return false; } // display localized warning for missing subject if (input_subject && input_subject.value == '') { var subject = prompt(this.get_label('nosubjectwarning'), this.get_label('nosubject')); // user hit cancel, so don't send if (!subject && subject !== '') { input_subject.focus(); return false; } else { input_subject.value = subject ? subject : this.get_label('nosubject'); } } // check for empty body if (input_message.value=='') { if (!confirm(this.get_label('nobodywarning'))) { input_message.focus(); return false; } } return true; }; this.compose_field_hash = function() { // check input fields var input_to = rcube_find_object('_to'); var input_cc = rcube_find_object('_to'); var input_bcc = rcube_find_object('_to'); var input_subject = rcube_find_object('_subject'); var input_message = rcube_find_object('_message'); var str = ''; if (input_to && input_to.value) str += input_to.value+':'; if (input_cc && input_cc.value) str += input_cc.value+':'; if (input_bcc && input_bcc.value) str += input_bcc.value+':'; if (input_subject && input_subject.value) str += input_subject.value+':'; if (input_message && input_message.value) str += input_message.value; return str; }; 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 : ''; var sig, p; // remove the 'old' signature if (this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) { sig = this.env.signatures[this.env.identity]; if (sig.indexOf('-- ')!=0) sig = '-- \n'+sig; p = message.lastIndexOf(sig); if (p>=0) 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]) { sig = this.env.signatures[id]; if (sig.indexOf('-- ')!=0) sig = '-- \n'+sig; message += '\n'+sig; } if (input_message) input_message.value = message; this.env.identity = id; }; this.show_attachment_form = function(a) { if (!this.gui_objects.uploadbox) return false; var elm, list; if (elm = this.gui_objects.uploadbox) { if (a && (list = this.gui_objects.attachmentlist)) { var pos = rcube_get_object_pos(list); var left = pos.x; var top = pos.y + list.offsetHeight + 10; elm.style.top = top+'px'; elm.style.left = left+'px'; } elm.style.visibility = a ? 'visible' : 'hidden'; } // clear upload form if (!a && this.gui_objects.attachmentform && this.gui_objects.attachmentform!=this.gui_objects.messageform) this.gui_objects.attachmentform.reset(); }; // upload attachment file this.upload_file = function(form) { if (!form) return false; // get file input fields var send = false; for (var n=0; n<form.elements.length; n++) if (form.elements[n].type=='file' && form.elements[n].value) { send = true; break; } // create hidden iframe and post upload form if (send) { var ts = new Date().getTime(); var frame_name = 'rcmupload'+ts; // have to do it this way for IE // otherwise the form will be posted to a new window if(document.all && !window.opera) { var html = '<iframe name="'+frame_name+'" src="program/blank.gif" style="width:0;height:0;visibility:hidden;"></iframe>'; document.body.insertAdjacentHTML('BeforeEnd',html); } else // for standards-compilant browsers { var frame = document.createElement('IFRAME'); frame.name = frame_name; frame.width = 10; frame.height = 10; frame.style.visibility = 'hidden'; document.body.appendChild(frame); } form.target = frame_name; form.action = this.env.comm_path+'&_action=upload'; form.setAttribute('enctype', 'multipart/form-data'); form.submit(); } // set reference to the form object this.gui_objects.attachmentform = form; }; // add file name to attachment list // called from upload page this.add2attachment_list = function(name) { if (!this.gui_objects.attachmentlist) return false; var li = document.createElement('LI'); li.innerHTML = name; this.gui_objects.attachmentlist.appendChild(li); }; // send remote request to add a new contact this.add_contact = function(value) { if (value) this.http_request('addcontact', '_address='+value); }; /*********************************************************/ /********* keyboard live-search methods *********/ /*********************************************************/ // handler for keyboard events on address-fields this.ksearch_keypress = function(e, obj) { if (typeof(this.env.contacts)!='object' || !this.env.contacts.length) return true; if (this.ksearch_timer) clearTimeout(this.ksearch_timer); if (!e) e = window.event; var highlight; var key = e.keyCode ? e.keyCode : e.which; switch (key) { case 38: // key up case 40: // key down if (!this.ksearch_pane) break; var dir = key==38 ? 1 : 0; var next; highlight = document.getElementById('rcmksearchSelected'); if (!highlight) highlight = this.ksearch_pane.ul.firstChild; if (highlight && (next = dir ? highlight.previousSibling : highlight.nextSibling)) { highlight.removeAttribute('id'); //highlight.removeAttribute('class'); this.set_classname(highlight, 'selected', false); } if (next) { next.setAttribute('id', 'rcmksearchSelected'); this.set_classname(next, 'selected', true); this.ksearch_selected = next._rcm_id; } if (e.preventDefault) e.preventDefault(); return false; case 9: // tab if(e.shiftKey) break; case 13: // enter if (this.ksearch_selected===null || !this.ksearch_input || !this.ksearch_value) break; // get cursor pos var inp_value = this.ksearch_input.value.toLowerCase(); var cpos = this.get_caret_pos(this.ksearch_input); var p = inp_value.lastIndexOf(this.ksearch_value, cpos); // replace search string with full address var pre = this.ksearch_input.value.substring(0, p); var end = this.ksearch_input.value.substring(p+this.ksearch_value.length, this.ksearch_input.value.length); var insert = this.env.contacts[this.ksearch_selected]+', '; this.ksearch_input.value = pre + insert + end; //this.ksearch_input.value = this.ksearch_input.value.substring(0, p)+insert; // set caret to insert pos cpos = p+insert.length; if (this.ksearch_input.setSelectionRange) this.ksearch_input.setSelectionRange(cpos, cpos); // hide ksearch pane this.ksearch_hide(); if (e.preventDefault) e.preventDefault(); return false; case 27: // escape this.ksearch_hide(); break; } // start timer this.ksearch_timer = setTimeout(this.ref+'.ksearch_get_results()', 200); this.ksearch_input = obj; return true; }; // address search processor this.ksearch_get_results = function() { var inp_value = this.ksearch_input ? this.ksearch_input.value : null; if (inp_value===null) return; // get string from current cursor pos to last comma var cpos = this.get_caret_pos(this.ksearch_input); var p = inp_value.lastIndexOf(',', cpos-1); var q = inp_value.substring(p+1, cpos); // trim query string q = q.replace(/(^\s+|\s+$)/g, '').toLowerCase(); if (!q.length || q==this.ksearch_value) { if (!q.length && this.ksearch_pane && this.ksearch_pane.visible) this.ksearch_pane.show(0); return; } this.ksearch_value = q; // start searching the contact list var a_results = new Array(); var a_result_ids = new Array(); var c=0; for (var i=0; i<this.env.contacts.length; i++) { if (this.env.contacts[i].toLowerCase().indexOf(q)>=0) { a_results[c] = this.env.contacts[i]; a_result_ids[c++] = i; if (c==15) // limit search results break; } } // display search results if (c && a_results.length) { var p, ul, li; // create results pane if not present if (!this.ksearch_pane) { ul = document.createElement('UL'); this.ksearch_pane = new rcube_layer('rcmKSearchpane', {vis:0, zindex:30000}); this.ksearch_pane.elm.appendChild(ul); this.ksearch_pane.ul = ul; } else ul = this.ksearch_pane.ul; // remove all search results ul.innerHTML = ''; // add each result line to list for (i=0; i<a_results.length; i++) { li = document.createElement('LI'); li.innerHTML = a_results[i].replace(/</, '<').replace(/>/, '>'); li._rcm_id = a_result_ids[i]; ul.appendChild(li); } // check if last selected item is still in result list if (this.ksearch_selected!==null) { p = find_in_array(this.ksearch_selected, a_result_ids); if (p>=0 && ul.childNodes) { ul.childNodes[p].setAttribute('id', 'rcmksearchSelected'); this.set_classname(ul.childNodes[p], 'selected', true); } else this.ksearch_selected = null; } // if no item selected, select the first one if (this.ksearch_selected===null) { ul.firstChild.setAttribute('id', 'rcmksearchSelected'); this.set_classname(ul.firstChild, 'selected', true); this.ksearch_selected = a_result_ids[0]; } // resize the containing layer to fit the list //this.ksearch_pane.resize(ul.offsetWidth, ul.offsetHeight); // move the results pane right under the input box and make it visible var pos = rcube_get_object_pos(this.ksearch_input); this.ksearch_pane.move(pos.x, pos.y+this.ksearch_input.offsetHeight); this.ksearch_pane.show(1); } // hide results pane else this.ksearch_hide(); }; this.ksearch_blur = function(e, obj) { if (this.ksearch_timer) clearTimeout(this.ksearch_timer); this.ksearch_value = ''; this.ksearch_input = null; this.ksearch_hide(); }; this.ksearch_hide = function() { this.ksearch_selected = null; if (this.ksearch_pane) this.ksearch_pane.show(0); }; /*********************************************************/ /********* address book methods *********/ /*********************************************************/ this.list_contacts = function(page) { var add_url = ''; var target = window; if (page && this.current_page==page) return false; // load contacts remotely if (this.gui_objects.contactslist) { this.list_contacts_remote(page); return; } if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) { target = window.frames[this.env.contentframe]; add_url = '&_framed=1'; } this.set_busy(true, 'loading'); location.href = this.env.comm_path+(page ? '&_page='+page : '')+add_url; }; // send remote request to load contacts list this.list_contacts_remote = function(page) { // clear list var table = this.gui_objects.contactslist; var tbody = document.createElement('TBODY'); table.insertBefore(tbody, table.tBodies[0]); table.tBodies[1].style.display = 'none'; this.contact_rows = new Array(); this.list_rows = this.contact_rows; // send request to server var url = page ? '&_page='+page : ''; this.set_busy(true, 'loading'); this.http_request('list', url, true); }; // load contact record this.load_contact = function(cid, action, framed) { 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 if (framed) return false; //if (this.env.framed && add_url=='') // add_url = '&_framed=1'; if (action && (cid || action=='add')) { this.set_busy(true); target.location.href = this.env.comm_path+'&_action='+action+'&_cid='+cid+add_url; } }; this.delete_contacts = function() { // exit if no mailbox specified or if selection is empty if (!(this.selection.length || this.env.cid)) return; var a_cids = new Array(); if (this.env.cid) a_cids[a_cids.length] = this.env.cid; else { var id; for (var n=0; n<this.selection.length; n++) { id = this.selection[n]; a_cids[a_cids.length] = id; // 'remove' row from list (just hide it) if (this.contact_rows[id].obj) this.contact_rows[id].obj.style.display = 'none'; } // hide content frame if we delete the currently displayed contact if (this.selection.length==1 && this.env.contentframe) { var elm = document.getElementById(this.env.contentframe); elm.style.visibility = 'hidden'; } } // send request to server this.http_request('delete', '_cid='+a_cids.join(',')+'&_from='+(this.env.action ? this.env.action : '')); }; // update a contact record in the list this.update_contact_row = function(cid, cols_arr) { if (!this.contact_rows[cid] || !this.contact_rows[cid].obj) return false; var row = this.contact_rows[cid].obj; for (var c=0; c<cols_arr.length; c++) if (row.cells[c]) 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; } /*********************************************************/ /********* user settings methods *********/ /*********************************************************/ // load contact record this.load_identity = function(id, action) { if (action=='edit-identity' && (!id || id==this.env.iid)) return; 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'; } if (action && (id || action=='add-identity')) { this.set_busy(true); target.location.href = this.env.comm_path+'&_action='+action+'&_iid='+id+add_url; } }; this.delete_identity = function(id) { // exit if no mailbox specified or if selection is empty if (!(this.selection.length || this.env.iid)) return; if (!id) id = this.env.iid ? this.env.iid : this.selection[0]; /* // 'remove' row from list (just hide it) if (this.identity_rows && this.identity_rows[id].obj) { this.clear_selection(); this.identity_rows[id].obj.style.display = 'none'; } */ // if (this.env.framed && id) this.set_busy(true); location.href = this.env.comm_path+'&_action=delete-identity&_iid='+id; // else if (id) // this.http_request('delete-identity', '_iid='+id); }; this.create_folder = function(name) { var form; if ((form = this.gui_objects.editform) && form.elements['_folder_name']) name = form.elements['_folder_name'].value; if (name) this.http_request('create-folder', '_name='+escape(name), true); else if (form.elements['_folder_name']) form.elements['_folder_name'].focus(); }; this.delete_folder = function(folder) { if (folder) { 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'; }; this.subscribe_folder = function(folder) { var form; if ((form = this.gui_objects.editform) && form.elements['_unsubscribed']) this.change_subscription('_unsubscribed', '_subscribed', 'subscribe'); else if (folder) this.http_request('subscribe', '_mboxes='+escape(folder)); }; this.unsubscribe_folder = function(folder) { var form; if ((form = this.gui_objects.editform) && form.elements['_subscribed']) this.change_subscription('_subscribed', '_unsubscribed', 'unsubscribe'); else if (folder) this.http_request('unsubscribe', '_mboxes='+escape(folder)); }; this.change_subscription = function(from, to, action) { var form; if (form = this.gui_objects.editform) { var a_folders = new Array(); var list_from = form.elements[from]; for (var i=0; list_from && i<list_from.options.length; i++) { if (list_from.options[i] && list_from.options[i].selected) { a_folders[a_folders.length] = list_from.options[i].value; list_from[i] = null; i--; } } // yes, we have some folders selected if (a_folders.length) { var list_to = form.elements[to]; var index; for (var n=0; n<a_folders.length; n++) { index = list_to.options.length; list_to[index] = new Option(a_folders[n]); } this.http_request(action, '_mboxes='+escape(a_folders.join(','))); } } }; // add a new folder to the subscription list by cloning a folder row this.add_folder_row = function(name) { if (!this.gui_objects.subscriptionlist) return false; var tbody = this.gui_objects.subscriptionlist.tBodies[0]; var id = tbody.childNodes.length+1; // clone a table row var row = this.clone_table_row(tbody.rows[0]); row.id = 'rcmrow'+id; tbody.appendChild(row); // add to folder/row-ID map this.env.subscriptionrows[row.id] = name; // set folder name row.cells[0].innerHTML = name; if (row.cells[1].firstChild.tagName=='INPUT') { row.cells[1].firstChild.value = name; row.cells[1].firstChild.checked = true; } if (row.cells[2].firstChild.tagName=='A') row.cells[2].firstChild.onclick = new Function(this.ref+".command('delete-folder','"+name+"')"); var form; if ((form = this.gui_objects.editform) && form.elements['_folder_name']) form.elements['_folder_name'].value = ''; }; // duplicate a specific table row this.clone_table_row = function(row) { var cell, td; var new_row = document.createElement('TR'); for(var n=0; n<row.childNodes.length; n++) { cell = row.childNodes[n]; td = document.createElement('TD'); if (cell.className) td.className = cell.className; if (cell.align) td.setAttribute('align', cell.align); td.innerHTML = cell.innerHTML; new_row.appendChild(td); } return new_row; }; /*********************************************************/ /********* GUI functionality *********/ /*********************************************************/ // eable/disable buttons for page shifting this.set_page_buttons = function() { this.enable_command('nextpage', (this.env.pagecount > this.env.current_page)); this.enable_command('previouspage', (this.env.current_page > 1)); } // set button to a specific state this.set_button = function(command, state) { var a_buttons = this.buttons[command]; var button, obj; if(!a_buttons || !a_buttons.length) return; for(var n=0; n<a_buttons.length; n++) { button = a_buttons[n]; obj = document.getElementById(button.id); // get default/passive setting of the button if (obj && button.type=='image' && !button.status) button.pas = obj._original_src ? obj._original_src : obj.src; else if (obj && !button.status) button.pas = String(obj.className); // set image according to button state if (obj && button.type=='image' && button[state]) { button.status = state; obj.src = button[state]; } // set class name according to button state else if (obj && typeof(button[state])!='undefined') { button.status = state; obj.className = button[state]; } // disable/enable input buttons if (obj && button.type=='input') { button.status = state; obj.disabled = !state; } } }; // mouse over button this.button_over = function(command, id) { var a_buttons = this.buttons[command]; var button, img; if(!a_buttons || !a_buttons.length) return; for(var n=0; n<a_buttons.length; n++) { button = a_buttons[n]; if(button.id==id && button.status=='act') { img = document.getElementById(button.id); if (img && button.over) img.src = button.over; } } }; // mouse out of button this.button_out = function(command, id) { var a_buttons = this.buttons[command]; var button, img; if(!a_buttons || !a_buttons.length) return; for(var n=0; n<a_buttons.length; n++) { button = a_buttons[n]; if(button.id==id && button.status=='act') { img = document.getElementById(button.id); if (img && button.act) img.src = button.act; } } }; // set/unset a specific class name this.set_classname = function(obj, classname, set) { var reg = new RegExp('\s*'+classname, 'i'); if (!set && obj.className.match(reg)) obj.className = obj.className.replace(reg, ''); else if (set && !obj.className.match(reg)) obj.className += ' '+classname; }; // display a specific alttext this.alttext = function(text) { }; // display a system message this.display_message = function(msg, type, hold) { if (!this.loaded) // save message in order to display after page loaded { this.pending_message = new Array(msg, type); return true; } if (!this.gui_objects.message) return false; if (this.message_timer) clearTimeout(this.message_timer); var cont = msg; if (type) cont = '<div class="'+type+'">'+cont+'</div>'; this.gui_objects.message._rcube = this; this.gui_objects.message.innerHTML = cont; this.gui_objects.message.style.display = 'block'; if (type!='loading') this.gui_objects.message.onmousedown = function(){ this._rcube.hide_message(); return true; }; if (!hold) this.message_timer = setTimeout(this.ref+'.hide_message()', this.message_time); }; // make a message row disapear this.hide_message = function() { if (this.gui_objects.message) { this.gui_objects.message.style.display = 'none'; this.gui_objects.message.onmousedown = null; } }; // mark a mailbox as selected and set environment variable this.select_mailbox = function(mbox) { if (this.gui_objects.mailboxlist) { var item, reg, text_obj; var s_current = this.env.mailbox.toLowerCase().replace(this.mbox_expression, ''); var s_mbox = String(mbox).toLowerCase().replace(this.mbox_expression, ''); var s_current = this.env.mailbox.toLowerCase().replace(this.mbox_expression, ''); var current_li = document.getElementById('rcmbx'+s_current); var mbox_li = document.getElementById('rcmbx'+s_mbox); if (current_li) this.set_classname(current_li, 'selected', false); if (mbox_li) this.set_classname(mbox_li, 'selected', true); } this.env.mailbox = mbox; }; // create a table row in the message list this.add_message_row = function(uid, cols, flags, attachment, attop) { if (!this.gui_objects.messagelist || !this.gui_objects.messagelist.tBodies[0]) return false; var tbody = this.gui_objects.messagelist.tBodies[0]; var rowcount = tbody.rows.length; var even = rowcount%2; this.env.messages[uid] = {replied:flags.replied?1:0, unread:flags.unread?1:0}; var row = document.createElement('TR'); row.id = 'rcmrow'+uid; row.className = 'message '+(even ? 'even' : 'odd')+(flags.unread ? ' unread' : '')+(flags.deleted ? ' deleted' : ''); 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 col = document.createElement('TD'); col.className = 'icon'; col.innerHTML = icon ? '<img src="'+icon+'" alt="" border="0" />' : ''; row.appendChild(col); // add each submitted col for (var c in cols) { col = document.createElement('TD'); col.className = String(c).toLowerCase(); col.innerHTML = cols[c]; row.appendChild(col); } col = document.createElement('TD'); col.className = 'icon'; col.innerHTML = attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" border="0" />' : ''; row.appendChild(col); if (attop && tbody.rows.length) tbody.insertBefore(row, tbody.firstChild); else tbody.appendChild(row); this.init_message_row(row); }; // replace content of row count display this.set_rowcount = function(text) { if (this.gui_objects.countdisplay) this.gui_objects.countdisplay.innerHTML = text; // update page navigation buttons this.set_page_buttons(); }; // update the mailboxlist this.set_unread_count = function(mbox, count, set_title) { if (!this.gui_objects.mailboxlist) return false; var item, reg, text_obj; mbox = String(mbox).toLowerCase().replace(this.mbox_expression, ''); item = document.getElementById('rcmbx'+mbox); if (item && item.className && item.className.indexOf('mailbox '+mbox)>=0) { // set new text text_obj = item.firstChild; reg = /\s+\([0-9]+\)$/i; if (count && text_obj.innerHTML.match(reg)) text_obj.innerHTML = text_obj.innerHTML.replace(reg, ' ('+count+')'); else if (count) text_obj.innerHTML += ' ('+count+')'; else text_obj.innerHTML = text_obj.innerHTML.replace(reg, ''); // set the right classes this.set_classname(item, 'unread', count>0 ? true : false); } // set unread count to window title if (set_title && 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+') '); else if (count) document.title = '('+count+') '+doc_title; else document.title = doc_title.replace(reg, ''); } }; // add row to contacts list this.add_contact_row = function(cid, cols) { if (!this.gui_objects.contactslist || !this.gui_objects.contactslist.tBodies[0]) return false; var tbody = this.gui_objects.contactslist.tBodies[0]; var rowcount = tbody.rows.length; var even = rowcount%2; var row = document.createElement('TR'); row.id = 'rcmrow'+cid; row.className = 'contact '+(even ? 'even' : 'odd'); if (this.in_selection(cid)) row.className += ' selected'; // add each submitted col for (var c in cols) { col = document.createElement('TD'); col.className = String(c).toLowerCase(); col.innerHTML = cols[c]; row.appendChild(col); } tbody.appendChild(row); this.init_table_row(row, 'contact_rows'); }; /********************************************************/ /********* drag & drop methods *********/ /********************************************************/ this.drag_mouse_move = function(e) { if (this.drag_start) { if (!this.draglayer) this.draglayer = new rcube_layer('rcmdraglayer', {x:0, y:0, width:300, vis:0, zindex:2000}); // get subjects of selectedd messages var names = ''; var c, subject, obj; for(var n=0; n<this.selection.length; n++) { if (n>12) // only show 12 lines { names += '...'; break; } if (this.message_rows[this.selection[n]].obj) { obj = this.message_rows[this.selection[n]].obj; subject = ''; for(c=0; c<obj.childNodes.length; c++) if (!subject && obj.childNodes[c].nodeName=='TD' && obj.childNodes[c].firstChild && obj.childNodes[c].firstChild.nodeType==3) { subject = obj.childNodes[c].firstChild.data; names += (subject.length > 50 ? subject.substring(0, 50)+'...' : subject) + '<br />'; } } } this.draglayer.write(names); this.draglayer.show(1); } var pos = this.get_mouse_pos(e); this.draglayer.move(pos.x+20, pos.y-5); this.drag_start = false; this.drag_active = true; return false; }; this.drag_mouse_up = function() { document.onmousemove = null; if (this.draglayer && this.draglayer.visible) this.draglayer.show(0); this.drag_active = false; return false; }; /********************************************************/ /********* remote request methods *********/ /********************************************************/ this.http_sockets = new Array(); // find a non-busy socket or create a new one this.get_request_obj = function() { 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 if (bw.safari) querystring += '&_ts='+(new Date().getTime()); // send request if (request_obj) { // prompt('request', this.env.comm_path+'&_action='+escape(action)+'&'+querystring); console('HTTP request: '+this.env.comm_path+'&_action='+escape(action)+'&'+querystring); 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(request_obj) { var ctype = request_obj.get_header('Content-Type'); if (ctype) ctype = String(ctype).toLowerCase(); if (request_obj.__lock) this.set_busy(false); console(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 (request_obj.__action) { case 'delete': case 'moveto': if (this.env.action=='show') this.command('list'); break; case 'list': case 'expunge': this.enable_command('select-all', 'select-none', 'expunge', 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()); }; // send periodic request to check for recent messages this.check_for_recent = function() { var d = new Date(); this.http_request('check-recent', '_t='+d.getTime()); }; /********************************************************/ /********* helper methods *********/ /********************************************************/ // check if we're in show mode or if we have a unique selection // and return the message uid this.get_single_uid = function() { return this.env.uid ? this.env.uid : (this.selection.length==1 ? this.selection[0] : null); }; // same as above but for contacts this.get_single_cid = function() { return this.env.cid ? this.env.cid : (this.selection.length==1 ? this.selection[0] : null); }; // check if Shift-key is pressed on event this.check_shiftkey = function(e) { if(!e && window.event) e = window.event; if(bw.linux && bw.ns4 && e.modifiers) return true; else if((bw.ns4 && e.modifiers & Event.SHIFT_MASK) || (e && e.shiftKey)) return true; else 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) { if(!e) e = window.event; var mX = (e.pageX) ? e.pageX : e.clientX; var mY = (e.pageY) ? e.pageY : e.clientY; if(document.body && document.all) { mX += document.body.scrollLeft; mY += document.body.scrollTop; } return { x:mX, y:mY }; }; this.get_caret_pos = function(obj) { if (typeof(obj.selectionEnd)!='undefined') return obj.selectionEnd; else if (document.selection && document.selection.createRange) { var range = document.selection.createRange(); if (range.parentElement()!=obj) return 0; var gm = range.duplicate(); if (obj.tagName=='TEXTAREA') gm.moveToElementText(obj); else gm.expand('textedit'); gm.setEndPoint('EndToStart', range); var p = gm.text.length; return p<=obj.value.length ? p : -1; } else return obj.value.length; }; this.set_caret2start = function(obj) { if (obj.createTextRange) { var range = obj.createTextRange(); range.collapse(true); range.select(); } else if (obj.setSelectionRange) obj.setSelectionRange(0,0); obj.focus(); }; // set all fields of a form disabled this.lock_form = function(form, lock) { if (!form || !form.elements) return; var type; for (var n=0; n<form.elements.length; n++) { type = form.elements[n]; if (type=='hidden') continue; form.elements[n].disabled = lock; } }; } // end object rcube_webmail // 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) { if (document.debugform && document.debugform.console) document.debugform.console.value += str+'\n--------------------------------------\n'; } // set onload handler window.onload = function(e) { if (window.rcube_webmail_client) rcube_webmail_client.init(); };