| | |
| | | | RoundCube Webmail Client Script | |
| | | | | |
| | | | This file is part of the RoundCube Webmail client | |
| | | | Copyright (C) 2005-2008, RoundCube Dev, - Switzerland | |
| | | | Copyright (C) 2005-2009, RoundCube Dev, - Switzerland | |
| | | | Licensed under the GNU GPL | |
| | | | | |
| | | +-----------------------------------------------------------------------+ |
| | | | Authors: Thomas Bruederli <roundcube@gmail.com> | |
| | | | Charles McNulty <charles@charlesmcnulty.com> | |
| | | +-----------------------------------------------------------------------+ |
| | | | Requires: common.js, list.js | |
| | | | Requires: jquery.js, common.js, list.js | |
| | | +-----------------------------------------------------------------------+ |
| | | |
| | | $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.gui_containers = new Object(); |
| | | this.commands = new Object(); |
| | | this.command_handlers = new Object(); |
| | | this.onloads = new Array(); |
| | | |
| | | // create protected reference to myself |
| | | rcube_webmail_client = this; |
| | | this.ref = 'rcube_webmail_client'; |
| | | this.ref = 'rcmail'; |
| | | var ref = this; |
| | | |
| | | // webmail client settings |
| | |
| | | this.env.bin_path = './bin/'; |
| | | this.env.blankpage = 'program/blank.gif'; |
| | | |
| | | // set jQuery ajax options |
| | | jQuery.ajaxSetup({ cache:false, |
| | | error:function(request, status, err){ ref.http_error(request, status, err); }, |
| | | beforeSend:function(xmlhttp){ xmlhttp.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); } |
| | | }); |
| | | |
| | | // set environment variable(s) |
| | | this.set_env = function(p, value) |
| | |
| | | this.env[p] = 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) |
| | |
| | | this.gui_objects[name] = id; |
| | | }; |
| | | |
| | | // register a container object |
| | | this.gui_container = function(name, id) |
| | | { |
| | | this.gui_containers[name] = id; |
| | | }; |
| | | |
| | | // add a GUI element (html node) to a specified container |
| | | this.add_element = function(elm, container) |
| | | { |
| | | if (this.gui_containers[container] && this.gui_containers[container].jquery) |
| | | this.gui_containers[container].append(elm); |
| | | }; |
| | | |
| | | // register an external handler for a certain command |
| | | this.register_command = function(command, callback, enable) |
| | | { |
| | | this.command_handlers[command] = callback; |
| | | |
| | | if (enable) |
| | | this.enable_command(command, true); |
| | | }; |
| | | |
| | | // execute the given script on load |
| | | this.add_onload = function(f) |
| | | { |
| | | this.onloads[this.onloads.length] = f; |
| | | }; |
| | | { |
| | | this.onloads[this.onloads.length] = f; |
| | | }; |
| | | |
| | | // initialize webmail client |
| | | this.init = function() |
| | |
| | | return; |
| | | } |
| | | |
| | | // find all registered gui containers |
| | | for (var n in this.gui_containers) |
| | | this.gui_containers[n] = $('#'+this.gui_containers[n]); |
| | | |
| | | // find all registered gui objects |
| | | for (var n in this.gui_objects) |
| | | this.gui_objects[n] = rcube_find_object(this.gui_objects[n]); |
| | |
| | | // enable general commands |
| | | this.enable_command('logout', 'mail', 'addressbook', 'settings', true); |
| | | |
| | | if (this.env.permaurl) |
| | | this.enable_command('permaurl', true); |
| | | |
| | | switch (this.task) |
| | | { |
| | | case 'mail': |
| | |
| | | this.message_list.addEventListener('dblclick', function(o){ p.msglist_dbl_click(o); }); |
| | | this.message_list.addEventListener('keypress', function(o){ p.msglist_keypress(o); }); |
| | | this.message_list.addEventListener('select', function(o){ p.msglist_select(o); }); |
| | | this.message_list.addEventListener('dragstart', function(o){ p.drag_active = true; if (p.preview_timer) clearTimeout(p.preview_timer); }); |
| | | this.message_list.addEventListener('dragstart', function(o){ p.drag_start(o); }); |
| | | this.message_list.addEventListener('dragmove', function(o, e){ p.drag_move(e); }); |
| | | this.message_list.addEventListener('dragend', function(o){ p.drag_active = false; }); |
| | | document.onmouseup = function(e){ return p.doc_mouse_up(e); }; |
| | | |
| | | this.message_list.init(); |
| | | this.enable_command('toggle_status', 'toggle_flag', true); |
| | | |
| | | if (this.gui_objects.mailcontframe) |
| | | { |
| | | this.gui_objects.mailcontframe.onmousedown = function(e){ return p.click_on_list(e); }; |
| | | document.onmouseup = function(e){ return p.doc_mouse_up(e); }; |
| | | } |
| | | else |
| | | this.message_list.focus(); |
| | | } |
| | |
| | | |
| | | if (this.env.action=='show' || this.env.action=='preview') |
| | | { |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', 'mark', 'viewsource', 'print', 'load-attachment', true); |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', 'mark', 'viewsource', 'print', 'load-attachment', 'load-headers', true); |
| | | if (this.env.next_uid) |
| | | { |
| | | this.enable_command('nextmessage', true); |
| | |
| | | { |
| | | this.env.spellcheck.spelling_state_observer = function(s){ ref.set_spellcheck_state(s); }; |
| | | this.set_spellcheck_state('ready'); |
| | | if (rcube_find_object('_is_html').value == '1') |
| | | if ($("input[name='_is_html']").val() == '1') |
| | | this.display_spellcheck_controls(false); |
| | | } |
| | | if (this.env.drafts_mailbox) |
| | | this.enable_command('savedraft', true); |
| | | |
| | | document.onmouseup = function(e){ return p.doc_mouse_up(e); }; |
| | | } |
| | | |
| | | if (this.env.messagecount) |
| | | this.enable_command('select-all', 'select-none', 'expunge', true); |
| | | |
| | | if (this.env.messagecount |
| | | && (this.env.mailbox == this.env.trash_mailbox || this.env.mailbox == this.env.junk_mailbox |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.trash_mailbox) + RegExp.escape(this.env.delimiter)) |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.junk_mailbox) + RegExp.escape(this.env.delimiter)))) |
| | | if (this.purge_mailbox_test()) |
| | | this.enable_command('purge', true); |
| | | |
| | | this.set_page_buttons(); |
| | | |
| | | // focus main window |
| | | if (this.env.framed && window.parent) |
| | | window.parent.focus(); |
| | | else |
| | | window.focus(); |
| | | |
| | | // init message compose form |
| | | if (this.env.action=='compose') |
| | |
| | | // get unread count for each mailbox |
| | | if (this.gui_objects.mailboxlist) |
| | | { |
| | | this.env.unread_counts = {}; |
| | | this.gui_objects.folderlist = this.gui_objects.mailboxlist; |
| | | this.http_request('getunread', ''); |
| | | } |
| | |
| | | this.contact_list = new rcube_list_widget(this.gui_objects.contactslist, {multiselect:true, draggable:true, keyboard:true}); |
| | | this.contact_list.addEventListener('keypress', function(o){ p.contactlist_keypress(o); }); |
| | | this.contact_list.addEventListener('select', function(o){ p.contactlist_select(o); }); |
| | | this.contact_list.addEventListener('dragstart', function(o){ p.drag_active = true; }); |
| | | this.contact_list.addEventListener('dragstart', function(o){ p.drag_start(o); }); |
| | | this.contact_list.addEventListener('dragmove', function(o, e){ p.drag_move(e); }); |
| | | this.contact_list.addEventListener('dragend', function(o){ p.drag_active = false; }); |
| | | this.contact_list.init(); |
| | | |
| | |
| | | } |
| | | else |
| | | this.contact_list.focus(); |
| | | |
| | | this.gui_objects.folderlist = this.gui_objects.contactslist; |
| | | } |
| | | |
| | | this.set_page_buttons(); |
| | | |
| | | if (this.env.address_sources && !this.env.address_sources[this.env.source].readonly) |
| | | if (this.env.address_sources && this.env.address_sources[this.env.source] && !this.env.address_sources[this.env.source].readonly) |
| | | this.enable_command('add', true); |
| | | |
| | | if (this.env.cid) |
| | |
| | | if ((this.env.action=='add' || this.env.action=='edit') && this.gui_objects.editform) |
| | | this.enable_command('save', true); |
| | | else |
| | | this.enable_command('search', 'reset-search', 'moveto', true); |
| | | this.enable_command('search', 'reset-search', 'moveto', 'import', true); |
| | | |
| | | if (this.contact_list && this.contact_list.rowcount > 0) |
| | | this.enable_command('export', true); |
| | | |
| | | this.enable_command('list', true); |
| | | 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=='identities' || this.env.action=='edit-identity' || this.env.action=='add-identity') { |
| | | this.enable_command('add', this.env.identities_level < 2); |
| | | this.enable_command('delete', 'edit', true); |
| | | } |
| | | |
| | | if (this.env.action=='edit-identity' || this.env.action=='add-identity') |
| | | this.enable_command('save', true); |
| | |
| | | break; |
| | | |
| | | case 'login': |
| | | var input_user = rcube_find_object('rcmloginuser'); |
| | | var input_pass = rcube_find_object('rcmloginpwd'); |
| | | if (input_user) |
| | | input_user.onkeyup = function(e){ return rcmail.login_user_keyup(e); }; |
| | | if (input_user && input_user.value=='') |
| | | var input_user = $('#rcmloginuser'); |
| | | input_user.bind('keyup', function(e){ return rcmail.login_user_keyup(e); }); |
| | | |
| | | if (input_user.val() == '') |
| | | input_user.focus(); |
| | | else if (input_pass) |
| | | input_pass.focus(); |
| | | |
| | | else |
| | | $('#rcmloginpwd').focus(); |
| | | |
| | | // detect client timezone |
| | | $('#rcmlogintz').val(new Date().getTimezoneOffset() / -60); |
| | | |
| | | this.enable_command('login', true); |
| | | break; |
| | | |
| | | default: |
| | | break; |
| | | } |
| | | |
| | | |
| | | // enable basic commands |
| | | this.enable_command('logout', true); |
| | |
| | | // show message |
| | | if (this.pending_message) |
| | | this.display_message(this.pending_message[0], this.pending_message[1]); |
| | | |
| | | // map implicit containers |
| | | if (this.gui_objects.folderlist) |
| | | this.gui_containers.foldertray = $(this.gui_objects.folderlist); |
| | | |
| | | // start keep-alive interval |
| | | this.start_keepalive(); |
| | | |
| | | // trigger init event hook |
| | | this.triggerEvent('init', { task:this.task, action:this.env.action }); |
| | | |
| | | // execute all foreign onload scripts |
| | | // @deprecated |
| | | for (var i=0; i<this.onloads.length; i++) |
| | | { |
| | | if (typeof(this.onloads[i]) == 'string') |
| | |
| | | else if (typeof(this.onloads[i]) == 'function') |
| | | this.onloads[i](); |
| | | } |
| | | }; |
| | | |
| | | // start keep-alive interval |
| | | this.start_keepalive(); |
| | | }; |
| | | |
| | | // start interval for keep-alive/recent_check signal |
| | | this.start_keepalive = function() |
| | | { |
| | | if (this.env.keep_alive && !this.env.framed && this.task=='mail' && this.gui_objects.mailboxlist) |
| | | this._int = setInterval(function(){ ref.check_for_recent(); }, this.env.keep_alive * 1000); |
| | | this._int = setInterval(function(){ ref.check_for_recent(false); }, this.env.keep_alive * 1000); |
| | | else if (this.env.keep_alive && !this.env.framed && this.task!='login') |
| | | this._int = setInterval(function(){ ref.send_keep_alive(); }, this.env.keep_alive * 1000); |
| | | this._int = setInterval(function(){ ref.send_keep_alive(); }, this.env.keep_alive * 1000); |
| | | } |
| | | |
| | | |
| | | this.init_message_row = function(row) |
| | | { |
| | |
| | | row.unread = this.env.messages[uid].unread ? true : false; |
| | | row.replied = this.env.messages[uid].replied ? true : false; |
| | | row.flagged = this.env.messages[uid].flagged ? true : false; |
| | | row.forwarded = this.env.messages[uid].forwarded ? true : false; |
| | | } |
| | | |
| | | // set eventhandler to message icon |
| | | if ((row.icon = row.obj.cells[0].childNodes[0]) && row.icon.nodeName=='IMG') |
| | | if (row.icon = row.obj.getElementsByTagName('TD')[0].getElementsByTagName('IMG')[0]) |
| | | { |
| | | var p = this; |
| | | row.icon.id = 'msgicn_'+row.uid; |
| | |
| | | { |
| | | var found; |
| | | if((found = find_in_array('flag', this.env.coltypes)) >= 0) |
| | | this.set_env('flagged_col', found+1); |
| | | this.set_env('flagged_col', found+1); |
| | | } |
| | | |
| | | // set eventhandler to flag icon, if icon found |
| | | if (this.env.flagged_col && (row.flagged_icon = row.obj.cells[this.env.flagged_col].childNodes[0]) |
| | | && row.flagged_icon.nodeName=='IMG') |
| | | if (this.env.flagged_col && (row.flagged_icon = row.obj.getElementsByTagName('TD')[this.env.flagged_col].getElementsByTagName('IMG')[0])) |
| | | { |
| | | var p = this; |
| | | row.flagged_icon.id = 'flaggedicn_'+row.uid; |
| | |
| | | } |
| | | }; |
| | | |
| | | |
| | | // init message compose form: set focus and eventhandlers |
| | | this.init_messageform = function() |
| | | { |
| | |
| | | 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'); |
| | | var input_from = $("[name='_from']"); |
| | | var input_to = $("[name='_to']"); |
| | | var input_subject = $("input[name='_subject']"); |
| | | var input_message = $("[name='_message']").get(0); |
| | | |
| | | // 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); |
| | | this.init_address_input_events(input_to); |
| | | this.init_address_input_events($("[name='_cc']")); |
| | | this.init_address_input_events($("[name='_bcc']")); |
| | | |
| | | // add signature according to selected identity |
| | | if (input_from && input_from.type=='select-one') |
| | | this.change_identity(input_from); |
| | | if (input_from.attr('type') == 'select-one' && $("input[name='_draft_saveid']").val() == '' |
| | | && $("input[name='_is_html']").val() != '1') { // if we have HTML editor, signature is added in callback |
| | | this.change_identity(input_from[0]); |
| | | } |
| | | |
| | | if (input_to && input_to.value=='') |
| | | if (input_to.val() == '') |
| | | input_to.focus(); |
| | | else if (input_subject && input_subject.value=='') |
| | | else if (input_subject.val() == '') |
| | | input_subject.focus(); |
| | | else if (input_message) |
| | | this.set_caret2start(input_message); |
| | |
| | | this.init_address_input_events = function(obj) |
| | | { |
| | | var handler = function(e){ return ref.ksearch_keypress(e,this); }; |
| | | var handler2 = function(e){ return ref.ksearch_blur(e,this); }; |
| | | |
| | | if (obj.addEventListener) |
| | | { |
| | | obj.addEventListener(bw.safari ? 'keydown' : 'keypress', handler, false); |
| | | obj.addEventListener('blur', handler2, false); |
| | | } |
| | | else |
| | | { |
| | | obj.onkeydown = handler; |
| | | obj.onblur = handler2; |
| | | } |
| | | |
| | | obj.setAttribute('autocomplete', 'off'); |
| | | obj.bind((bw.safari ? 'keydown' : 'keypress'), handler); |
| | | obj.attr('autocomplete', 'off'); |
| | | }; |
| | | |
| | | |
| | | |
| | | /*********************************************************/ |
| | | /********* client command interface *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | // execute a specific command on the web client |
| | | this.command = function(command, props, obj) |
| | |
| | | return false; |
| | | } |
| | | |
| | | |
| | | // check input before leaving compose step |
| | | if (this.task=='mail' && this.env.action=='compose' && (command=='list' || command=='mail' || command=='addressbook' || command=='settings')) |
| | | { |
| | |
| | | return false; |
| | | } |
| | | |
| | | // process external commands |
| | | if (typeof this.command_handlers[command] == 'function') |
| | | { |
| | | var ret = this.command_handlers[command](props, obj); |
| | | return ret !== null ? ret : (obj ? false : true); |
| | | } |
| | | else if (typeof this.command_handlers[command] == 'string') |
| | | { |
| | | var ret = window[this.command_handlers[command]](props, obj); |
| | | return ret !== null ? ret : (obj ? false : true); |
| | | } |
| | | |
| | | // trigger plugin hook |
| | | var event_ret = this.triggerEvent('before'+command, props); |
| | | if (typeof event_ret != 'undefined') { |
| | | // abort if one the handlers returned false |
| | | if (event_ret === false) |
| | | return false; |
| | | else |
| | | props = event_ret; |
| | | } |
| | | |
| | | // process command |
| | | // process internal command |
| | | switch (command) |
| | | { |
| | | case 'login': |
| | |
| | | |
| | | case 'logout': |
| | | this.goto_url('logout', '', true); |
| | | break; |
| | | break; |
| | | |
| | | // commands to switch task |
| | | case 'mail': |
| | |
| | | this.switch_task(command); |
| | | break; |
| | | |
| | | case 'permaurl': |
| | | if (obj && obj.href && obj.target) |
| | | return true; |
| | | else if (this.env.permaurl) |
| | | parent.location.href = this.env.permaurl; |
| | | break; |
| | | |
| | | // misc list commands |
| | | case 'list': |
| | |
| | | break; |
| | | |
| | | |
| | | case 'load-headers': |
| | | this.load_headers(obj); |
| | | 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) |
| | | { |
| | |
| | | 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); |
| | | $('#rcm'+this.env.sort_col).removeClass('sorted'+(this.env.sort_order.toUpperCase())); |
| | | $('#rcm'+sort_col).addClass('sorted'+sort_order); |
| | | |
| | | // save new sort properties |
| | | this.env.sort_col = sort_col; |
| | |
| | | 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'); |
| | | var input_pagesize = $("input[name='_pagesize']"); |
| | | var input_name = $("input[name='_name']"); |
| | | var input_email = $("input[name='_email']"); |
| | | |
| | | // user prefs |
| | | if (input_pagesize && isNaN(parseInt(input_pagesize.value))) |
| | | if (input_pagesize.length && isNaN(parseInt(input_pagesize.val()))) |
| | | { |
| | | alert(this.get_label('nopagesizewarning')); |
| | | input_pagesize.focus(); |
| | |
| | | // contacts/identities |
| | | else |
| | | { |
| | | if (input_name && input_name.value == '') |
| | | if (input_name.length && input_name.val() == '') |
| | | { |
| | | alert(this.get_label('nonamewarning')); |
| | | input_name.focus(); |
| | | break; |
| | | } |
| | | else if (input_email && !rcube_check_email(input_email.value)) |
| | | else if (input_email.length && !rcube_check_email(input_email.val())) |
| | | { |
| | | alert(this.get_label('noemailwarning')); |
| | | input_email.focus(); |
| | |
| | | if (props._row.uid) |
| | | { |
| | | uid = props._row.uid; |
| | | this.message_list.dont_select = true; |
| | | // toggle flagged/unflagged |
| | | if (this.message_list.rows[uid].flagged) |
| | | flag = 'unflagged'; |
| | |
| | | break; |
| | | |
| | | case 'checkmail': |
| | | this.check_for_recent(); |
| | | this.check_for_recent(true); |
| | | break; |
| | | |
| | | case 'compose': |
| | | var url = this.env.comm_path+'&_action=compose'; |
| | | |
| | | if (this.task=='mail' && this.env.mailbox==this.env.drafts_mailbox) |
| | | if (this.task=='mail') |
| | | { |
| | | url += '&_mbox='+urlencode(this.env.mailbox); |
| | | |
| | | if (this.env.mailbox==this.env.drafts_mailbox) |
| | | { |
| | | var uid; |
| | | if (uid = this.get_single_uid()) |
| | | url += '&_draft_uid='+uid+'&_mbox='+urlencode(this.env.mailbox); |
| | | var uid; |
| | | if (uid = this.get_single_uid()) |
| | | url += '&_draft_uid='+uid; |
| | | } |
| | | else if (props) |
| | | url += '&_to='+urlencode(props); |
| | | } |
| | | // modify url if we're in addressbook |
| | | else if (this.task=='addressbook') |
| | | { |
| | | // switch to mail compose step directly |
| | | if (props && props.indexOf('@') > 0) |
| | | { |
| | | { |
| | | url = this.get_task_url('mail', url); |
| | | this.redirect(url + '&_to='+urlencode(props)); |
| | | break; |
| | | } |
| | | } |
| | | |
| | | // use contact_id passed as command parameter |
| | | var a_cids = new Array(); |
| | |
| | | |
| | | break; |
| | | } |
| | | else if (props) |
| | | url += '&_to='+urlencode(props); |
| | | |
| | | // don't know if this is necessary... |
| | | url = url.replace(/&_framed=1/, ""); |
| | |
| | | break; |
| | | } |
| | | |
| | | // reset quicksearch |
| | | // reset quicksearch |
| | | case 'reset-search': |
| | | var s = this.env.search_request; |
| | | this.reset_qsearch(); |
| | |
| | | this.list_mailbox(this.env.mailbox); |
| | | else if (s && this.task == 'addressbook') |
| | | this.list_contacts(this.env.source); |
| | | break; |
| | | |
| | | case 'import': |
| | | if (this.env.action == 'import' && this.gui_objects.importform) { |
| | | var file = document.getElementById('rcmimportfile'); |
| | | if (file && !file.value) { |
| | | alert(this.get_label('selectimportfile')); |
| | | break; |
| | | } |
| | | this.gui_objects.importform.submit(); |
| | | this.set_busy(true, 'importwait'); |
| | | this.lock_form(this.gui_objects.importform, true); |
| | | } |
| | | else |
| | | this.goto_url('import'); |
| | | break; |
| | | |
| | | case 'export': |
| | | if (this.contact_list.rowcount > 0) { |
| | | var add_url = (this.env.source ? '_source='+urlencode(this.env.source)+'&' : ''); |
| | | if (this.env.search_request) |
| | | add_url += '_search='+this.env.search_request; |
| | | |
| | | this.goto_url('export', add_url); |
| | | } |
| | | break; |
| | | |
| | | // collapse/expand folder |
| | |
| | | break; |
| | | |
| | | } |
| | | |
| | | this.triggerEvent('after'+command, props); |
| | | |
| | | return obj ? false : true; |
| | | }; |
| | | |
| | | |
| | | // set command enabled or disabled |
| | | this.enable_command = function() |
| | |
| | | } |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // lock/unlock interface |
| | | this.set_busy = function(a, message) |
| | |
| | | this.request_timer = window.setTimeout(function(){ ref.request_timed_out(); }, this.env.request_timeout * 1000); |
| | | }; |
| | | |
| | | |
| | | // return a localized string |
| | | this.get_label = function(name) |
| | | this.get_label = function(name, domain) |
| | | { |
| | | if (this.labels[name]) |
| | | if (domain && this.labels[domain+'.'+name]) |
| | | return this.labels[domain+'.'+name]; |
| | | else if (this.labels[name]) |
| | | return this.labels[name]; |
| | | else |
| | | return name; |
| | | }; |
| | | |
| | | |
| | | // alias for convenience reasons |
| | | this.gettext = this.get_label; |
| | | |
| | | // switch to another application task |
| | | this.switch_task = function(task) |
| | |
| | | this.redirect(url); |
| | | }; |
| | | |
| | | |
| | | this.get_task_url = function(task, url) |
| | | { |
| | | if (!url) |
| | |
| | | return url.replace(/_task=[a-z]+/, '_task='+task); |
| | | }; |
| | | |
| | | |
| | | // called when a request timed out |
| | | this.request_timed_out = function() |
| | | { |
| | |
| | | /********* event handling methods *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | this.doc_mouse_up = function(e) |
| | | { |
| | | if (this.message_list) |
| | | this.message_list.blur(); |
| | | else if (this.contact_list) |
| | | this.contact_list.blur(); |
| | | }; |
| | | { |
| | | var model, list, li; |
| | | |
| | | this.focus_folder = function(id) |
| | | { |
| | | var li; |
| | | if (this.drag_active && this.check_droptarget(id) && (li = this.get_folder_li(id))) |
| | | this.set_classname(li, 'droptarget', true); |
| | | if (this.message_list) { |
| | | if (!rcube_mouse_is_over(e, this.message_list.list)) |
| | | this.message_list.blur(); |
| | | list = this.message_list; |
| | | model = this.env.mailboxes; |
| | | } |
| | | else if (this.contact_list) { |
| | | if (!rcube_mouse_is_over(e, this.contact_list.list)) |
| | | this.contact_list.blur(); |
| | | list = this.contact_list; |
| | | model = this.env.address_sources; |
| | | } |
| | | else if (this.ksearch_value) { |
| | | this.ksearch_blur(); |
| | | } |
| | | |
| | | this.unfocus_folder = function(id) |
| | | { |
| | | var li; |
| | | if (this.drag_active && (li = this.get_folder_li(id))) |
| | | this.set_classname(li, 'droptarget', false); |
| | | // handle mouse release when dragging |
| | | if (this.drag_active && model && this.env.last_folder_target) { |
| | | $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); |
| | | this.command('moveto', model[this.env.last_folder_target].id); |
| | | this.env.last_folder_target = null; |
| | | list.draglayer.hide(); |
| | | } |
| | | }; |
| | | |
| | | this.drag_start = function(list) |
| | | { |
| | | var model = this.task == 'mail' ? this.env.mailboxes : this.env.address_sources; |
| | | |
| | | this.drag_active = true; |
| | | if (this.preview_timer) |
| | | clearTimeout(this.preview_timer); |
| | | |
| | | // save folderlist and folders location/sizes for droptarget calculation in drag_move() |
| | | if (this.gui_objects.folderlist && model) |
| | | { |
| | | this.initialBodyScrollTop = bw.ie ? 0 : window.pageYOffset; |
| | | this.initialListScrollTop = this.gui_objects.folderlist.parentNode.scrollTop; |
| | | |
| | | var li, pos, list, height; |
| | | list = $(this.gui_objects.folderlist); |
| | | pos = list.offset(); |
| | | this.env.folderlist_coords = { x1:pos.left, y1:pos.top, x2:pos.left + list.width(), y2:pos.top + list.height() }; |
| | | |
| | | this.env.folder_coords = new Array(); |
| | | for (var k in model) { |
| | | if (li = this.get_folder_li(k)) { |
| | | pos = $(li.firstChild).offset(); |
| | | // only visible folders |
| | | if (height = li.firstChild.offsetHeight) |
| | | this.env.folder_coords[k] = { x1:pos.left, y1:pos.top, x2:pos.left + li.firstChild.offsetWidth, y2:pos.top + height }; |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | this.drag_move = function(e) |
| | | { |
| | | if (this.gui_objects.folderlist && this.env.folder_coords) { |
| | | // offsets to compensate for scrolling while dragging a message |
| | | var boffset = bw.ie ? -document.documentElement.scrollTop : this.initialBodyScrollTop; |
| | | var moffset = this.initialListScrollTop-this.gui_objects.folderlist.parentNode.scrollTop; |
| | | var toffset = -moffset-boffset; |
| | | |
| | | var li, pos, mouse; |
| | | mouse = rcube_event.get_mouse_pos(e); |
| | | pos = this.env.folderlist_coords; |
| | | |
| | | mouse.y += toffset; |
| | | |
| | | // if mouse pointer is outside of folderlist |
| | | if (mouse.x < pos.x1 || mouse.x >= pos.x2 || mouse.y < pos.y1 || mouse.y >= pos.y2) { |
| | | if (this.env.last_folder_target) { |
| | | $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); |
| | | this.env.last_folder_target = null; |
| | | } |
| | | return; |
| | | } |
| | | |
| | | // over the folders |
| | | for (var k in this.env.folder_coords) { |
| | | pos = this.env.folder_coords[k]; |
| | | if (this.check_droptarget(k) && ((mouse.x >= pos.x1) && (mouse.x < pos.x2) |
| | | && (mouse.y >= pos.y1) && (mouse.y < pos.y2))) { |
| | | $(this.get_folder_li(k)).addClass('droptarget'); |
| | | this.env.last_folder_target = k; |
| | | } |
| | | else { |
| | | $(this.get_folder_li(k)).removeClass('droptarget'); |
| | | if (k == this.env.last_folder_target) |
| | | this.env.last_folder_target = null; |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | this.collapse_folder = function(id) |
| | | { |
| | | var div; |
| | | if ((li = this.get_folder_li(id)) && |
| | | (div = li.getElementsByTagName("div")[0]) && |
| | | (div.className.match(/collapsed/) || div.className.match(/expanded/))) |
| | | (div = $(li.getElementsByTagName("div")[0])) && |
| | | (div.hasClass('collapsed') || div.hasClass('expanded'))) |
| | | { |
| | | var ul = li.getElementsByTagName("ul")[0]; |
| | | if (div.className.match(/collapsed/)) |
| | | var ul = $(li.getElementsByTagName("ul")[0]); |
| | | if (div.hasClass('collapsed')) |
| | | { |
| | | ul.style.display = ''; |
| | | this.set_classname(div, 'collapsed', false); |
| | | this.set_classname(div, 'expanded', true); |
| | | var reg = new RegExp('&'+escape(id)+'&'); |
| | | ul.show(); |
| | | div.removeClass('collapsed').addClass('expanded'); |
| | | var reg = new RegExp('&'+urlencode(id)+'&'); |
| | | this.set_env('collapsed_folders', this.env.collapsed_folders.replace(reg, '')); |
| | | } |
| | | else |
| | | { |
| | | ul.style.display = 'none'; |
| | | this.set_classname(div, 'expanded', false); |
| | | this.set_classname(div, 'collapsed', true); |
| | | this.set_env('collapsed_folders', this.env.collapsed_folders+'&'+escape(id)+'&'); |
| | | ul.hide(); |
| | | div.removeClass('expanded').addClass('collapsed'); |
| | | this.set_env('collapsed_folders', this.env.collapsed_folders+'&'+urlencode(id)+'&'); |
| | | |
| | | // select parent folder if one of its childs is currently selected |
| | | if (this.env.mailbox.indexOf(id + this.env.delimiter) == 0) |
| | | this.command('list', id); |
| | | } |
| | | this.http_post('save-pref', '_name=collapsed_folders&_value='+escape(this.env.collapsed_folders)); |
| | | |
| | | // Work around a bug in IE6 and IE7, see #1485309 |
| | | if ((bw.ie6 || bw.ie7) && |
| | | li.nextSibling && |
| | | (li.nextSibling.getElementsByTagName("ul").length>0) && |
| | | li.nextSibling.getElementsByTagName("ul")[0].style && |
| | | (li.nextSibling.getElementsByTagName("ul")[0].style.display!='none')) |
| | | { |
| | | li.nextSibling.getElementsByTagName("ul")[0].style.display = 'none'; |
| | | li.nextSibling.getElementsByTagName("ul")[0].style.display = ''; |
| | | } |
| | | |
| | | this.http_post('save-pref', '_name=collapsed_folders&_value='+urlencode(this.env.collapsed_folders)); |
| | | this.set_unread_count_display(id, false); |
| | | } |
| | | } |
| | | |
| | | // onmouseup handler for folder list item |
| | | this.folder_mouse_up = function(id) |
| | | { |
| | | if (this.drag_active) |
| | | { |
| | | this.unfocus_folder(id); |
| | | this.command('moveto', id); |
| | | } |
| | | }; |
| | | |
| | | this.click_on_list = function(e) |
| | | { |
| | | if (this.gui_objects.qsearchbox) |
| | | this.gui_objects.qsearchbox.blur(); |
| | | |
| | | if (this.message_list) |
| | | this.message_list.focus(); |
| | | else if (this.contact_list) |
| | | this.contact_list.focus(); |
| | | this.contact_list.focus(); |
| | | |
| | | var mbox_li; |
| | | if (mbox_li = this.get_folder_li()) |
| | | this.set_classname(mbox_li, 'unfocused', true); |
| | | |
| | | rcube_event.cancel(e); |
| | | return rcube_event.get_button(e) == 2 ? true : rcube_event.cancel(e); |
| | | }; |
| | | |
| | | |
| | | this.msglist_select = function(list) |
| | | { |
| | |
| | | if (this.env.mailbox == this.env.drafts_mailbox) |
| | | { |
| | | this.enable_command('reply', 'reply-all', 'forward', false); |
| | | this.enable_command('show', selected); |
| | | this.enable_command('show', 'print', selected); |
| | | this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); |
| | | } |
| | | else |
| | |
| | | this.show_contentframe(false); |
| | | }; |
| | | |
| | | |
| | | this.msglist_dbl_click = function(list) |
| | | { |
| | | if (this.preview_timer) |
| | |
| | | this.show_message(uid, false, false); |
| | | }; |
| | | |
| | | |
| | | this.msglist_keypress = function(list) |
| | | { |
| | | if (list.key_pressed == list.ENTER_KEY) |
| | | this.command('show'); |
| | | else if (list.key_pressed == list.DELETE_KEY) |
| | | this.command('delete'); |
| | | else if (list.key_pressed == list.BACKSPACE_KEY) |
| | | this.command('delete'); |
| | | else |
| | | list.shiftkey = false; |
| | | }; |
| | | |
| | | |
| | | this.msglist_get_preview = function() |
| | | { |
| | |
| | | this.show_contentframe(false); |
| | | }; |
| | | |
| | | |
| | | this.check_droptarget = function(id) |
| | | { |
| | | if (this.task == 'mail') |
| | | return (id != this.env.mailbox); |
| | | return (this.env.mailboxes[id] && this.env.mailboxes[id].id != this.env.mailbox && !this.env.mailboxes[id].virtual); |
| | | else if (this.task == 'addressbook') |
| | | return (id != this.env.source && this.env.address_sources[id] && !this.env.address_sources[id].readonly); |
| | | else if (this.task == 'settings') |
| | |
| | | /********* (message) list functionality *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | // when user doble-clicks on a row |
| | | this.show_message = function(id, safe, preview) |
| | | { |
| | | if (!id) return; |
| | | |
| | | var add_url = ''; |
| | | var action = preview ? 'preview': 'show'; |
| | | var target = window; |
| | | |
| | | if (preview && this.env.contentframe && window.frames && window.frames[this.env.contentframe]) |
| | | { |
| | | target = window.frames[this.env.contentframe]; |
| | |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | | |
| | | if (id) |
| | | var url = '&_action='+action+'&_uid='+id+'&_mbox='+urlencode(this.env.mailbox)+add_url; |
| | | if (action == 'preview' && String(target.location.href).indexOf(url) >= 0) |
| | | this.show_contentframe(true); |
| | | else |
| | | { |
| | | var url = '&_action='+action+'&_uid='+id+'&_mbox='+urlencode(this.env.mailbox)+add_url; |
| | | if (action == 'preview' && String(target.location.href).indexOf(url) >= 0) |
| | | this.show_contentframe(true); |
| | | else |
| | | this.set_busy(true, 'loading'); |
| | | target.location.href = this.env.comm_path+url; |
| | | |
| | | // mark as read and change mbox unread counter |
| | | if (action == 'preview' && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread) |
| | | { |
| | | this.set_busy(true, 'loading'); |
| | | target.location.href = this.env.comm_path+url; |
| | | this.set_message(id, 'unread', false); |
| | | if (this.env.unread_counts[this.env.mailbox]) |
| | | { |
| | | this.env.unread_counts[this.env.mailbox] -= 1; |
| | | this.set_unread_count(this.env.mailbox, this.env.unread_counts[this.env.mailbox], this.env.mailbox == 'INBOX'); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | |
| | | this.show_contentframe = function(show) |
| | | { |
| | | var frm; |
| | | if (this.env.contentframe && (frm = rcube_find_object(this.env.contentframe))) |
| | | if (this.env.contentframe && (frm = $('#'+this.env.contentframe)) && frm.length) |
| | | { |
| | | if (!show && window.frames[this.env.contentframe]) |
| | | { |
| | | if (window.frames[this.env.contentframe].location.href.indexOf(this.env.blankpage)<0) |
| | | window.frames[this.env.contentframe].location.href = this.env.blankpage; |
| | | } |
| | | else if (!bw.safari) |
| | | frm.style.display = show ? 'block' : 'none'; |
| | | else if (!bw.safari && !bw.konq) |
| | | frm[show ? 'show' : 'hide'](); |
| | | } |
| | | |
| | | |
| | | if (!show && this.busy) |
| | | this.set_busy(false); |
| | | }; |
| | | |
| | | |
| | | // list a specific page |
| | | this.list_page = function(page) |
| | |
| | | this.list_contacts(this.env.source, page); |
| | | } |
| | | }; |
| | | |
| | | // list messages of a specific mailbox using filter |
| | | this.filter_mailbox = function(filter) |
| | | { |
| | | var search; |
| | | if (this.gui_objects.qsearchbox) |
| | | search = this.gui_objects.qsearchbox.value; |
| | | |
| | | this.message_list.clear(); |
| | | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | | this.set_busy(true, 'searching'); |
| | | this.http_request('search', '_filter='+filter |
| | | + (search ? '&_q='+urlencode(search) : '') |
| | | + (this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : ''), true); |
| | | } |
| | | |
| | | |
| | | // list messages of a specific mailbox |
| | |
| | | } |
| | | }; |
| | | |
| | | |
| | | // send remote request to load message list |
| | | this.list_mailbox_remote = function(mbox, page, add_url) |
| | | { |
| | |
| | | this.set_busy(true, 'loading'); |
| | | this.http_request('list', url+add_url, true); |
| | | }; |
| | | |
| | | |
| | | this.expunge_mailbox = function(mbox) |
| | | { |
| | |
| | | var url = '_mbox='+urlencode(mbox); |
| | | this.http_post('expunge', url+add_url, lock); |
| | | }; |
| | | |
| | | |
| | | this.purge_mailbox = function(mbox) |
| | | { |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // test if purge command is allowed |
| | | this.purge_mailbox_test = function() |
| | | { |
| | | return (this.env.messagecount && (this.env.mailbox == this.env.trash_mailbox || this.env.mailbox == this.env.junk_mailbox |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.trash_mailbox) + RegExp.escape(this.env.delimiter)) |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.junk_mailbox) + RegExp.escape(this.env.delimiter)))); |
| | | }; |
| | | |
| | | // set message icon |
| | | this.set_message_icon = function(uid) |
| | | { |
| | | var icn_src; |
| | | var rows = this.message_list.rows; |
| | | |
| | | if (!rows[uid]) |
| | | return false; |
| | | |
| | | if (rows[uid].deleted && this.env.deletedicon) |
| | | icn_src = this.env.deletedicon; |
| | | else if (rows[uid].replied && this.env.repliedicon) |
| | | { |
| | | if (rows[uid].forwarded && this.env.forwardedrepliedicon) |
| | | icn_src = this.env.forwardedrepliedicon; |
| | | else |
| | | icn_src = this.env.repliedicon; |
| | | } |
| | | else if (rows[uid].forwarded && this.env.forwardedicon) |
| | | icn_src = this.env.forwardedicon; |
| | | else if (rows[uid].unread && this.env.unreadicon) |
| | | icn_src = this.env.unreadicon; |
| | | else if (this.env.messageicon) |
| | | icn_src = this.env.messageicon; |
| | | |
| | | if (icn_src && rows[uid].icon) |
| | | rows[uid].icon.src = icn_src; |
| | | |
| | | icn_src = ''; |
| | | |
| | | if (rows[uid].flagged && this.env.flaggedicon) |
| | | icn_src = this.env.flaggedicon; |
| | | else if (!rows[uid].flagged && this.env.unflaggedicon) |
| | | icn_src = this.env.unflaggedicon; |
| | | |
| | | if (rows[uid].flagged_icon && icn_src) |
| | | rows[uid].flagged_icon.src = icn_src; |
| | | } |
| | | |
| | | // set message status |
| | | this.set_message_status = function(uid, flag, status) |
| | | { |
| | | var rows = this.message_list.rows; |
| | | |
| | | if (!rows[uid]) return false; |
| | | |
| | | if (flag == 'unread') |
| | | rows[uid].unread = status; |
| | | else if(flag == 'deleted') |
| | | rows[uid].deleted = status; |
| | | else if (flag == 'replied') |
| | | rows[uid].replied = status; |
| | | else if (flag == 'forwarded') |
| | | rows[uid].forwarded = status; |
| | | else if (flag == 'flagged') |
| | | rows[uid].flagged = status; |
| | | |
| | | this.env.messages[uid] = rows[uid]; |
| | | } |
| | | |
| | | // set message row status, class and icon |
| | | this.set_message = function(uid, flag, status) |
| | | { |
| | | var rows = this.message_list.rows; |
| | | |
| | | if (!rows[uid]) return false; |
| | | |
| | | if (flag) |
| | | this.set_message_status(uid, flag, status); |
| | | |
| | | var rowobj = $(rows[uid].obj); |
| | | if (rows[uid].unread && rows[uid].classname.indexOf('unread')<0) |
| | | { |
| | | rows[uid].classname += ' unread'; |
| | | rowobj.addClass('unread'); |
| | | } |
| | | else if (!rows[uid].unread && rows[uid].classname.indexOf('unread')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | rowobj.removeClass('unread'); |
| | | } |
| | | |
| | | if (rows[uid].deleted && rows[uid].classname.indexOf('deleted')<0) |
| | | { |
| | | rows[uid].classname += ' deleted'; |
| | | rowobj.addClass('deleted'); |
| | | } |
| | | else if (!rows[uid].deleted && rows[uid].classname.indexOf('deleted')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*deleted/, ''); |
| | | rowobj.removeClass('deleted'); |
| | | } |
| | | |
| | | if (rows[uid].flagged && rows[uid].classname.indexOf('flagged')<0) |
| | | { |
| | | rows[uid].classname += ' flagged'; |
| | | rowobj.addClass('flagged'); |
| | | } |
| | | else if (!rows[uid].flagged && rows[uid].classname.indexOf('flagged')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*flagged/, ''); |
| | | rowobj.removeClass('flagged'); |
| | | } |
| | | |
| | | this.set_message_icon(uid); |
| | | } |
| | | |
| | | // move selected messages to the specified mailbox |
| | | this.move_messages = function(mbox) |
| | | { |
| | |
| | | this.permanently_remove_messages(); |
| | | }; |
| | | |
| | | |
| | | // delete the selected messages permanently |
| | | this.permanently_remove_messages = function() |
| | | { |
| | |
| | | this.message_list.remove_row(id, (n == selection.length-1)); |
| | | else |
| | | { |
| | | rows[id].deleted = true; |
| | | |
| | | if (rows[id].classname.indexOf('deleted')<0) |
| | | { |
| | | rows[id].classname += ' deleted'; |
| | | this.set_classname(rows[id].obj, 'deleted', true); |
| | | } |
| | | this.set_message_status(id, 'deleted', true); |
| | | if (this.env.read_when_deleted) |
| | | { |
| | | rows[id].classname = rows[id].classname.replace(/\s*unread/, ''); |
| | | this.set_classname(rows[id].obj, 'unread', false); |
| | | } |
| | | |
| | | if (rows[id].icon && this.env.deletedicon) |
| | | rows[id].icon.src = this.env.deletedicon; |
| | | this.set_message_status(id, 'unread', false); |
| | | this.set_message(id); |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | // also send search request to get the right messages |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | |
| | | // send request to server |
| | | this.http_post(action, '_uid='+a_uids.join(',')+'&_mbox='+urlencode(this.env.mailbox)+add_url, lock); |
| | | }; |
| | | |
| | | |
| | | // set a specific flag to one or more messages |
| | | this.mark_message = function(flag, uid) |
| | |
| | | this.toggle_read_status = function(flag, a_uids) |
| | | { |
| | | // mark all message rows as read/unread |
| | | var icn_src; |
| | | var rows = this.message_list.rows; |
| | | for (var i=0; i<a_uids.length; i++) |
| | | { |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) |
| | | { |
| | | rows[uid].unread = (flag=='unread' ? true : false); |
| | | |
| | | if (rows[uid].classname.indexOf('unread')<0 && rows[uid].unread) |
| | | { |
| | | rows[uid].classname += ' unread'; |
| | | this.set_classname(rows[uid].obj, 'unread', true); |
| | | |
| | | if (this.env.unreadicon) |
| | | icn_src = this.env.unreadicon; |
| | | } |
| | | else if (!rows[uid].unread) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | this.set_classname(rows[uid].obj, 'unread', false); |
| | | |
| | | if (this.env.messageicon) |
| | | icn_src = this.env.messageicon; |
| | | } |
| | | |
| | | if (rows[uid].icon && icn_src |
| | | && !(rows[uid].replied && this.env.repliedicon) |
| | | && !(rows[uid].deleted && this.env.deletedicon)) |
| | | rows[uid].icon.src = icn_src; |
| | | } |
| | | } |
| | | this.set_message(a_uids[i], 'unread', (flag=='unread' ? true : false)); |
| | | |
| | | this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); |
| | | }; |
| | | |
| | | // set class to read/unread |
| | | this.mark_as_read_from_preview = function(uid) |
| | | { |
| | | var icn_src; |
| | | var rows = parent.rcmail.message_list.rows; |
| | | if(rows[uid].unread) |
| | | { |
| | | rows[uid].unread = false; |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | parent.rcmail.set_classname(rows[uid].obj, 'unread', false); |
| | | |
| | | if (rows[uid].replied && parent.rcmail.env.repliedicon) |
| | | icn_src = parent.rcmail.env.repliedicon; |
| | | else if (rows[uid].deleted && parent.rcmail.env.deletedicon) |
| | | icn_src = parent.rcmail.env.deletedicon; |
| | | else if (parent.rcmail.env.messageicon) |
| | | icn_src = parent.rcmail.env.messageicon; |
| | | |
| | | if (rows[uid].icon && icn_src) |
| | | rows[uid].icon.src = icn_src; |
| | | } |
| | | } |
| | | |
| | | |
| | | // set image to flagged or unflagged |
| | | this.toggle_flagged_status = function(flag, a_uids) |
| | | { |
| | | // mark all message rows as flagged/unflagged |
| | | var icn_src; |
| | | var rows = this.message_list.rows; |
| | | for (var i=0; i<a_uids.length; i++) |
| | | { |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) |
| | | { |
| | | rows[uid].flagged = (flag=='flagged' ? true : false); |
| | | |
| | | if (rows[uid].flagged && this.env.flaggedicon) |
| | | icn_src = this.env.flaggedicon; |
| | | else if (this.env.unflaggedicon) |
| | | icn_src = this.env.unflaggedicon; |
| | | |
| | | if (rows[uid].flagged_icon && icn_src) |
| | | rows[uid].flagged_icon.src = icn_src; |
| | | } |
| | | } |
| | | this.set_message(a_uids[i], 'flagged', (flag=='flagged' ? true : false)); |
| | | |
| | | this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag='+flag); |
| | | }; |
| | |
| | | |
| | | if (a_uids.length==1) |
| | | { |
| | | if (!rows.length || (rows[a_uids[0]] && rows[a_uids[0]].classname.indexOf('deleted') < 0)) |
| | | if (!rows.length || (rows[a_uids[0]] && !rows[a_uids[0]].deleted)) |
| | | this.flag_as_deleted(a_uids); |
| | | else |
| | | this.flag_as_undeleted(a_uids); |
| | |
| | | { |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) { |
| | | if (rows[uid].classname.indexOf('deleted')<0) |
| | | if (!rows[uid].deleted) |
| | | { |
| | | all_deleted = false; |
| | | break; |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.flag_as_undeleted = function(a_uids) |
| | | { |
| | | var icn_src; |
| | | var rows = this.message_list ? this.message_list.rows : new Array(); |
| | | |
| | | for (var i=0; i<a_uids.length; i++) |
| | | { |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) { |
| | | rows[uid].deleted = false; |
| | | |
| | | if (rows[uid].classname.indexOf('deleted') > 0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*deleted/, ''); |
| | | this.set_classname(rows[uid].obj, 'deleted', false); |
| | | } |
| | | if (rows[uid].unread && this.env.unreadicon) |
| | | icn_src = this.env.unreadicon; |
| | | else if (rows[uid].replied && this.env.repliedicon) |
| | | icn_src = this.env.repliedicon; |
| | | else if (this.env.messageicon) |
| | | icn_src = this.env.messageicon; |
| | | |
| | | if (rows[uid].icon && icn_src) |
| | | rows[uid].icon.src = icn_src; |
| | | } |
| | | } |
| | | this.set_message(a_uids[i], 'deleted', false); |
| | | |
| | | this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag=undelete'); |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.flag_as_deleted = function(a_uids) |
| | | { |
| | | var add_url = ''; |
| | |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) |
| | | { |
| | | rows[uid].deleted = true; |
| | | |
| | | if (rows[uid].classname.indexOf('deleted')<0) |
| | | { |
| | | rows[uid].classname += ' deleted'; |
| | | this.set_classname(rows[uid].obj, 'deleted', true); |
| | | } |
| | | if (this.env.read_when_deleted) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | this.set_classname(rows[uid].obj, 'unread', false); |
| | | } |
| | | |
| | | if (rows[uid].icon && this.env.deletedicon) |
| | | rows[uid].icon.src = this.env.deletedicon; |
| | | |
| | | this.set_message(uid, 'deleted', true); |
| | | if (rows[uid].unread) |
| | | r_uids[r_uids.length] = uid; |
| | | } |
| | |
| | | this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag=delete'+add_url); |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // flag as read without mark request (called from backend) |
| | | // argument should be a coma-separated list of uids |
| | |
| | | { |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) |
| | | { |
| | | rows[uid].unread = false; |
| | | rows[uid].read = true; |
| | | |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | this.set_classname(rows[uid].obj, 'unread', false); |
| | | |
| | | if (rows[uid].icon) |
| | | rows[uid].icon.src = this.env.deletedicon; |
| | | } |
| | | this.set_message(uid, 'unread', false); |
| | | } |
| | | }; |
| | | |
| | | |
| | | |
| | | /*********************************************************/ |
| | | /********* login form methods *********/ |
| | | /*********************************************************/ |
| | |
| | | this.login_user_keyup = function(e) |
| | | { |
| | | var key = rcube_event.get_keycode(e); |
| | | var elm; |
| | | var passwd = $('#rcmloginpwd'); |
| | | |
| | | // enter |
| | | if ((key==13) && (elm = rcube_find_object('_pass'))) |
| | | { |
| | | elm.focus(); |
| | | return false; |
| | | if (key == 13 && passwd.length && !passwd.val()) { |
| | | passwd.focus(); |
| | | return rcube_event.cancel(e); |
| | | } |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | |
| | | /********* 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_cc = rcube_find_object('_cc'); |
| | | var input_bcc = rcube_find_object('_bcc'); |
| | | var input_subject = rcube_find_object('_subject'); |
| | | var input_message = rcube_find_object('_message'); |
| | | var input_to = $("[name='_to']"); |
| | | var input_cc = $("[name='_cc']"); |
| | | var input_bcc = $("[name='_bcc']"); |
| | | var input_from = $("[name='_from']"); |
| | | var input_subject = $("[name='_subject']"); |
| | | var input_message = $("[name='_message']"); |
| | | |
| | | // check sender (if have no identities) |
| | | if (input_from.attr('type') == 'text' && !rcube_check_email(input_from.val(), true)) |
| | | { |
| | | alert(this.get_label('nosenderwarning')); |
| | | input_from.focus(); |
| | | return false; |
| | | } |
| | | |
| | | // check for empty recipient |
| | | var recipients = input_to.value ? input_to.value : (input_cc.value ? input_cc.value : input_bcc.value); |
| | | var recipients = input_to.val() ? input_to.val() : (input_cc.val() ? input_cc.val() : input_bcc.val()); |
| | | if (!rcube_check_email(recipients.replace(/^\s+/, '').replace(/[\s,;]+$/, ''), true)) |
| | | { |
| | | alert(this.get_label('norecipientwarning')); |
| | |
| | | } |
| | | |
| | | // display localized warning for missing subject |
| | | if (input_subject && input_subject.value == '') |
| | | if (input_subject.val() == '') |
| | | { |
| | | var subject = prompt(this.get_label('nosubjectwarning'), this.get_label('nosubject')); |
| | | |
| | |
| | | } |
| | | else |
| | | { |
| | | input_subject.value = subject ? subject : this.get_label('nosubject'); |
| | | input_subject.val((subject ? subject : this.get_label('nosubject'))); |
| | | } |
| | | } |
| | | |
| | | // check for empty body |
| | | if ((!window.tinyMCE || !tinyMCE.get('compose-body')) && input_message.value == '' && !confirm(this.get_label('nobodywarning'))) |
| | | if ((!window.tinyMCE || !tinyMCE.get('compose-body')) && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) |
| | | { |
| | | input_message.focus(); |
| | | return false; |
| | |
| | | return false; |
| | | } |
| | | |
| | | // Apply spellcheck changes if spell checker is active |
| | | this.stop_spellchecking(); |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | this.stop_spellchecking = function() |
| | | { |
| | | if (this.env.spellcheck && !this.spellcheck_ready) { |
| | | exec_event(this.env.spellcheck.check_link, 'click'); |
| | | this.set_spellcheck_state('ready'); |
| | | } |
| | | }; |
| | | |
| | | this.display_spellcheck_controls = function(vis) |
| | | { |
| | | { |
| | | if (this.env.spellcheck) { |
| | | // stop spellchecking process |
| | | if (!vis) |
| | | this.stop_spellchecking(); |
| | | |
| | | this.env.spellcheck.check_link.style.visibility = vis ? 'visible' : 'hidden'; |
| | | this.env.spellcheck.switch_lan_pic.style.visibility = vis ? 'visible' : 'hidden'; |
| | | } |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | this.set_spellcheck_state = function(s) |
| | | { |
| | |
| | | this.enable_command('spellcheck', this.spellcheck_ready); |
| | | }; |
| | | |
| | | |
| | | this.set_draft_id = function(id) |
| | | { |
| | | var f; |
| | | if (f = rcube_find_object('_draft_saveid')) |
| | | f.value = id; |
| | | $("input[name='_draft_saveid']").val(id); |
| | | }; |
| | | |
| | | this.auto_save_start = function() |
| | |
| | | this.busy = false; |
| | | }; |
| | | |
| | | |
| | | this.compose_field_hash = function(save) |
| | | { |
| | | // check input fields |
| | | var input_to = rcube_find_object('_to'); |
| | | var input_cc = rcube_find_object('_cc'); |
| | | var input_bcc = rcube_find_object('_bcc'); |
| | | var input_subject = rcube_find_object('_subject'); |
| | | var editor, input_message; |
| | | var value_to = $("[name='_to']").val(); |
| | | var value_cc = $("[name='_cc']").val(); |
| | | var value_bcc = $("[name='_bcc']").val(); |
| | | var value_subject = $("[name='_subject']").val(); |
| | | 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 (value_to) |
| | | str += value_to+':'; |
| | | if (value_cc) |
| | | str += value_cc+':'; |
| | | if (value_bcc) |
| | | str += value_bcc+':'; |
| | | if (value_subject) |
| | | str += value_subject+':'; |
| | | |
| | | if (editor = tinyMCE.get('compose-body')) |
| | | var editor = tinyMCE.get('compose-body'); |
| | | if (editor) |
| | | str += editor.getContent(); |
| | | else |
| | | { |
| | | input_message = rcube_find_object('_message'); |
| | | str += input_message.value; |
| | | } |
| | | str += $("[name='_message']").val(); |
| | | |
| | | if (save) |
| | | this.cmp_hash = str; |
| | |
| | | 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 is_html = (rcube_find_object('_is_html').value == '1'); |
| | | var input_message = $("[name='_message']"); |
| | | var message = input_message.val(); |
| | | var is_html = ($("input[name='_is_html']").val() == '1'); |
| | | var sig, p; |
| | | |
| | | if (!this.env.identity) |
| | |
| | | // remove the 'old' signature |
| | | if (this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) |
| | | { |
| | | sig = this.env.signatures[this.env.identity]['text']; |
| | | if (this.env.signatures[this.env.identity]['is_html']) |
| | | sig = this.env.signatures[this.env.identity]['plain_text']; |
| | | else |
| | | sig = this.env.signatures[this.env.identity]['text']; |
| | | |
| | | if (sig.indexOf('-- ')!=0) |
| | | sig = '-- \n'+sig; |
| | | |
| | |
| | | message = message.substring(0, p-1) + message.substring(p+sig.length, message.length); |
| | | } |
| | | |
| | | message = message.replace(/[\r\n]+$/, ''); |
| | | |
| | | // add the new signature string |
| | | if (this.env.signatures && this.env.signatures[id]) |
| | | { |
| | |
| | | } |
| | | if (sig.indexOf('-- ')!=0) |
| | | sig = '-- \n'+sig; |
| | | message += '\n'+sig; |
| | | message += '\n\n'+sig; |
| | | } |
| | | } |
| | | else |
| | | { |
| | | var editor = tinyMCE.get('compose-body'); |
| | | |
| | | if (this.env.signatures && this.env.signatures[id]) |
| | | if (this.env.signatures) |
| | | { |
| | | // Append the signature as a span within the body |
| | | var sigElem = editor.dom.get("_rc_sig"); |
| | | // Append the signature as a div within the body |
| | | var sigElem = editor.dom.get('_rc_sig'); |
| | | var newsig = ''; |
| | | var htmlsig = true; |
| | | |
| | | if (!sigElem) |
| | | { |
| | | sigElem = editor.getDoc().createElement("span"); |
| | | sigElem.setAttribute("id", "_rc_sig"); |
| | | // add empty line before signature on IE |
| | | if (bw.ie) |
| | | editor.getBody().appendChild(editor.getDoc().createElement('br')); |
| | | |
| | | sigElem = editor.getDoc().createElement('div'); |
| | | sigElem.setAttribute('id', '_rc_sig'); |
| | | editor.getBody().appendChild(sigElem); |
| | | } |
| | | if (this.env.signatures[id]['is_html']) |
| | | { |
| | | sigElem.innerHTML = this.env.signatures[id]['text']; |
| | | |
| | | if (this.env.signatures[id]) |
| | | { |
| | | newsig = this.env.signatures[id]['text']; |
| | | htmlsig = this.env.signatures[id]['is_html']; |
| | | |
| | | if (newsig) { |
| | | if (htmlsig && this.env.signatures[id]['plain_text'].indexOf('-- ')!=0) |
| | | newsig = '<p>-- </p>' + newsig; |
| | | else if (!htmlsig && newsig.indexOf('-- ')!=0) |
| | | newsig = '-- \n' + newsig; |
| | | } |
| | | } |
| | | |
| | | if (htmlsig) |
| | | sigElem.innerHTML = newsig; |
| | | else |
| | | { |
| | | sigElem.innerHTML = '<pre>' + this.env.signatures[id]['text'] + '</pre>'; |
| | | } |
| | | sigElem.innerHTML = '<pre>' + newsig + '</pre>'; |
| | | } |
| | | } |
| | | |
| | | if (input_message) |
| | | input_message.value = message; |
| | | input_message.val(message); |
| | | |
| | | this.env.identity = id; |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.show_attachment_form = function(a) |
| | | { |
| | |
| | | var elm, list; |
| | | if (elm = this.gui_objects.uploadbox) |
| | | { |
| | | if (a && (list = this.gui_objects.attachmentlist)) |
| | | 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'; |
| | | var pos = $(list).offset(); |
| | | elm.style.top = (pos.top + list.offsetHeight + 10) + 'px'; |
| | | elm.style.left = pos.left + 'px'; |
| | | } |
| | | |
| | | elm.style.visibility = a ? 'visible' : 'hidden'; |
| | | } |
| | | |
| | | // clear upload form |
| | | try { |
| | | try { |
| | | if (!a && this.gui_objects.attachmentform != this.gui_objects.messageform) |
| | | this.gui_objects.attachmentform.reset(); |
| | | } |
| | | catch(e){} // ignore errors |
| | | this.gui_objects.attachmentform.reset(); |
| | | } |
| | | catch(e){} // ignore errors |
| | | |
| | | return true; |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // upload attachment file |
| | | this.upload_file = function(form) |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // add file name to attachment list |
| | | // called from upload page |
| | | this.add2attachment_list = function(name, content) |
| | |
| | | if (!this.gui_objects.attachmentlist) |
| | | return false; |
| | | |
| | | var li = document.createElement('LI'); |
| | | li.id = name; |
| | | li.innerHTML = content; |
| | | this.gui_objects.attachmentlist.appendChild(li); |
| | | $('<li>').attr('id', name).html(content).appendTo(this.gui_objects.attachmentlist); |
| | | return true; |
| | | }; |
| | | |
| | |
| | | }; |
| | | |
| | | // send remote request to search mail or contacts |
| | | this.qsearch = function(value) |
| | | this.qsearch = function(value, addurl) |
| | | { |
| | | if (value != '') |
| | | { |
| | |
| | | else if (this.contact_list) { |
| | | this.contact_list.clear(true); |
| | | this.show_contentframe(false); |
| | | } |
| | | } |
| | | |
| | | if (this.gui_objects.search_filter) |
| | | addurl = '&_filter=' + this.gui_objects.search_filter.value; |
| | | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | | this.set_busy(true, 'searching'); |
| | | this.http_request('search', '_q='+urlencode(value)+(this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : '')+(this.env.source ? '&_source='+urlencode(this.env.source) : ''), true); |
| | | this.http_request('search', '_q='+urlencode(value) |
| | | + (this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : '') |
| | | + (this.env.source ? '&_source='+urlencode(this.env.source) : '') |
| | | + (addurl ? addurl : ''), true); |
| | | } |
| | | return true; |
| | | }; |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.sent_successfully = function(type, msg) |
| | | { |
| | | this.list_mailbox(); |
| | |
| | | /********* 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); |
| | | |
| | |
| | | break; |
| | | |
| | | var dir = key==38 ? 1 : 0; |
| | | var next; |
| | | |
| | | highlight = document.getElementById('rcmksearchSelected'); |
| | | if (!highlight) |
| | | highlight = this.ksearch_pane.ul.firstChild; |
| | | highlight = this.ksearch_pane.__ul.firstChild; |
| | | |
| | | if (highlight && (next = dir ? highlight.previousSibling : highlight.nextSibling)) |
| | | { |
| | | highlight.removeAttribute('id'); |
| | | 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 (highlight) |
| | | this.ksearch_select(dir ? highlight.previousSibling : highlight.nextSibling); |
| | | |
| | | return rcube_event.cancel(e); |
| | | |
| | |
| | | if(mod == SHIFT_KEY) |
| | | break; |
| | | |
| | | case 13: // enter |
| | | case 13: // enter |
| | | if (this.ksearch_selected===null || !this.ksearch_input || !this.ksearch_value) |
| | | break; |
| | | |
| | |
| | | case 27: // escape |
| | | this.ksearch_hide(); |
| | | break; |
| | | |
| | | |
| | | case 37: // left |
| | | case 39: // right |
| | | if (mod != SHIFT_KEY) |
| | | return; |
| | | } |
| | | |
| | | // start timer |
| | |
| | | this.ksearch_input = obj; |
| | | |
| | | return true; |
| | | }; |
| | | }; |
| | | |
| | | this.ksearch_select = function(node) |
| | | { |
| | | var current = $('#rcmksearchSelected'); |
| | | if (current[0] && node) { |
| | | current.removeAttr('id').removeClass('selected'); |
| | | } |
| | | |
| | | if (node) { |
| | | $(node).attr('id', 'rcmksearchSelected').addClass('selected'); |
| | | this.ksearch_selected = node._rcm_id; |
| | | } |
| | | }; |
| | | |
| | | this.insert_recipient = function(id) |
| | | { |
| | |
| | | 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[id]+', '; |
| | | this.ksearch_input.value = pre + insert + end; |
| | | |
| | | |
| | | // set caret to insert pos |
| | | cpos = p+insert.length; |
| | | if (this.ksearch_input.setSelectionRange) |
| | | this.ksearch_input.setSelectionRange(cpos, cpos); |
| | | }; |
| | | |
| | | |
| | | // address search processor |
| | | this.ksearch_get_results = function() |
| | | { |
| | | { |
| | | var inp_value = this.ksearch_input ? this.ksearch_input.value : null; |
| | | if (inp_value===null) |
| | | if (inp_value === null) |
| | | return; |
| | | |
| | | if (this.ksearch_pane && this.ksearch_pane.is(":visible")) |
| | | this.ksearch_pane.hide(); |
| | | |
| | | // get string from current cursor pos to last comma |
| | | var cpos = this.get_caret_pos(this.ksearch_input); |
| | |
| | | // 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); |
| | | |
| | | // Don't (re-)search if string is empty or if the last results are still active |
| | | if (!q.length || q == this.ksearch_value) |
| | | 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; |
| | | } |
| | | } |
| | | this.display_message(this.get_label('searching'), 'loading', true); |
| | | this.http_post('autocomplete', '_search='+urlencode(q)); |
| | | }; |
| | | |
| | | this.ksearch_query_results = function(results, search) |
| | | { |
| | | // ignore this outdated search response |
| | | if (search != this.ksearch_value) |
| | | return; |
| | | |
| | | this.hide_message(); |
| | | this.env.contacts = results ? results : []; |
| | | this.ksearch_display_results(this.env.contacts); |
| | | }; |
| | | |
| | | this.ksearch_display_results = function (a_results) |
| | | { |
| | | // display search results |
| | | if (c && a_results.length) |
| | | { |
| | | if (a_results.length && this.ksearch_input) { |
| | | 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; |
| | | if (!this.ksearch_pane) { |
| | | ul = $('<ul>'); |
| | | this.ksearch_pane = $('<div>').attr('id', 'rcmKSearchpane').css({ position:'absolute', 'z-index':30000 }).append(ul).appendTo(document.body); |
| | | this.ksearch_pane.__ul = ul[0]; |
| | | } |
| | | |
| | | // remove all search results |
| | | ul = this.ksearch_pane.__ul; |
| | | ul.innerHTML = ''; |
| | | |
| | | // add each result line to list |
| | | for (i=0; i<a_results.length; i++) |
| | | { |
| | | 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]; |
| | | li.innerHTML = a_results[i].replace(new RegExp('('+this.ksearch_value+')', 'ig'), '##$1%%').replace(/</g, '<').replace(/>/g, '>').replace(/##([^%]+)%%/g, '<b>$1</b>'); |
| | | li.onmouseover = function(){ ref.ksearch_select(this); }; |
| | | li.onmouseup = function(){ ref.ksearch_click(this) }; |
| | | li._rcm_id = 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]; |
| | | } |
| | | // select the first |
| | | $(ul.firstChild).attr('id', 'rcmksearchSelected').addClass('selected'); |
| | | this.ksearch_selected = 0; |
| | | |
| | | // 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); |
| | | } |
| | | var pos = $(this.ksearch_input).offset(); |
| | | this.ksearch_pane.css({ left:pos.left+'px', top:(pos.top + this.ksearch_input.offsetHeight)+'px' }).show(); |
| | | } |
| | | // hide results pane |
| | | else |
| | | this.ksearch_hide(); |
| | | }; |
| | | }; |
| | | |
| | | this.ksearch_click = function(node) |
| | | { |
| | | if (this.ksearch_input) |
| | | this.ksearch_input.focus(); |
| | | |
| | | this.insert_recipient(node._rcm_id); |
| | | this.ksearch_hide(); |
| | | }; |
| | | |
| | | this.ksearch_blur = function(e, obj) |
| | | this.ksearch_blur = function() |
| | | { |
| | | if (this.ksearch_timer) |
| | | clearTimeout(this.ksearch_timer); |
| | | |
| | | this.ksearch_value = ''; |
| | | this.ksearch_value = ''; |
| | | this.ksearch_input = null; |
| | | |
| | | this.ksearch_hide(); |
| | |
| | | this.ksearch_selected = null; |
| | | |
| | | if (this.ksearch_pane) |
| | | this.ksearch_pane.show(0); |
| | | this.ksearch_pane.hide(); |
| | | }; |
| | | |
| | | |
| | | |
| | | /*********************************************************/ |
| | | /********* address book methods *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | this.contactlist_keypress = function(list) |
| | | { |
| | | if (list.key_pressed == list.DELETE_KEY) |
| | | this.command('delete'); |
| | | }; |
| | | |
| | | |
| | | this.contactlist_select = function(list) |
| | | { |
| | |
| | | |
| | | return false; |
| | | }; |
| | | |
| | | |
| | | this.list_contacts = function(src, page) |
| | | { |
| | |
| | | target.location.href = this.env.comm_path+(src ? '&_source='+urlencode(src) : '')+(page ? '&_page='+page : '')+add_url; |
| | | }; |
| | | |
| | | |
| | | // send remote request to load contacts list |
| | | this.list_contacts_remote = function(src, page) |
| | | { |
| | |
| | | this.set_busy(true, 'loading'); |
| | | this.http_request('list', url, true); |
| | | }; |
| | | |
| | | |
| | | // load contact record |
| | | this.load_contact = function(cid, action, framed) |
| | |
| | | |
| | | // copy a contact to the specified target (group or directory) |
| | | this.copy_contact = function(cid, to) |
| | | { |
| | | { |
| | | if (!cid) |
| | | cid = this.contact_list.get_selection().join(','); |
| | | |
| | | if (to != this.env.source && cid && this.env.address_sources[to] && !this.env.address_sources[to].readonly) |
| | | this.http_post('copy', '_cid='+urlencode(cid)+'&_source='+urlencode(this.env.source)+'&_to='+urlencode(to)); |
| | | }; |
| | | }; |
| | | |
| | | |
| | | this.delete_contacts = function() |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | // update a contact record in the list |
| | | this.update_contact_row = function(cid, cols_arr) |
| | | { |
| | | { |
| | | var row; |
| | | if (this.contact_list.rows[cid] && (row = this.contact_list.rows[cid].obj)) |
| | | { |
| | | if (this.contact_list.rows[cid] && (row = this.contact_list.rows[cid].obj)) { |
| | | for (var c=0; c<cols_arr.length; c++) |
| | | if (row.cells[c]) |
| | | row.cells[c].innerHTML = cols_arr[c]; |
| | | $(row.cells[c]).html(cols_arr[c]); |
| | | |
| | | return true; |
| | | } |
| | | } |
| | | |
| | | return false; |
| | | }; |
| | | }; |
| | | |
| | | |
| | | /*********************************************************/ |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.delete_identity = function(id) |
| | | { |
| | | // exit if no mailbox specified or if selection is empty |
| | |
| | | return true; |
| | | }; |
| | | |
| | | |
| | | this.focus_subscription = function(id) |
| | | { |
| | | var row, folder; |
| | |
| | | (folder = this.env.subscriptionrows[id][0])) |
| | | { |
| | | if (this.check_droptarget(folder) && |
| | | !this.env.subscriptionrows[this.get_folder_row_id(this.env.folder)][2] && |
| | | (folder != this.env.folder.replace(reg, '')) && |
| | | !this.env.subscriptionrows[this.get_folder_row_id(this.env.folder)][2] && |
| | | (folder != this.env.folder.replace(reg, '')) && |
| | | (!folder.match(new RegExp('^'+RegExp.escape(this.env.folder+this.env.delimiter))))) |
| | | { |
| | | this.set_env('dstfolder', folder); |
| | | this.set_classname(row, 'droptarget', true); |
| | | $(row).addClass('droptarget'); |
| | | } |
| | | } |
| | | else if (this.env.folder.match(new RegExp(RegExp.escape(this.env.delimiter)))) |
| | | { |
| | | this.set_env('dstfolder', this.env.delimiter); |
| | | this.set_classname(this.subscription_list.frame, 'droptarget', true); |
| | | $(this.subscription_list.frame).addClass('droptarget'); |
| | | } |
| | | } |
| | | |
| | | |
| | | this.unfocus_subscription = function(id) |
| | | { |
| | | var row; |
| | | var row = $('#'+id); |
| | | this.set_env('dstfolder', null); |
| | | if (this.env.subscriptionrows[id] && |
| | | (row = document.getElementById(id))) |
| | | this.set_classname(row, 'droptarget', false); |
| | | if (this.env.subscriptionrows[id] && row[0]) |
| | | row.removeClass('droptarget'); |
| | | else |
| | | this.set_classname(this.subscription_list.frame, 'droptarget', false); |
| | | $(this.subscription_list.frame).removeClass('droptarget'); |
| | | } |
| | | |
| | | |
| | | this.subscription_select = function(list) |
| | | { |
| | |
| | | this.set_env('folder', null); |
| | | |
| | | if (this.gui_objects.createfolderhint) |
| | | this.gui_objects.createfolderhint.innerHTML = this.env.folder ? this.get_label('addsubfolderhint') : ''; |
| | | $(this.gui_objects.createfolderhint).html(this.env.folder ? this.get_label('addsubfolderhint') : ''); |
| | | }; |
| | | |
| | | |
| | | this.subscription_move_folder = function(list) |
| | | { |
| | |
| | | var reg = new RegExp('[^'+RegExp.escape(this.env.delimiter)+']*['+RegExp.escape(this.env.delimiter)+']', 'g'); |
| | | var basename = this.env.folder.replace(reg, ''); |
| | | var newname = this.env.dstfolder==this.env.delimiter ? basename : this.env.dstfolder+this.env.delimiter+basename; |
| | | this.http_post('rename-folder', '_folder_oldname='+urlencode(this.env.folder)+'&_folder_newname='+urlencode(newname)); |
| | | |
| | | this.set_busy(true, 'foldermoving'); |
| | | this.http_post('rename-folder', '_folder_oldname='+urlencode(this.env.folder)+'&_folder_newname='+urlencode(newname), true); |
| | | } |
| | | this.drag_active = false; |
| | | this.unfocus_subscription(this.get_folder_row_id(this.env.dstfolder)); |
| | | }; |
| | | |
| | | |
| | | // tell server to create and subscribe a new mailbox |
| | | this.create_folder = function(name) |
| | |
| | | if (this.env.folder && name != '') |
| | | name = this.env.folder+this.env.delimiter+name; |
| | | |
| | | this.set_busy(true, 'foldercreating'); |
| | | this.http_post('create-folder', '_name='+urlencode(name), true); |
| | | } |
| | | else if (form.elements['_folder_name']) |
| | | form.elements['_folder_name'].focus(); |
| | | }; |
| | | |
| | | |
| | | // start renaming the mailbox name. |
| | | // this will replace the name string with an input field |
| | |
| | | var reg = new RegExp('.*['+RegExp.escape(this.env.delimiter)+']'); |
| | | this.name_input = document.createElement('INPUT'); |
| | | this.name_input.value = this.env.subscriptionrows[id][0].replace(reg, ''); |
| | | this.name_input.style.width = '100%'; |
| | | |
| | | reg = new RegExp('['+RegExp.escape(this.env.delimiter)+']?[^'+RegExp.escape(this.env.delimiter)+']+$'); |
| | | this.name_input.__parent = this.env.subscriptionrows[id][0].replace(reg, ''); |
| | |
| | | } |
| | | }; |
| | | |
| | | |
| | | // remove the input field and write the current mailbox name to the table cell |
| | | this.reset_folder_rename = function() |
| | | { |
| | | var cell = this.name_input ? this.name_input.parentNode : null; |
| | | |
| | | if (cell && this.edit_folder && this.env.subscriptionrows[this.edit_folder]) |
| | | cell.innerHTML = this.env.subscriptionrows[this.edit_folder][1]; |
| | | $(cell).html(this.env.subscriptionrows[this.edit_folder][1]); |
| | | |
| | | this.edit_folder = null; |
| | | }; |
| | | |
| | | |
| | | // handler for keyboard events on the input field |
| | | this.name_input_keypress = function(e) |
| | |
| | | if (this.name_input.__parent) |
| | | newname = this.name_input.__parent + this.env.delimiter + newname; |
| | | |
| | | this.set_busy(true, 'folderrenaming'); |
| | | this.http_post('rename-folder', '_folder_oldname='+urlencode(this.env.subscriptionrows[this.edit_folder][0])+'&_folder_newname='+urlencode(newname), true); |
| | | } |
| | | } |
| | |
| | | else if (key==27) |
| | | this.reset_folder_rename(); |
| | | }; |
| | | |
| | | |
| | | // delete a specific mailbox with all its messages |
| | | this.delete_folder = function(id) |
| | |
| | | |
| | | if (folder && confirm(this.get_label('deletefolderconfirm'))) |
| | | { |
| | | this.http_post('delete-folder', '_mboxes='+urlencode(folder)); |
| | | this.set_busy(true, 'folderdeleting'); |
| | | this.http_post('delete-folder', '_mboxes='+urlencode(folder), true); |
| | | this.set_env('folder', null); |
| | | |
| | | if (this.gui_objects.createfolderhint) |
| | | this.gui_objects.createfolderhint.innerHTML = ''; |
| | | $(this.gui_objects.createfolderhint).html(''); |
| | | } |
| | | }; |
| | | |
| | | |
| | | // add a new folder to the subscription list by cloning a folder row |
| | | this.add_folder_row = function(name, display_name, replace, before) |
| | |
| | | row.id = id; |
| | | |
| | | if (before && (before = this.get_folder_row_id(before))) |
| | | tbody.insertBefore(row, document.getElementById(before)); |
| | | tbody.insertBefore(row, document.getElementById(before)); |
| | | else |
| | | tbody.appendChild(row); |
| | | tbody.appendChild(row); |
| | | |
| | | if (replace) |
| | | tbody.removeChild(replace); |
| | | tbody.removeChild(replace); |
| | | } |
| | | |
| | | // add to folder/row-ID map |
| | |
| | | document.getElementById(id).scrollIntoView(); |
| | | }; |
| | | |
| | | |
| | | // replace an existing table row with a new folder line |
| | | this.replace_folder_row = function(oldfolder, newfolder, display_name, before) |
| | | { |
| | |
| | | form.elements['_folder_newname'].value = ''; |
| | | } |
| | | }; |
| | | |
| | | |
| | | // remove the table row of a specific mailbox from the table |
| | | // (the row will not be removed, just hidden) |
| | |
| | | form.elements['_folder_newname'].value = ''; |
| | | }; |
| | | |
| | | |
| | | this.subscribe_folder = function(folder) |
| | | { |
| | | if (folder) |
| | | this.http_post('subscribe', '_mbox='+urlencode(folder)); |
| | | }; |
| | | |
| | | |
| | | this.unsubscribe_folder = function(folder) |
| | | { |
| | |
| | | this.http_post('unsubscribe', '_mbox='+urlencode(folder)); |
| | | }; |
| | | |
| | | |
| | | // helper method to find a specific mailbox row ID |
| | | this.get_folder_row_id = function(folder) |
| | | { |
| | |
| | | { |
| | | var cell, td; |
| | | var new_row = document.createElement('TR'); |
| | | for(var n=0; n<row.childNodes.length; n++) |
| | | for(var n=0; n<row.cells.length; n++) |
| | | { |
| | | cell = row.childNodes[n]; |
| | | cell = row.cells[n]; |
| | | td = document.createElement('TD'); |
| | | |
| | | if (cell.className) |
| | |
| | | /********* GUI functionality *********/ |
| | | /*********************************************************/ |
| | | |
| | | |
| | | // eable/disable buttons for page shifting |
| | | this.set_page_buttons = function() |
| | | { |
| | |
| | | this.enable_command('previouspage', (this.env.current_page > 1)); |
| | | this.enable_command('firstpage', (this.env.current_page > 1)); |
| | | } |
| | | |
| | | |
| | | // set button to a specific state |
| | | this.set_button = function(command, state) |
| | |
| | | } |
| | | }; |
| | | |
| | | |
| | | // 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; |
| | | }; |
| | | |
| | | |
| | | // write to the document/window title |
| | | this.set_pagetitle = function(title) |
| | | { |
| | | if (title && document.title) |
| | | document.title = title; |
| | | } |
| | | |
| | | |
| | | // display a system message |
| | | this.display_message = function(msg, type, hold) |
| | |
| | | if (type) |
| | | cont = '<div class="'+type+'">'+cont+'</div>'; |
| | | |
| | | var _rcube = this; |
| | | this.gui_objects.message.innerHTML = cont; |
| | | this.gui_objects.message.style.display = 'block'; |
| | | var obj = $(this.gui_objects.message).html(cont).show(); |
| | | |
| | | if (type!='loading') |
| | | this.gui_objects.message.onmousedown = function(){ _rcube.hide_message(); return true; }; |
| | | obj.bind('mousedown', function(){ ref.hide_message(); return true; }); |
| | | |
| | | if (!hold) |
| | | this.message_timer = window.setTimeout(function(){ ref.hide_message(); }, this.message_time); |
| | | this.message_timer = window.setTimeout(function(){ ref.hide_message(true); }, this.message_time); |
| | | }; |
| | | |
| | | |
| | | // make a message row disapear |
| | | this.hide_message = function() |
| | | this.hide_message = function(fade) |
| | | { |
| | | if (this.gui_objects.message) |
| | | { |
| | | this.gui_objects.message.style.display = 'none'; |
| | | this.gui_objects.message.onmousedown = null; |
| | | } |
| | | $(this.gui_objects.message).unbind()[(fade?'fadeOut':'hide')](); |
| | | }; |
| | | |
| | | |
| | | // mark a mailbox as selected and set environment variable |
| | | this.select_folder = function(name, old) |
| | |
| | | { |
| | | var current_li, target_li; |
| | | |
| | | if ((current_li = this.get_folder_li(old))) |
| | | { |
| | | this.set_classname(current_li, 'selected', false); |
| | | this.set_classname(current_li, 'unfocused', false); |
| | | if ((current_li = this.get_folder_li(old))) { |
| | | $(current_li).removeClass('selected').removeClass('unfocused'); |
| | | } |
| | | |
| | | if ((target_li = this.get_folder_li(name))) |
| | | { |
| | | this.set_classname(target_li, 'unfocused', false); |
| | | this.set_classname(target_li, 'selected', true); |
| | | if ((target_li = this.get_folder_li(name))) { |
| | | $(target_li).removeClass('unfocused').addClass('selected'); |
| | | } |
| | | } |
| | | }; |
| | |
| | | |
| | | return null; |
| | | }; |
| | | |
| | | |
| | | // for reordering column array, Konqueror workaround |
| | | this.set_message_coltypes = function(coltypes) |
| | |
| | | else |
| | | cell.innerHTML = this.get_label(this.coltypes[n]); |
| | | |
| | | cell.id = 'rcmHead'+col; |
| | | cell.id = 'rcm'+col; |
| | | } |
| | | else if (col == 'subject' && this.message_list) |
| | | this.message_list.subject_col = n+1; |
| | | else if (col == 'flag' && this.env.unflaggedicon) |
| | | { |
| | | cell.innerHTML = '<img src="'+this.env.unflaggedicon+'" alt="" />'; |
| | | } |
| | | } |
| | | }; |
| | | |
| | |
| | | if (!this.gui_objects.messagelist || !this.message_list) |
| | | return false; |
| | | |
| | | var tbody = this.gui_objects.messagelist.tBodies[0]; |
| | | if (this.message_list.background) |
| | | var tbody = this.message_list.background; |
| | | else |
| | | var tbody = this.gui_objects.messagelist.tBodies[0]; |
| | | |
| | | var rowcount = tbody.rows.length; |
| | | var even = rowcount%2; |
| | | |
| | | this.env.messages[uid] = {deleted:flags.deleted?1:0, |
| | | replied:flags.replied?1:0, |
| | | unread:flags.unread?1:0, |
| | | flagged:flags.flagged?1:0}; |
| | | |
| | | this.env.messages[uid] = { |
| | | deleted: flags.deleted?1:0, |
| | | replied: flags.replied?1:0, |
| | | unread: flags.unread?1:0, |
| | | forwarded: flags.forwarded?1:0, |
| | | flagged:flags.flagged?1:0 |
| | | }; |
| | | |
| | | var css_class = 'message' |
| | | + (even ? ' even' : ' odd') |
| | | + (flags.unread ? ' unread' : '') |
| | | + (flags.deleted ? ' deleted' : '') |
| | | + (flags.flagged ? ' flagged' : '') |
| | | + (this.message_list.in_selection(uid) ? ' selected' : ''); |
| | | |
| | | // for performance use DOM instead of jQuery here |
| | | var row = document.createElement('TR'); |
| | | row.id = 'rcmrow'+uid; |
| | | row.className = 'message '+(even ? 'even' : 'odd')+(flags.unread ? ' unread' : '')+(flags.deleted ? ' deleted' : ''); |
| | | |
| | | if (this.message_list.in_selection(uid)) |
| | | row.className += ' selected'; |
| | | |
| | | var icon = flags.deleted && this.env.deletedicon ? this.env.deletedicon: |
| | | (flags.unread && this.env.unreadicon ? this.env.unreadicon : |
| | | (flags.replied && this.env.repliedicon ? this.env.repliedicon : this.env.messageicon)); |
| | | |
| | | row.className = css_class; |
| | | |
| | | var icon = this.env.messageicon; |
| | | if (flags.deleted && this.env.deletedicon) |
| | | icon = this.env.deletedicon; |
| | | else if (flags.replied && this.env.repliedicon) |
| | | { |
| | | if (flags.forwarded && this.env.forwardedrepliedicon) |
| | | icon = this.env.forwardedrepliedicon; |
| | | else |
| | | icon = this.env.repliedicon; |
| | | } |
| | | else if (flags.forwarded && this.env.forwardedicon) |
| | | icon = this.env.forwardedicon; |
| | | else if(flags.unread && this.env.unreadicon) |
| | | icon = this.env.unreadicon; |
| | | |
| | | // add icon col |
| | | var col = document.createElement('TD'); |
| | | col.className = 'icon'; |
| | | col.innerHTML = icon ? '<img src="'+icon+'" alt="" />' : ''; |
| | | row.appendChild(col); |
| | | |
| | | |
| | | // add each submitted col |
| | | for (var n = 0; n < this.coltypes.length; n++) |
| | | { |
| | | for (var n = 0; n < this.coltypes.length; n++) { |
| | | var c = this.coltypes[n]; |
| | | col = document.createElement('TD'); |
| | | col.className = String(c).toLowerCase(); |
| | | |
| | | if (c=='flag') |
| | | { |
| | | |
| | | if (c=='flag') { |
| | | if (flags.flagged && this.env.flaggedicon) |
| | | col.innerHTML = '<img src="'+this.env.flaggedicon+'" alt="" />'; |
| | | else if(this.env.unflaggedicon) |
| | | else if(!flags.flagged && this.env.unflaggedicon) |
| | | col.innerHTML = '<img src="'+this.env.unflaggedicon+'" alt="" />'; |
| | | } |
| | | } |
| | | else if (c=='attachment') |
| | | col.innerHTML = (attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" />' : ' '); |
| | | else |
| | | 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="" />' : ''; |
| | | row.appendChild(col); |
| | | |
| | | this.message_list.insert_row(row, attop); |
| | | |
| | | // remove 'old' row |
| | | if (attop && this.env.pagesize && this.message_list.rowcount > this.env.pagesize) { |
| | | var uid = this.message_list.get_last_row(); |
| | | this.message_list.remove_row(uid); |
| | | this.message_list.clear_selection(uid); |
| | | } |
| | | }; |
| | | |
| | | // messages list handling in background (for performance) |
| | | this.offline_message_list = function(flag) |
| | | { |
| | | if (this.message_list) |
| | | this.message_list.set_background_mode(flag); |
| | | }; |
| | | |
| | | // replace content of row count display |
| | | this.set_rowcount = function(text) |
| | | { |
| | | if (this.gui_objects.countdisplay) |
| | | this.gui_objects.countdisplay.innerHTML = text; |
| | | $(this.gui_objects.countdisplay).html(text); |
| | | |
| | | // update page navigation buttons |
| | | this.set_page_buttons(); |
| | | }; |
| | | |
| | | |
| | | // replace content of mailboxname display |
| | | this.set_mailboxname = function(content) |
| | |
| | | // replace content of quota display |
| | | this.set_quota = function(content) |
| | | { |
| | | if (this.gui_objects.quotadisplay && content) |
| | | this.gui_objects.quotadisplay.innerHTML = content; |
| | | if (content && this.gui_objects.quotadisplay) |
| | | $(this.gui_objects.quotadisplay).html(content); |
| | | }; |
| | | |
| | | |
| | | // update the mailboxlist |
| | | this.set_unread_count = function(mbox, count, set_title) |
| | |
| | | if (!this.gui_objects.mailboxlist) |
| | | return false; |
| | | |
| | | var reg, text_obj, item; |
| | | this.env.unread_counts[mbox] = count; |
| | | this.set_unread_count_display(mbox, set_title); |
| | | } |
| | | |
| | | // update the mailbox count display |
| | | this.set_unread_count_display = function(mbox, set_title) |
| | | { |
| | | var reg, text_obj, item, mycount, childcount, div; |
| | | if (item = this.get_folder_li(mbox)) |
| | | { |
| | | // set new text |
| | | text_obj = item.firstChild.nextSibling; |
| | | mycount = this.env.unread_counts[mbox] ? this.env.unread_counts[mbox] : 0; |
| | | text_obj = item.getElementsByTagName('a')[0]; |
| | | 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+')'; |
| | | childcount = 0; |
| | | if ((div = item.getElementsByTagName('div')[0]) && |
| | | div.className.match(/collapsed/)) |
| | | { |
| | | // add children's counters |
| | | for (var k in this.env.unread_counts) |
| | | if (k.indexOf(mbox + this.env.delimiter) == 0) |
| | | childcount += this.env.unread_counts[k]; |
| | | } |
| | | |
| | | if (mycount && text_obj.innerHTML.match(reg)) |
| | | text_obj.innerHTML = text_obj.innerHTML.replace(reg, ' ('+mycount+')'); |
| | | else if (mycount) |
| | | text_obj.innerHTML += ' ('+mycount+')'; |
| | | else |
| | | text_obj.innerHTML = text_obj.innerHTML.replace(reg, ''); |
| | | |
| | | // set parent's display |
| | | reg = new RegExp(RegExp.escape(this.env.delimiter) + '[^' + RegExp.escape(this.env.delimiter) + ']+$'); |
| | | if (mbox.match(reg)) |
| | | this.set_unread_count_display(mbox.replace(reg, ''), false); |
| | | |
| | | // set the right classes |
| | | this.set_classname(item, 'unread', count>0 ? true : false); |
| | | if ((mycount+childcount)>0) |
| | | $(item).addClass('unread'); |
| | | else |
| | | $(item).removeClass('unread'); |
| | | } |
| | | |
| | | // set unread count to window title |
| | |
| | | var doc_title = String(document.title); |
| | | var new_title = ""; |
| | | |
| | | if (count && doc_title.match(reg)) |
| | | new_title = doc_title.replace(reg, '('+count+') '); |
| | | else if (count) |
| | | new_title = '('+count+') '+doc_title; |
| | | if (mycount && doc_title.match(reg)) |
| | | new_title = doc_title.replace(reg, '('+mycount+') '); |
| | | else if (mycount) |
| | | new_title = '('+mycount+') '+doc_title; |
| | | else |
| | | new_title = doc_title.replace(reg, ''); |
| | | |
| | |
| | | } |
| | | }; |
| | | |
| | | // update parent's mailboxlist (from preview) |
| | | this.set_unread_count_from_preview = function(mbox, count, set_title) |
| | | { |
| | | parent.rcmail.set_unread_count(mbox, count, set_title); |
| | | } |
| | | |
| | | // notifies that a new message(s) has hit the mailbox |
| | | this.new_message_focus = function() |
| | | { |
| | | // focus main window |
| | | if (this.env.framed && window.parent) |
| | | window.parent.focus(); |
| | | else |
| | | window.focus(); |
| | | } |
| | | |
| | | // add row to contacts list |
| | | this.add_contact_row = function(cid, cols, select) |
| | | { |
| | |
| | | var row = document.createElement('TR'); |
| | | row.id = 'rcmrow'+cid; |
| | | row.className = 'contact '+(even ? 'even' : 'odd'); |
| | | |
| | | |
| | | if (this.contact_list.in_selection(cid)) |
| | | row.className += ' selected'; |
| | | |
| | | // add each submitted col |
| | | for (var c in cols) |
| | | { |
| | | for (var c in cols) { |
| | | col = document.createElement('TD'); |
| | | col.className = String(c).toLowerCase(); |
| | | col.innerHTML = cols[c]; |
| | | row.appendChild(col); |
| | | } |
| | | } |
| | | |
| | | this.contact_list.insert_row(row); |
| | | this.enable_command('export', (this.contact_list.rowcount > 0)); |
| | | }; |
| | | |
| | | |
| | | this.toggle_editor = function(checkbox, textAreaId) |
| | | { |
| | | var ischecked = checkbox.checked; |
| | | if (ischecked) |
| | | { |
| | | tinyMCE.execCommand('mceAddControl', true, textAreaId); |
| | | } |
| | | else |
| | | { |
| | | tinyMCE.execCommand('mceRemoveControl', true, textAreaId); |
| | | } |
| | | }; |
| | | |
| | | |
| | | this.toggle_prefer_html = function(checkbox) |
| | | { |
| | |
| | | addrbook_show_images.disabled = !checkbox.checked; |
| | | } |
| | | |
| | | // display fetched raw headers |
| | | this.set_headers = function(content) |
| | | { |
| | | if (this.gui_objects.all_headers_row && this.gui_objects.all_headers_box && content) { |
| | | $(this.gui_objects.all_headers_box).html(content).show(); |
| | | |
| | | if (this.env.framed && parent.rcmail) |
| | | parent.rcmail.set_busy(false); |
| | | else |
| | | this.set_busy(false); |
| | | } |
| | | }; |
| | | |
| | | // display all-headers row and fetch raw message headers |
| | | this.load_headers = function(elem) |
| | | { |
| | | if (!this.gui_objects.all_headers_row || !this.gui_objects.all_headers_box || !this.env.uid) |
| | | return; |
| | | |
| | | $(elem).removeClass('show-headers').addClass('hide-headers'); |
| | | $(this.gui_objects.all_headers_row).show(); |
| | | elem.onclick = function() { rcmail.hide_headers(elem); } |
| | | |
| | | // fetch headers only once |
| | | if (!this.gui_objects.all_headers_box.innerHTML) |
| | | { |
| | | this.display_message(this.get_label('loading'), 'loading', true); |
| | | this.http_post('headers', '_uid='+this.env.uid); |
| | | } |
| | | } |
| | | |
| | | // hide all-headers row |
| | | this.hide_headers = function(elem) |
| | | { |
| | | if (!this.gui_objects.all_headers_row || !this.gui_objects.all_headers_box) |
| | | return; |
| | | |
| | | $(elem).removeClass('hide-headers').addClass('show-headers'); |
| | | $(this.gui_objects.all_headers_row).hide(); |
| | | elem.onclick = function() { rcmail.load_headers(elem); } |
| | | } |
| | | |
| | | |
| | | /********************************************************/ |
| | | /********* html to text conversion functions *********/ |
| | | /********************************************************/ |
| | | |
| | | this.html2plain = function(htmlText, id) |
| | | { |
| | | var url = this.env.bin_path+'html2text.php'; |
| | | var rcmail = this; |
| | | |
| | | this.set_busy(true, 'converting'); |
| | | console.log('HTTP POST: '+url); |
| | | |
| | | $.ajax({ type: 'POST', url: url, data: htmlText, contentType: 'application/octet-stream', |
| | | error: function(o) { rcmail.http_error(o); }, |
| | | success: function(data) { rcmail.set_busy(false); $(document.getElementById(id)).val(data); console.log(data); } |
| | | }); |
| | | } |
| | | |
| | | this.plain2html = function(plainText, id) |
| | | { |
| | | this.set_busy(true, 'converting'); |
| | | $(document.getElementById(id)).val('<pre>'+plainText+'</pre>'); |
| | | this.set_busy(false); |
| | | } |
| | | |
| | | |
| | | /********************************************************/ |
| | |
| | | this.redirect(this.env.comm_path+'&_action='+action+querystring, lock); |
| | | }; |
| | | |
| | | |
| | | 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 += (querystring ? '&' : '') + '_remote=1'; |
| | | var url = this.env.comm_path + '&_action=' + action + '&' + querystring |
| | | |
| | | // add timestamp to request url to avoid cacheing problems in Safari |
| | | if (bw.safari) |
| | | querystring += '&_ts='+(new Date().getTime()); |
| | | // send request |
| | | console.log('HTTP POST: ' + url); |
| | | jQuery.get(url, { _unlock:(lock?1:0) }, function(data){ ref.http_response(data); }, 'json'); |
| | | }; |
| | | |
| | | // send a http POST request to the server |
| | | this.http_post = function(action, postdata, lock) |
| | | { |
| | | var url = this.env.comm_path+'&_action=' + action; |
| | | |
| | | if (postdata && typeof(postdata) == 'object') { |
| | | postdata._remote = 1; |
| | | postdata._unlock = (lock ? 1 : 0); |
| | | } |
| | | else |
| | | postdata += (postdata ? '&' : '') + '_remote=1' + (lock ? '&_unlock=1' : ''); |
| | | |
| | | // send request |
| | | if (request_obj) |
| | | { |
| | | console.log('HTTP request: '+this.env.comm_path+'&_action='+action+'&'+querystring); |
| | | |
| | | if (lock) |
| | | this.set_busy(true); |
| | | |
| | | var rcm = this; |
| | | request_obj.__lock = lock ? true : false; |
| | | request_obj.__action = action; |
| | | request_obj.onerror = function(o){ ref.http_error(o); }; |
| | | request_obj.oncomplete = function(o){ ref.http_response(o); }; |
| | | request_obj.GET(this.env.comm_path+'&_action='+action+'&'+querystring); |
| | | } |
| | | }; |
| | | |
| | | // send a http POST request to the server |
| | | this.http_post = function(action, postdata, lock) |
| | | { |
| | | var request_obj; |
| | | if (postdata && typeof(postdata) == 'object') |
| | | postdata._remote = 1; |
| | | else |
| | | postdata += (postdata ? '&' : '') + '_remote=1'; |
| | | |
| | | // send request |
| | | if (request_obj = this.get_request_obj()) |
| | | { |
| | | console.log('HTTP POST: '+this.env.comm_path+'&_action='+action); |
| | | |
| | | if (lock) |
| | | this.set_busy(true); |
| | | |
| | | var rcm = this; |
| | | request_obj.__lock = lock ? true : false; |
| | | request_obj.__action = action; |
| | | request_obj.onerror = function(o){ rcm.http_error(o); }; |
| | | request_obj.oncomplete = function(o){ rcm.http_response(o); }; |
| | | request_obj.POST(this.env.comm_path+'&_action='+action, postdata); |
| | | } |
| | | }; |
| | | console.log('HTTP POST: ' + url); |
| | | jQuery.post(url, postdata, function(data){ ref.http_response(data); }, 'json'); |
| | | }; |
| | | |
| | | // handle HTTP response |
| | | this.http_response = function(request_obj) |
| | | { |
| | | var ctype = request_obj.get_header('Content-Type'); |
| | | if (ctype){ |
| | | ctype = String(ctype).toLowerCase(); |
| | | var ctype_array=ctype.split(";"); |
| | | ctype = ctype_array[0]; |
| | | this.http_response = function(response) |
| | | { |
| | | var console_msg = ''; |
| | | |
| | | if (response.unlock) |
| | | this.set_busy(false); |
| | | |
| | | // set env vars |
| | | if (response.env) |
| | | this.set_env(response.env); |
| | | |
| | | // we have labels to add |
| | | if (typeof response.texts == 'object') { |
| | | for (var name in response.texts) |
| | | if (typeof response.texts[name] == 'string') |
| | | this.add_label(name, response.texts[name]); |
| | | } |
| | | |
| | | if (request_obj.__lock) |
| | | this.set_busy(false); |
| | | |
| | | console.log(request_obj.get_text()); |
| | | |
| | | // if we get javascript code from server -> execute it |
| | | if (request_obj.get_text() && (ctype=='text/javascript' || ctype=='application/x-javascript')) |
| | | eval(request_obj.get_text()); |
| | | |
| | | if (response.exec) { |
| | | console.log(response.exec); |
| | | eval(response.exec); |
| | | } |
| | | |
| | | // process the response data according to the sent action |
| | | switch (request_obj.__action) |
| | | { |
| | | |
| | | switch (response.action) { |
| | | case 'delete': |
| | | if (this.task == 'addressbook') |
| | | { |
| | | var uid = this.contact_list.get_selection(); |
| | | this.enable_command('compose', (uid && this.contact_list.rows[uid])); |
| | | this.enable_command('delete', 'edit', (uid && this.contact_list.rows[uid] && this.env.address_sources && !this.env.address_sources[this.env.source].readonly)); |
| | | break; |
| | | } |
| | | if (this.task == 'addressbook') { |
| | | var uid = this.contact_list.get_selection(); |
| | | this.enable_command('compose', (uid && this.contact_list.rows[uid])); |
| | | this.enable_command('delete', 'edit', (uid && this.contact_list.rows[uid] && this.env.address_sources && !this.env.address_sources[this.env.source].readonly)); |
| | | this.enable_command('export', (this.contact_list && this.contact_list.rowcount > 0)); |
| | | } |
| | | |
| | | case 'moveto': |
| | | if (this.env.action=='show') |
| | | if (this.env.action == 'show') |
| | | this.command('list'); |
| | | else if (this.message_list) |
| | | this.message_list.init(); |
| | | |
| | | break; |
| | | |
| | | case 'purge': |
| | | case 'expunge': |
| | | if (!this.env.messagecount && this.task == 'mail') |
| | | { |
| | | // clear preview pane content |
| | | if (this.env.contentframe) |
| | | this.show_contentframe(false); |
| | | // disable commands useless when mailbox is empty |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', 'mark', 'viewsource', |
| | | 'print', 'load-attachment', 'purge', 'expunge', 'select-all', 'select-none', 'sort', false); |
| | | } |
| | | break; |
| | | |
| | | case 'list': |
| | | this.msglist_select(this.message_list); |
| | | case 'expunge': |
| | | if (!this.env.messagecount && this.task == 'mail') { |
| | | // clear preview pane content |
| | | if (this.env.contentframe) |
| | | this.show_contentframe(false); |
| | | // disable commands useless when mailbox is empty |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', 'mark', 'viewsource', |
| | | 'print', 'load-attachment', 'purge', 'expunge', 'select-all', 'select-none', 'sort', false); |
| | | } |
| | | break; |
| | | |
| | | case 'check-recent': |
| | | case 'getunread': |
| | | if (this.task == 'mail') |
| | | { |
| | | this.enable_command('show', 'expunge', 'select-all', 'select-none', 'sort', (this.env.messagecount > 0)); |
| | | var mailboxtest = (this.env.mailbox == this.env.trash_mailbox || this.env.mailbox == this.env.junk_mailbox |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.trash_mailbox) + RegExp.escape(this.env.delimiter)) |
| | | || this.env.mailbox.match('^' + RegExp.escape(this.env.junk_mailbox) + RegExp.escape(this.env.delimiter))) ? true : false; |
| | | |
| | | this.enable_command('purge', (this.env.messagecount && mailboxtest)); |
| | | } |
| | | break; |
| | | |
| | | } |
| | | |
| | | request_obj.reset(); |
| | | }; |
| | | |
| | | case 'list': |
| | | if (this.task == 'mail') { |
| | | if (this.message_list && response.action == 'list') |
| | | this.msglist_select(this.message_list); |
| | | this.enable_command('show', 'expunge', 'select-all', 'select-none', 'sort', (this.env.messagecount > 0)); |
| | | this.enable_command('purge', this.purge_mailbox_test()); |
| | | } |
| | | else if (this.task == 'addressbook') |
| | | this.enable_command('export', (this.contact_list && this.contact_list.rowcount > 0)); |
| | | break; |
| | | } |
| | | }; |
| | | |
| | | // handle HTTP request errors |
| | | this.http_error = function(request_obj) |
| | | this.http_error = function(request, status, err) |
| | | { |
| | | //alert('Error sending request: '+request_obj.url); |
| | | var errmsg = request.statusText; |
| | | |
| | | if (request_obj.__lock) |
| | | this.set_busy(false); |
| | | |
| | | request_obj.reset(); |
| | | request_obj.__lock = false; |
| | | this.set_busy(false); |
| | | request.abort(); |
| | | |
| | | this.display_message('Unknown Server Error!' + (errmsg ? ' ('+errmsg+')' : ''), 'error'); |
| | | }; |
| | | |
| | | |
| | | // use an image to send a keep-alive siganl to the server |
| | | this.send_keep_alive = function() |
| | |
| | | this.http_request('keep-alive', '_t='+d.getTime()); |
| | | }; |
| | | |
| | | |
| | | // send periodic request to check for recent messages |
| | | this.check_for_recent = function() |
| | | this.check_for_recent = function(setbusy) |
| | | { |
| | | if (this.busy) |
| | | return; |
| | | |
| | | this.set_busy(true, 'checkingmail'); |
| | | this.http_request('check-recent', (this.env.search_request ? '_search='+this.env.search_request+'&' : '') + '_t='+(new Date().getTime()), true); |
| | | if (setbusy) |
| | | this.set_busy(true, 'checkingmail'); |
| | | |
| | | var addurl = '_t=' + (new Date().getTime()); |
| | | |
| | | if (this.gui_objects.messagelist) |
| | | addurl += '&_list=1'; |
| | | if (this.gui_objects.quotadisplay) |
| | | addurl += '&_quota=1'; |
| | | if (this.env.search_request) |
| | | addurl += '&_search=' + this.env.search_request; |
| | | |
| | | this.http_request('check-recent', addurl, true); |
| | | }; |
| | | |
| | | |
| | |
| | | { |
| | | if (typeof(obj.selectionEnd)!='undefined') |
| | | return obj.selectionEnd; |
| | | |
| | | else if (document.selection && document.selection.createRange) |
| | | { |
| | | var range = document.selection.createRange(); |
| | |
| | | |
| | | return p<=obj.value.length ? p : -1; |
| | | } |
| | | |
| | | else |
| | | return obj.value.length; |
| | | }; |
| | | |
| | | |
| | | this.set_caret2start = function(obj) |
| | | { |
| | |
| | | |
| | | obj.focus(); |
| | | }; |
| | | |
| | | |
| | | // set all fields of a form disabled |
| | | this.lock_form = function(form, lock) |
| | |
| | | } |
| | | }; |
| | | |
| | | } // end object rcube_webmail |
| | | } // end object rcube_webmail |
| | | |
| | | |
| | | |
| | | /** |
| | | * Class for sending HTTP requests |
| | | * @constructor |
| | | */ |
| | | 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) |
| | | { |
| | | try { this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } |
| | | catch(e) { this.xmlhttp = null; } |
| | | } |
| | | else |
| | | { |
| | | |
| | | } |
| | | } |
| | | |
| | | // send 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.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); |
| | | this.xmlhttp.send(null); |
| | | }; |
| | | |
| | | |
| | | this.POST = function(url, body, contentType) |
| | | { |
| | | // default value for contentType if not provided |
| | | if (typeof(contentType) == 'undefined') |
| | | contentType = 'application/x-www-form-urlencoded'; |
| | | |
| | | this.build(); |
| | | |
| | | if (!this.xmlhttp) |
| | | { |
| | | this.onerror(this); |
| | | return false; |
| | | } |
| | | |
| | | var req_body = body; |
| | | if (typeof(body) == 'object') |
| | | { |
| | | req_body = ''; |
| | | for (var p in body) |
| | | req_body += (req_body ? '&' : '') + p+'='+urlencode(body[p]); |
| | | } |
| | | |
| | | var ref = this; |
| | | this.url = url; |
| | | this.busy = true; |
| | | |
| | | this.xmlhttp.onreadystatechange = function() { ref.xmlhttp_onreadystatechange(); }; |
| | | this.xmlhttp.open('POST', url, true); |
| | | this.xmlhttp.setRequestHeader('Content-Type', contentType); |
| | | this.xmlhttp.setRequestHeader('X-RoundCube-Referer', bw.get_cookie('roundcube_sessid')); |
| | | this.xmlhttp.send(req_body); |
| | | }; |
| | | |
| | | |
| | | // 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) |
| | | { |
| | | try { |
| | | if (this.xmlhttp.status == 0) |
| | | this.onabort(this); |
| | | else if(this.xmlhttp.status == 200) |
| | | this.oncomplete(this); |
| | | else |
| | | this.onerror(this); |
| | | |
| | | this.busy = false; |
| | | } |
| | | catch(err) |
| | | { |
| | | this.onerror(this); |
| | | this.busy = false; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // getter method for HTTP headers |
| | | this.get_header = function(name) |
| | | { |
| | | return this.xmlhttp.getResponseHeader(name); |
| | | }; |
| | | |
| | | this.get_text = function() |
| | | { |
| | | return this.xmlhttp.responseText; |
| | | }; |
| | | |
| | | this.get_xml = function() |
| | | { |
| | | return this.xmlhttp.responseXML; |
| | | }; |
| | | |
| | | this.reset(); |
| | | |
| | | } // end class rcube_http_request |
| | | |
| | | |
| | | // helper function to call the init method with a delay |
| | | function call_init(o) |
| | | { |
| | | window.setTimeout('if (window[\''+o+'\'] && window[\''+o+'\'].init) { '+o+'.init(); }', |
| | | bw.win ? 500 : 200); |
| | | } |
| | | // copy event engine prototype |
| | | rcube_webmail.prototype.addEventListener = rcube_event_engine.prototype.addEventListener; |
| | | rcube_webmail.prototype.removeEventListener = rcube_event_engine.prototype.removeEventListener; |
| | | rcube_webmail.prototype.triggerEvent = rcube_event_engine.prototype.triggerEvent; |
| | | |