| | |
| | | | 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.buttons_sel = 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-Request', ref.env.request_token); } |
| | | }); |
| | | |
| | | // set environment variable(s) |
| | | this.set_env = function(p, value) |
| | |
| | | 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() |
| | |
| | | this.goto_url('error', '_code=0x199'); |
| | | 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]); |
| | | |
| | | // init registered buttons |
| | | this.init_buttons(); |
| | | |
| | | // tell parent window that this frame is loaded |
| | | if (this.env.framed && parent.rcmail && parent.rcmail.set_busy) |
| | |
| | | |
| | | if (this.env.permaurl) |
| | | this.enable_command('permaurl', true); |
| | | |
| | | |
| | | switch (this.task) |
| | | { |
| | | case 'mail': |
| | |
| | | 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_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; }); |
| | | this.message_list.addEventListener('dragmove', function(e){ p.drag_move(e); }); |
| | | this.message_list.addEventListener('dragend', function(e){ p.drag_end(e); }); |
| | | 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', 'load-headers', true); |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', |
| | | 'open', 'mark', 'edit', 'viewsource', 'download', 'print', 'load-attachment', 'load-headers', true); |
| | | |
| | | if (this.env.next_uid) |
| | | { |
| | | this.enable_command('nextmessage', true); |
| | |
| | | { |
| | | this.enable_command('previousmessage', true); |
| | | this.enable_command('firstmessage', true); |
| | | } |
| | | |
| | | if (this.env.blockedobjects) |
| | | { |
| | | if (this.gui_objects.remoteobjectsmsg) |
| | | this.gui_objects.remoteobjectsmsg.style.display = 'block'; |
| | | this.enable_command('load-images', 'always-load', true); |
| | | } |
| | | } |
| | | |
| | |
| | | parent.rcmail.show_contentframe(true); |
| | | } |
| | | |
| | | if ((this.env.action=='show' || this.env.action=='preview') && this.env.blockedobjects) |
| | | { |
| | | if (this.gui_objects.remoteobjectsmsg) |
| | | this.gui_objects.remoteobjectsmsg.style.display = 'block'; |
| | | this.enable_command('load-images', 'always-load', true); |
| | | } |
| | | |
| | | if (this.env.action=='compose') |
| | | { |
| | | this.enable_command('add-attachment', 'send-attachment', 'remove-attachment', 'send', 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); }; |
| | | |
| | | // init message compose form |
| | | this.init_messageform(); |
| | | } |
| | | |
| | | if (this.env.messagecount) |
| | |
| | | this.enable_command('purge', true); |
| | | |
| | | this.set_page_buttons(); |
| | | |
| | | // init message compose form |
| | | if (this.env.action=='compose') |
| | | this.init_messageform(); |
| | | |
| | | // show printing dialog |
| | | if (this.env.action=='print') |
| | |
| | | if (this.gui_objects.contactslist) |
| | | { |
| | | this.contact_list = new rcube_list_widget(this.gui_objects.contactslist, {multiselect:true, draggable:true, keyboard:true}); |
| | | this.contact_list.row_init = function(row){ p.triggerEvent('insertrow', { cid:row.uid, row:row }); }; |
| | | 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_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.addEventListener('dragmove', function(e){ p.drag_move(e); }); |
| | | this.contact_list.addEventListener('dragend', function(e){ p.drag_end(e); }); |
| | | this.contact_list.init(); |
| | | |
| | | if (this.env.cid) |
| | |
| | | } |
| | | 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] && !this.env.address_sources[this.env.source].readonly) |
| | | this.enable_command('add', true); |
| | | this.enable_command('add', 'import', true); |
| | | |
| | | if (this.env.cid) |
| | | this.enable_command('show', 'edit', true); |
| | |
| | | if ((this.env.action=='add' || this.env.action=='edit') && this.gui_objects.editform) |
| | | this.enable_command('save', true); |
| | | else |
| | | this.enable_command('search', 'reset-search', 'moveto', 'import', true); |
| | | this.enable_command('search', 'reset-search', 'moveto', true); |
| | | |
| | | if (this.contact_list && this.contact_list.rowcount > 0) |
| | | this.enable_command('export', true); |
| | |
| | | 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') { |
| | | if (this.env.action=='identities') { |
| | | 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); |
| | | |
| | | if (this.env.action=='folders') |
| | | else if (this.env.action=='edit-identity' || this.env.action=='add-identity') { |
| | | this.enable_command('add', this.env.identities_level < 2); |
| | | this.enable_command('save', 'delete', 'edit', true); |
| | | } |
| | | else if (this.env.action=='folders') |
| | | this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'rename-folder', 'delete-folder', true); |
| | | |
| | | if (this.gui_objects.identitieslist) |
| | |
| | | if (this.env.iid) |
| | | this.identity_list.highlight_row(this.env.iid); |
| | | } |
| | | |
| | | if (this.gui_objects.subscriptionlist) |
| | | else if (this.gui_objects.sectionslist) |
| | | { |
| | | this.sections_list = new rcube_list_widget(this.gui_objects.sectionslist, {multiselect:false, draggable:false, keyboard:false}); |
| | | this.sections_list.addEventListener('select', function(o){ p.section_select(o); }); |
| | | this.sections_list.init(); |
| | | this.sections_list.focus(); |
| | | this.sections_list.select_first(); // open first section by default |
| | | } |
| | | else if (this.gui_objects.subscriptionlist) |
| | | this.init_subscription_list(); |
| | | |
| | | break; |
| | | |
| | | case 'login': |
| | | var input_user = rcube_find_object('rcmloginuser'); |
| | | var input_pass = rcube_find_object('rcmloginpwd'); |
| | | var input_tz = rcube_find_object('rcmlogintz'); |
| | | |
| | | 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 |
| | | if (input_tz) |
| | | input_tz.value = new Date().getTimezoneOffset() / -60; |
| | | $('#rcmlogintz').val(new Date().getTimezoneOffset() / -60); |
| | | |
| | | this.enable_command('login', true); |
| | | break; |
| | |
| | | break; |
| | | } |
| | | |
| | | // enable basic commands |
| | | this.enable_command('logout', true); |
| | | |
| | | // flag object as complete |
| | | this.loaded = 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() |
| | |
| | | } |
| | | |
| | | // 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; |
| | | row.flagged_icon._row = row.obj; |
| | | row.flagged_icon.onmousedown = function(e) { p.command('toggle_flag', this); }; |
| | | } |
| | | |
| | | this.triggerEvent('insertrow', { uid:uid, row:row }); |
| | | }; |
| | | |
| | | // init message compose form: set focus and eventhandlers |
| | |
| | | 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 draftid = rcube_find_object('_draft_saveid'); |
| | | var input_from = $("[name='_from']"); |
| | | var input_to = $("[name='_to']"); |
| | | var input_subject = $("input[name='_subject']"); |
| | | var input_message = $("[name='_message']").get(0); |
| | | var html_mode = $("input[name='_is_html']").val() == '1'; |
| | | |
| | | // 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']")); |
| | | |
| | | if (!html_mode) |
| | | this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); |
| | | |
| | | // add signature according to selected identity |
| | | if (input_from && input_from.type=='select-one' && (!draftid || draftid.value=='') |
| | | // if we have HTML editor, signature is added in callback |
| | | && rcube_find_object('_is_html').value != '1') |
| | | { |
| | | this.change_identity(input_from); |
| | | } |
| | | if (input_from.attr('type') == 'select-one' && $("input[name='_draft_saveid']").val() == '' |
| | | && !html_mode) { // if we have HTML editor, signature is added in callback |
| | | this.change_identity(input_from[0]); |
| | | } |
| | | else if (!html_mode) |
| | | this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); |
| | | |
| | | 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); |
| | | else if (input_message && !html_mode) |
| | | input_message.focus(); |
| | | |
| | | // get summary of all field values |
| | | this.compose_field_hash(true); |
| | |
| | | this.init_address_input_events = function(obj) |
| | | { |
| | | var handler = function(e){ return ref.ksearch_keypress(e,this); }; |
| | | |
| | | if (obj.addEventListener) |
| | | obj.addEventListener(bw.safari ? 'keydown' : 'keypress', handler, false); |
| | | else |
| | | obj.onkeydown = handler; |
| | | |
| | | obj.setAttribute('autocomplete', 'off'); |
| | | obj.bind((bw.safari || bw.ie ? 'keydown' : 'keypress'), handler); |
| | | obj.attr('autocomplete', 'off'); |
| | | }; |
| | | |
| | | |
| | |
| | | return false; |
| | | } |
| | | |
| | | // process command |
| | | // 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 internal command |
| | | switch (command) |
| | | { |
| | | case 'login': |
| | |
| | | this.gui_objects.loginform.submit(); |
| | | break; |
| | | |
| | | case 'logout': |
| | | this.goto_url('logout', '', true); |
| | | break; |
| | | |
| | | // commands to switch task |
| | | case 'mail': |
| | | case 'addressbook': |
| | | case 'settings': |
| | | case 'logout': |
| | | this.switch_task(command); |
| | | break; |
| | | |
| | |
| | | return true; |
| | | else if (this.env.permaurl) |
| | | parent.location.href = this.env.permaurl; |
| | | break; |
| | | break; |
| | | |
| | | case 'open': |
| | | var uid; |
| | | if (uid = this.get_single_uid()) |
| | | { |
| | | obj.href = '?_task='+this.env.task+'&_action=show&_mbox='+urlencode(this.env.mailbox)+'&_uid='+uid; |
| | | return true; |
| | | } |
| | | break; |
| | | |
| | | // misc list commands |
| | | case 'list': |
| | |
| | | this.reset_qsearch(); |
| | | |
| | | this.list_contacts(props); |
| | | this.enable_command('add', (this.env.address_sources && !this.env.address_sources[props].readonly)); |
| | | this.enable_command('add', 'import', (this.env.address_sources && !this.env.address_sources[props].readonly)); |
| | | } |
| | | 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; |
| | | var sort_order, sort_col = props; |
| | | |
| | | // no sort order specified: toggle |
| | | if (sort_order==null) |
| | | { |
| | | if (this.env.sort_col==sort_col) |
| | | sort_order = this.env.sort_order=='ASC' ? 'DESC' : 'ASC'; |
| | | else |
| | | sort_order = this.env.sort_order; |
| | | } |
| | | |
| | | if (this.env.sort_col==sort_col && this.env.sort_order==sort_order) |
| | | break; |
| | | if (this.env.sort_col==sort_col) |
| | | sort_order = this.env.sort_order=='ASC' ? 'DESC' : 'ASC'; |
| | | else |
| | | sort_order = 'ASC'; |
| | | |
| | | // set table header class |
| | | if (header = document.getElementById('rcm'+this.env.sort_col)) |
| | | this.set_classname(header, 'sorted'+(this.env.sort_order.toUpperCase()), false); |
| | | if (header = document.getElementById('rcm'+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; |
| | |
| | | this.load_contact(cid, 'edit'); |
| | | else if (this.task=='settings' && props) |
| | | this.load_identity(props, 'edit-identity'); |
| | | else if (this.task=='mail' && (cid = this.get_single_uid())) { |
| | | var url = (this.env.mailbox == this.env.drafts_mailbox) ? '_draft_uid=' : '_uid='; |
| | | this.goto_url('compose', url+cid+'&_mbox='+urlencode(this.env.mailbox), true); |
| | | } |
| | | break; |
| | | |
| | | case 'save-identity': |
| | | case 'save': |
| | | if (this.gui_objects.editform) |
| | | { |
| | | var input_pagesize = rcube_find_object('_pagesize'); |
| | | var input_name = rcube_find_object('_name'); |
| | | var input_email = rcube_find_object('_email'); |
| | | 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(); |
| | |
| | | break; |
| | | |
| | | case 'select-all': |
| | | this.message_list.select_all(props); |
| | | if (props == 'invert') |
| | | this.message_list.invert_selection(); |
| | | else |
| | | this.message_list.select_all(props); |
| | | break; |
| | | |
| | | case 'select-none': |
| | |
| | | break; |
| | | |
| | | case 'spellcheck': |
| | | if (window.tinyMCE && tinyMCE.get('compose-body')) { |
| | | if (window.tinyMCE && tinyMCE.get(this.env.composebody)) { |
| | | tinyMCE.execCommand('mceSpellCheck', true); |
| | | } |
| | | else if (this.env.spellcheck && this.env.spellcheck.spellCheck && this.spellcheck_ready) { |
| | | this.env.spellcheck.spellCheck(this.env.spellcheck.check_link); |
| | | this.env.spellcheck.spellCheck(); |
| | | this.set_spellcheck_state('checking'); |
| | | } |
| | | break; |
| | |
| | | this.remove_attachment(props); |
| | | break; |
| | | |
| | | case 'insert-sig': |
| | | this.change_identity($("[name='_from']")[0], true); |
| | | break; |
| | | |
| | | case 'reply-all': |
| | | case 'reply': |
| | | var uid; |
| | |
| | | var uid; |
| | | if (uid = this.get_single_uid()) |
| | | { |
| | | ref.sourcewin = window.open(this.env.comm_path+'&_action=viewsource&_uid='+this.env.uid+'&_mbox='+urlencode(this.env.mailbox)); |
| | | ref.sourcewin = window.open(this.env.comm_path+'&_action=viewsource&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox)); |
| | | if (this.sourcewin) |
| | | window.setTimeout(function(){ ref.sourcewin.focus(); }, 20); |
| | | } |
| | | break; |
| | | |
| | | case 'download': |
| | | var uid; |
| | | if (uid = this.get_single_uid()) |
| | | this.goto_url('viewsource', '&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox)+'&_save=1'); |
| | | break; |
| | | |
| | | case 'add-contact': |
| | |
| | | this.lock_form(this.gui_objects.importform, true); |
| | | } |
| | | else |
| | | this.goto_url('import'); |
| | | this.goto_url('import', (this.env.source ? '_target='+urlencode(this.env.source)+'&' : '')); |
| | | break; |
| | | |
| | | case 'export': |
| | |
| | | break; |
| | | |
| | | } |
| | | |
| | | this.triggerEvent('after'+command, props); |
| | | |
| | | return obj ? false : true; |
| | | }; |
| | |
| | | }; |
| | | |
| | | // 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.set_busy(false); |
| | | this.display_message('Request timed out!', 'error'); |
| | | }; |
| | | |
| | | this.reload = function(delay) |
| | | { |
| | | if (this.env.framed && parent.rcmail) |
| | | parent.rcmail.reload(delay); |
| | | else if (delay) |
| | | window.setTimeout(function(){ rcmail.reload(); }, delay); |
| | | else if (window.location) |
| | | location.href = this.env.comm_path; |
| | | }; |
| | | |
| | | |
| | | /*********************************************************/ |
| | |
| | | |
| | | this.doc_mouse_up = function(e) |
| | | { |
| | | var model, li; |
| | | |
| | | var model, list, li; |
| | | |
| | | if (this.message_list) { |
| | | this.message_list.blur(); |
| | | 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) { |
| | | this.contact_list.blur(); |
| | | 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(); |
| | | } |
| | | |
| | | |
| | | // handle mouse release when dragging |
| | | if (this.drag_active && model && this.env.last_folder_target) { |
| | | this.set_classname(this.get_folder_li(this.env.last_folder_target), 'droptarget', false); |
| | | $(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(); |
| | | } |
| | | |
| | | // reset 'pressed' buttons |
| | | if (this.buttons_sel) { |
| | | for (var id in this.buttons_sel) |
| | | if (typeof id != 'function') |
| | | this.button_out(this.buttons_sel[id], id); |
| | | this.buttons_sel = {}; |
| | | } |
| | | }; |
| | | |
| | |
| | | // 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 = rcube_find_object(this.task == 'mail' ? 'mailboxlist' : 'directorylist'); |
| | | pos = rcube_get_object_pos(list); |
| | | this.env.folderlist_coords = {x1:pos.x, y1:pos.y, x2:pos.x + list.offsetWidth, y2:pos.y + list.offsetHeight}; |
| | | 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 = rcube_get_object_pos(li.firstChild); |
| | | // only visible folders |
| | | if (height = li.firstChild.offsetHeight) |
| | | this.env.folder_coords[k] = {x1:pos.x, y1:pos.y, x2:pos.x + li.firstChild.offsetWidth, y2:pos.y + height}; |
| | | if (li = this.get_folder_li(k)) { |
| | | // only visible folders |
| | | if (height = li.firstChild.offsetHeight) { |
| | | pos = $(li.firstChild).offset(); |
| | | this.env.folder_coords[k] = { x1:pos.left, y1:pos.top, |
| | | x2:pos.left + li.firstChild.offsetWidth, y2:pos.top + height, on:0 }; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | this.drag_end = function(e) |
| | | { |
| | | this.drag_active = false; |
| | | this.env.last_folder_target = null; |
| | | |
| | | if (this.folder_auto_timer) { |
| | | window.clearTimeout(this.folder_auto_timer); |
| | | this.folder_auto_timer = null; |
| | | this.folder_auto_expand = null; |
| | | } |
| | | |
| | | // over the folders |
| | | if (this.gui_objects.folderlist && this.env.folder_coords) { |
| | | for (var k in this.env.folder_coords) { |
| | | if (this.env.folder_coords[k].on) |
| | | $(this.get_folder_li(k)).removeClass('droptarget'); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | this.drag_move = function(e) |
| | | { |
| | | if (this.gui_objects.folderlist && this.env.folder_coords) |
| | | { |
| | | var li, pos, mouse; |
| | | { |
| | | 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, div, 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.set_classname(this.get_folder_li(this.env.last_folder_target), 'droptarget', false); |
| | | 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.folder_coords[this.env.last_folder_target].on = 0; |
| | | this.env.last_folder_target = null; |
| | | } |
| | | return; |
| | | } |
| | | |
| | | 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.set_classname(this.get_folder_li(k), 'droptarget', true); |
| | | this.env.last_folder_target = k; |
| | | } |
| | | else |
| | | this.set_classname(this.get_folder_li(k), 'droptarget', false); |
| | | for (var k in this.env.folder_coords) { |
| | | pos = this.env.folder_coords[k]; |
| | | if (mouse.x >= pos.x1 && mouse.x < pos.x2 && mouse.y >= pos.y1 && mouse.y < pos.y2 |
| | | && this.check_droptarget(k)) { |
| | | |
| | | li = this.get_folder_li(k); |
| | | div = $(li.getElementsByTagName("div")[0]); |
| | | |
| | | // if the folder is collapsed, expand it after 1sec and restart the drag & drop process. |
| | | if (div.hasClass('collapsed')) { |
| | | if (this.folder_auto_timer) |
| | | window.clearTimeout(this.folder_auto_timer); |
| | | |
| | | this.folder_auto_expand = k; |
| | | this.folder_auto_timer = window.setTimeout(function() { |
| | | rcmail.command("collapse-folder", rcmail.folder_auto_expand); |
| | | rcmail.drag_start(null); |
| | | }, 1000); |
| | | } else if (this.folder_auto_timer) { |
| | | window.clearTimeout(this.folder_auto_timer); |
| | | this.folder_auto_timer = null; |
| | | this.folder_auto_expand = null; |
| | | } |
| | | |
| | | $(li).addClass('droptarget'); |
| | | this.env.last_folder_target = k; |
| | | this.env.folder_coords[k].on = 1; |
| | | } |
| | | else if (pos.on) { |
| | | $(this.get_folder_li(k)).removeClass('droptarget'); |
| | | this.env.folder_coords[k].on = 0; |
| | | } |
| | | } |
| | | }; |
| | | |
| | | } |
| | | }; |
| | | |
| | | 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); |
| | | 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); |
| | | 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 |
| | |
| | | |
| | | 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(); |
| | | |
| | | var mbox_li; |
| | | if (mbox_li = this.get_folder_li()) |
| | | this.set_classname(mbox_li, 'unfocused', true); |
| | | this.contact_list.focus(); |
| | | |
| | | return rcube_event.get_button(e) == 2 ? true : rcube_event.cancel(e); |
| | | }; |
| | |
| | | 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', 'open', 'edit', 'download', 'viewsource', selected); |
| | | this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); |
| | | } |
| | | else |
| | | { |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'print', selected); |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'print', 'edit', 'open', 'download', 'viewsource', selected); |
| | | this.enable_command('delete', 'moveto', 'mark', (list.selection.length > 0 ? true : false)); |
| | | } |
| | | |
| | |
| | | // also send search request to get the right messages |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | | |
| | | 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); |
| | |
| | | { |
| | | 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_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'); |
| | | } |
| | | } |
| | | 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); |
| | | }; |
| | |
| | | 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); |
| | | + (search ? '&_q='+urlencode(search) : '') |
| | | + (this.env.mailbox ? '&_mbox='+urlencode(this.env.mailbox) : ''), true); |
| | | } |
| | | |
| | | |
| | | // list messages of a specific mailbox |
| | | this.list_mailbox = function(mbox, page, sort) |
| | | { |
| | | this.last_selected = 0; |
| | | var add_url = ''; |
| | | var target = window; |
| | | |
| | |
| | | // also send search request to get the right messages |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | | |
| | | |
| | | // set page=1 if changeing to another mailbox |
| | | if (!page && mbox != this.env.mailbox) |
| | | if (!page && this.env.mailbox != mbox) |
| | | { |
| | | page = 1; |
| | | this.env.current_page = page; |
| | | if (this.message_list) |
| | | this.message_list.clear_selection(); |
| | | this.show_contentframe(false); |
| | | } |
| | | |
| | | |
| | | if (mbox != this.env.mailbox || (mbox == this.env.mailbox && !page && !sort)) |
| | | add_url += '&_refresh=1'; |
| | | |
| | | // unselect selected messages |
| | | this.last_selected = 0; |
| | | if (this.message_list) |
| | | this.message_list.clear_selection(); |
| | | |
| | | this.select_folder(mbox, this.env.mailbox); |
| | | this.env.mailbox = mbox; |
| | |
| | | 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'; |
| | | this.set_classname(rows[uid].obj, 'unread', true); |
| | | rowobj.addClass('unread'); |
| | | } |
| | | else if (!rows[uid].unread && rows[uid].classname.indexOf('unread')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*unread/, ''); |
| | | this.set_classname(rows[uid].obj, 'unread', false); |
| | | rowobj.removeClass('unread'); |
| | | } |
| | | |
| | | if (rows[uid].deleted && rows[uid].classname.indexOf('deleted')<0) |
| | | { |
| | | rows[uid].classname += ' deleted'; |
| | | this.set_classname(rows[uid].obj, 'deleted', true); |
| | | rowobj.addClass('deleted'); |
| | | } |
| | | else if (!rows[uid].deleted && rows[uid].classname.indexOf('deleted')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*deleted/, ''); |
| | | this.set_classname(rows[uid].obj, 'deleted', false); |
| | | rowobj.removeClass('deleted'); |
| | | } |
| | | |
| | | if (rows[uid].flagged && rows[uid].classname.indexOf('flagged')<0) |
| | | { |
| | | rows[uid].classname += ' flagged'; |
| | | this.set_classname(rows[uid].obj, 'flagged', true); |
| | | rowobj.addClass('flagged'); |
| | | } |
| | | else if (!rows[uid].flagged && rows[uid].classname.indexOf('flagged')>=0) |
| | | { |
| | | rows[uid].classname = rows[uid].classname.replace(/\s*flagged/, ''); |
| | | this.set_classname(rows[uid].obj, 'flagged', false); |
| | | rowobj.removeClass('flagged'); |
| | | } |
| | | |
| | | this.set_message_icon(uid); |
| | |
| | | lock = true; |
| | | this.set_busy(true, 'movingmessage'); |
| | | } |
| | | else if (!this.env.flag_for_deletion) |
| | | else |
| | | this.show_contentframe(false); |
| | | |
| | | // Hide message command buttons until a message is selected |
| | | this.enable_command('reply', 'reply-all', 'forward', 'delete', 'mark', 'print', false); |
| | | this.enable_command('reply', 'reply-all', 'forward', 'delete', 'mark', 'print', 'open', 'edit', 'viewsource', 'download', false); |
| | | |
| | | this._with_selected_messages('moveto', lock, add_url, (this.env.flag_for_deletion ? false : true)); |
| | | this._with_selected_messages('moveto', lock, add_url); |
| | | }; |
| | | |
| | | // delete selected messages from the current mailbox |
| | |
| | | |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!this.env.uid && !selection.length) |
| | | return; |
| | | return; |
| | | |
| | | // if there is a trash mailbox defined and we're not currently in it: |
| | | if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase() != String(this.env.trash_mailbox).toLowerCase()) |
| | | { |
| | | // if config is set to flag for deletion |
| | | if (this.env.flag_for_deletion) |
| | | this.mark_message('delete'); |
| | | // if there isn't a defined trash mailbox or we are in it |
| | | else if (!this.env.trash_mailbox || this.env.mailbox == this.env.trash_mailbox) |
| | | this.permanently_remove_messages(); |
| | | // if there is a trash mailbox defined and we're not currently in it |
| | | else { |
| | | // if shift was pressed delete it immediately |
| | | if (this.message_list && this.message_list.shiftkey) |
| | | { |
| | |
| | | else |
| | | this.move_messages(this.env.trash_mailbox); |
| | | } |
| | | // if there is a trash mailbox defined but we *are* in it: |
| | | else if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase() == String(this.env.trash_mailbox).toLowerCase()) |
| | | this.permanently_remove_messages(); |
| | | // if there isn't a defined trash mailbox and the config is set to flag for deletion |
| | | else if (!this.env.trash_mailbox && this.env.flag_for_deletion) |
| | | { |
| | | this.mark_message('delete'); |
| | | if(this.env.action=="show") |
| | | this.command('nextmessage','',this); |
| | | else if (selection.length == 1) |
| | | this.message_list.select_next(); |
| | | } |
| | | // if there isn't a defined trash mailbox and the config is set NOT to flag for deletion |
| | | else if (!this.env.trash_mailbox) |
| | | this.permanently_remove_messages(); |
| | | }; |
| | | |
| | | // delete the selected messages permanently |
| | |
| | | return; |
| | | |
| | | this.show_contentframe(false); |
| | | this._with_selected_messages('delete', false, '&_from='+(this.env.action ? this.env.action : ''), true); |
| | | this._with_selected_messages('delete', false, '&_from='+(this.env.action ? this.env.action : '')); |
| | | }; |
| | | |
| | | // Send a specifc request with UIDs of all selected messages |
| | |
| | | var selection = this.message_list.get_selection(); |
| | | var rows = this.message_list.rows; |
| | | var id; |
| | | for (var n=0; n<selection.length; n++) |
| | | { |
| | | for (var n=0; n<selection.length; n++) { |
| | | id = selection[n]; |
| | | a_uids[a_uids.length] = id; |
| | | |
| | | if (remove) |
| | | this.message_list.remove_row(id, (n == selection.length-1)); |
| | | else |
| | | { |
| | | this.set_message_status(id, 'deleted', true); |
| | | if (this.env.read_when_deleted) |
| | | this.set_message_status(id, 'unread', false); |
| | | this.set_message(id); |
| | | } |
| | | this.message_list.remove_row(id, (this.env.display_next && n == selection.length-1)); |
| | | } |
| | | // make sure there are no selected rows |
| | | if (!this.env.display_next) |
| | | this.message_list.clear_selection(); |
| | | } |
| | | |
| | | // also send search request to get the right messages |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | | |
| | | if (this.env.display_next && this.env.next_uid) |
| | | add_url += '&_next_uid='+this.env.next_uid; |
| | | |
| | | // send request to server |
| | | this.http_post(action, '_uid='+a_uids.join(',')+'&_mbox='+urlencode(this.env.mailbox)+add_url, lock); |
| | |
| | | uid = a_uids[i]; |
| | | if (rows[uid]) |
| | | { |
| | | this.set_message(uid, 'deleted', true); |
| | | if (rows[uid].unread) |
| | | r_uids[r_uids.length] = uid; |
| | | |
| | | if (this.env.skip_deleted) |
| | | this.message_list.remove_row(uid, (this.env.display_next && i == this.message_list.selection.length-1)); |
| | | else |
| | | this.set_message(uid, 'deleted', true); |
| | | } |
| | | } |
| | | |
| | | if (r_uids.length) |
| | | add_url = '&_ruid='+r_uids.join(','); |
| | | // make sure there are no selected rows |
| | | if (this.env.skip_deleted && !this.env.display_next && this.message_list) |
| | | this.message_list.clear_selection(); |
| | | |
| | | add_url = '&_from='+(this.env.action ? this.env.action : ''); |
| | | |
| | | if (r_uids.length) |
| | | add_url += '&_ruid='+r_uids.join(','); |
| | | |
| | | if (this.env.skip_deleted) { |
| | | // also send search request to get the right messages |
| | | if (this.env.search_request) |
| | | add_url += '&_search='+this.env.search_request; |
| | | if (this.env.display_next && this.env.next_uid) |
| | | add_url += '&_next_uid='+this.env.next_uid; |
| | | } |
| | | |
| | | this.http_post('mark', '_uid='+a_uids.join(',')+'&_flag=delete'+add_url); |
| | | return true; |
| | | }; |
| | |
| | | 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; |
| | | }; |
| | | |
| | | |
| | |
| | | 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_from = rcube_find_object('_from'); |
| | | 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.type == 'text' && !rcube_check_email(input_from.value, true)) |
| | | if (input_from.attr('type') == 'text' && !rcube_check_email(input_from.val(), true)) |
| | | { |
| | | alert(this.get_label('nosenderwarning')); |
| | | input_from.focus(); |
| | |
| | | } |
| | | |
| | | // 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')); |
| | |
| | | return false; |
| | | } |
| | | |
| | | // check if all files has been uploaded |
| | | for (var key in this.env.attachments) { |
| | | if (typeof this.env.attachments[key] == 'object' && !this.env.attachments[key].complete) { |
| | | alert(this.get_label('notuploadedwarning')); |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | // 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(this.env.composebody)) |
| | | && input_message.val() == '' && !confirm(this.get_label('nobodywarning'))) |
| | | { |
| | | input_message.focus(); |
| | | return false; |
| | | } |
| | | else if (window.tinyMCE && tinyMCE.get('compose-body') && !tinyMCE.get('compose-body').getContent() && !confirm(this.get_label('nobodywarning'))) |
| | | else if (window.tinyMCE && tinyMCE.get(this.env.composebody) |
| | | && !tinyMCE.get(this.env.composebody).getContent() |
| | | && !confirm(this.get_label('nobodywarning'))) |
| | | { |
| | | tinyMCE.get('compose-body').focus(); |
| | | tinyMCE.get(this.env.composebody).focus(); |
| | | return false; |
| | | } |
| | | |
| | | // Apply spellcheck changes if spell checker is active |
| | | this.stop_spellchecking(); |
| | | |
| | | // move body from html editor to textarea (just to be sure, #1485860) |
| | | if (window.tinyMCE && tinyMCE.get(this.env.composebody)) |
| | | tinyMCE.triggerSave(); |
| | | |
| | | return true; |
| | | }; |
| | |
| | | this.stop_spellchecking = function() |
| | | { |
| | | if (this.env.spellcheck && !this.spellcheck_ready) { |
| | | exec_event(this.env.spellcheck.check_link, 'click'); |
| | | $(this.env.spellcheck.spell_span).trigger('click'); |
| | | this.set_spellcheck_state('ready'); |
| | | } |
| | | }; |
| | |
| | | // 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.env.spellcheck.spell_container).css('visibility', vis ? 'visible' : 'hidden'); |
| | | } |
| | | }; |
| | | |
| | | this.set_spellcheck_state = function(s) |
| | | { |
| | | this.spellcheck_ready = (s=='check_spelling' || s=='ready'); |
| | | this.spellcheck_ready = (s == 'ready' || s == 'no_error_found'); |
| | | 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.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(this.env.composebody); |
| | | if (editor) |
| | | str += editor.getContent(); |
| | | else |
| | | { |
| | | input_message = rcube_find_object('_message'); |
| | | str += input_message.value; |
| | | } |
| | | |
| | | str += $("[name='_message']").val(); |
| | | |
| | | if (this.env.attachments) |
| | | for (var upload_id in this.env.attachments) |
| | | str += upload_id; |
| | | |
| | | if (save) |
| | | this.cmp_hash = str; |
| | | |
| | | |
| | | return str; |
| | | }; |
| | | |
| | | this.change_identity = function(obj) |
| | | { |
| | | this.change_identity = function(obj, show_sig) |
| | | { |
| | | if (!obj || !obj.options) |
| | | return false; |
| | | |
| | | if (!show_sig) |
| | | show_sig = this.env.show_sig; |
| | | |
| | | 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 sig, p; |
| | | var input_message = $("[name='_message']"); |
| | | var message = input_message.val(); |
| | | var is_html = ($("input[name='_is_html']").val() == '1'); |
| | | var sig_separator = this.env.sig_above && (this.env.compose_mode == 'reply' || this.env.compose_mode == 'forward') ? '---' : '-- '; |
| | | var sig, cursor_pos, p = -1; |
| | | |
| | | if (!this.env.identity) |
| | | this.env.identity = id |
| | | |
| | | if (!is_html) |
| | | { |
| | | // remove the 'old' signature |
| | | if (this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) |
| | | { |
| | | 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; |
| | | |
| | | p = message.lastIndexOf(sig); |
| | | if (p>=0) |
| | | 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]) |
| | | { |
| | | sig = this.env.signatures[id]['text']; |
| | | if (this.env.signatures[id]['is_html']) |
| | | { |
| | | sig = this.env.signatures[id]['plain_text']; |
| | | } |
| | | if (sig.indexOf('-- ')!=0) |
| | | sig = '-- \n'+sig; |
| | | message += '\n\n'+sig; |
| | | } |
| | | } |
| | | // enable manual signature insert |
| | | if (this.env.signatures && this.env.signatures[id]) |
| | | this.enable_command('insert-sig', true); |
| | | else |
| | | { |
| | | var editor = tinyMCE.get('compose-body'); |
| | | this.enable_command('insert-sig', false); |
| | | |
| | | if (this.env.signatures) |
| | | { |
| | | // Append the signature as a div within the body |
| | | var sigElem = editor.dom.get('_rc_sig'); |
| | | var newsig = ''; |
| | | var htmlsig = true; |
| | | if (!is_html) { |
| | | // remove the 'old' signature |
| | | if (show_sig && this.env.identity && this.env.signatures && this.env.signatures[this.env.identity]) { |
| | | sig = this.env.signatures[this.env.identity].is_html ? this.env.signatures[this.env.identity].plain_text : this.env.signatures[this.env.identity].text; |
| | | |
| | | if (sig.indexOf('-- ') != 0) |
| | | sig = sig_separator + '\n' + sig; |
| | | |
| | | if (!sigElem) |
| | | { |
| | | // add empty line before signature on IE |
| | | if (bw.ie) |
| | | editor.getBody().appendChild(editor.getDoc().createElement('br')); |
| | | p = this.env.sig_above ? message.indexOf(sig) : message.lastIndexOf(sig); |
| | | if (p >= 0) |
| | | message = message.substring(0, p) + message.substring(p+sig.length, message.length); |
| | | } |
| | | |
| | | sigElem = editor.getDoc().createElement('div'); |
| | | sigElem.setAttribute('id', '_rc_sig'); |
| | | editor.getBody().appendChild(sigElem); |
| | | // add the new signature string |
| | | if (show_sig && this.env.signatures && this.env.signatures[id]) { |
| | | sig = this.env.signatures[id]['is_html'] ? this.env.signatures[id]['plain_text'] : this.env.signatures[id]['text']; |
| | | if (sig.indexOf('-- ') != 0) |
| | | sig = sig_separator + '\n' + sig; |
| | | |
| | | if (this.env.sig_above) { |
| | | if (p >= 0) { // in place of removed signature |
| | | message = message.substring(0, p) + sig + message.substring(p, message.length); |
| | | cursor_pos = p - 1; |
| | | } |
| | | else if (pos = this.get_caret_pos(input_message.get(0))) { // at cursor position |
| | | message = message.substring(0, pos) + '\n' + sig + '\n\n' + message.substring(pos, message.length); |
| | | cursor_pos = pos; |
| | | } |
| | | else { // on top |
| | | cursor_pos = 0; |
| | | message = '\n\n' + sig + '\n\n' + message.replace(/^[\r\n]+/, ''); |
| | | } |
| | | } |
| | | else { |
| | | message = message.replace(/[\r\n]+$/, ''); |
| | | cursor_pos = !this.env.top_posting && message.length ? message.length+1 : 0; |
| | | message += '\n\n' + sig; |
| | | } |
| | | } |
| | | else |
| | | cursor_pos = this.env.top_posting ? 0 : message.length; |
| | | |
| | | if (this.env.signatures[id]) |
| | | { |
| | | newsig = this.env.signatures[id]['text']; |
| | | htmlsig = this.env.signatures[id]['is_html']; |
| | | } |
| | | input_message.val(message); |
| | | |
| | | // move cursor before the signature |
| | | this.set_caret_pos(input_message.get(0), cursor_pos); |
| | | } |
| | | else if (is_html && show_sig && this.env.signatures) { // html |
| | | var editor = tinyMCE.get(this.env.composebody); |
| | | var sigElem = editor.dom.get('_rc_sig'); |
| | | |
| | | if (htmlsig) |
| | | sigElem.innerHTML = newsig; |
| | | else |
| | | sigElem.innerHTML = '<pre>' + newsig + '</pre>'; |
| | | // Append the signature as a div within the body |
| | | if (!sigElem) { |
| | | var body = editor.getBody(); |
| | | var doc = editor.getDoc(); |
| | | |
| | | sigElem = doc.createElement('div'); |
| | | sigElem.setAttribute('id', '_rc_sig'); |
| | | |
| | | if (this.env.sig_above) { |
| | | // if no existing sig and top posting then insert at caret pos |
| | | editor.getWin().focus(); // correct focus in IE |
| | | |
| | | var node = editor.selection.getNode(); |
| | | if (node.nodeName == 'BODY') { |
| | | // no real focus, insert at start |
| | | body.insertBefore(sigElem, body.firstChild); |
| | | body.insertBefore(doc.createElement('br'), body.firstChild); |
| | | } |
| | | else { |
| | | body.insertBefore(sigElem, node.nextSibling); |
| | | body.insertBefore(doc.createElement('br'), node.nextSibling); |
| | | } |
| | | } |
| | | else { |
| | | if (bw.ie) // add empty line before signature on IE |
| | | body.appendChild(doc.createElement('br')); |
| | | |
| | | body.appendChild(sigElem); |
| | | } |
| | | } |
| | | |
| | | if (input_message) |
| | | input_message.value = message; |
| | | if (this.env.signatures[id]) { |
| | | if (this.env.signatures[id].is_html) { |
| | | sig = this.env.signatures[id].text; |
| | | if (this.env.signatures[id].plain_text.indexOf('-- ') != 0) |
| | | sig = sig_separator + '<br />' + sig; |
| | | } |
| | | else { |
| | | sig = this.env.signatures[id].text; |
| | | if (sig.indexOf('-- ') != 0) |
| | | sig = sig_separator + '\n' + sig; |
| | | sig = '<pre>' + sig + '</pre>'; |
| | | } |
| | | |
| | | sigElem.innerHTML = sig; |
| | | } |
| | | } |
| | | |
| | | 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 |
| | |
| | | } |
| | | else // for standards-compilant browsers |
| | | { |
| | | var frame = document.createElement('IFRAME'); |
| | | var frame = document.createElement('iframe'); |
| | | frame.name = frame_name; |
| | | frame.style.border = 'none'; |
| | | frame.style.width = 0; |
| | |
| | | document.body.appendChild(frame); |
| | | } |
| | | |
| | | // handle upload errors, parsing iframe content in onload |
| | | var fr = document.getElementsByName(frame_name)[0]; |
| | | $(fr).bind('load', {ts:ts}, function(e) { |
| | | var content = ''; |
| | | try { |
| | | if (this.contentDocument) { |
| | | var d = this.contentDocument; |
| | | } else if (this.contentWindow) { |
| | | var d = this.contentWindow.document; |
| | | } |
| | | content = d.childNodes[0].innerHTML; |
| | | } catch (e) {} |
| | | |
| | | if (!String(content).match(/add2attachment/) && (!bw.opera || (rcmail.env.uploadframe && rcmail.env.uploadframe == e.data.ts))) { |
| | | rcmail.display_message(rcmail.get_label('fileuploaderror'), 'error'); |
| | | rcmail.remove_from_attachment_list(e.data.ts); |
| | | } |
| | | // Opera hack: handle double onload |
| | | if (bw.opera) |
| | | rcmail.env.uploadframe = e.data.ts; |
| | | }); |
| | | |
| | | form.target = frame_name; |
| | | form.action = this.env.comm_path+'&_action=upload'; |
| | | form.action = this.env.comm_path+'&_action=upload&_uploadid='+ts; |
| | | form.setAttribute('enctype', 'multipart/form-data'); |
| | | form.submit(); |
| | | |
| | | // hide upload form |
| | | this.show_attachment_form(false); |
| | | // display upload indicator and cancel button |
| | | var content = this.get_label('uploading'); |
| | | if (this.env.loadingicon) |
| | | content = '<img src="'+this.env.loadingicon+'" alt="" />'+content; |
| | | if (this.env.cancelicon) |
| | | content = '<a title="'+this.get_label('cancel')+'" onclick="return rcmail.cancel_attachment_upload(\''+ts+'\', \''+frame_name+'\');" href="#cancelupload"><img src="'+this.env.cancelicon+'" alt="" /></a>'+content; |
| | | this.add2attachment_list(ts, { name:'', html:content, complete:false }); |
| | | } |
| | | |
| | | // set reference to the form object |
| | |
| | | |
| | | // add file name to attachment list |
| | | // called from upload page |
| | | this.add2attachment_list = function(name, content) |
| | | { |
| | | this.add2attachment_list = function(name, att, upload_id) |
| | | { |
| | | if (!this.gui_objects.attachmentlist) |
| | | return false; |
| | | |
| | | var li = document.createElement('LI'); |
| | | li.id = name; |
| | | li.innerHTML = content; |
| | | this.gui_objects.attachmentlist.appendChild(li); |
| | | |
| | | var li = $('<li>').attr('id', name).html(att.html); |
| | | var indicator; |
| | | |
| | | // replace indicator's li |
| | | if (upload_id && (indicator = document.getElementById(upload_id))) { |
| | | li.replaceAll(indicator); |
| | | } |
| | | else { // add new li |
| | | li.appendTo(this.gui_objects.attachmentlist); |
| | | } |
| | | |
| | | if (upload_id && this.env.attachments[upload_id]) |
| | | delete this.env.attachments[upload_id]; |
| | | |
| | | this.env.attachments[name] = att; |
| | | |
| | | return true; |
| | | }; |
| | | }; |
| | | |
| | | this.remove_from_attachment_list = function(name) |
| | | { |
| | | { |
| | | if (this.env.attachments[name]) |
| | | delete this.env.attachments[name]; |
| | | |
| | | if (!this.gui_objects.attachmentlist) |
| | | return false; |
| | | |
| | |
| | | for (i=0;i<list.length;i++) |
| | | if (list[i].id == name) |
| | | this.gui_objects.attachmentlist.removeChild(list[i]); |
| | | }; |
| | | }; |
| | | |
| | | this.remove_attachment = function(name) |
| | | { |
| | | if (name) |
| | | if (name && this.env.attachments[name]) |
| | | this.http_post('remove-attachment', '_file='+urlencode(name)); |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | this.cancel_attachment_upload = function(name, frame_name) |
| | | { |
| | | if (!name || !frame_name) |
| | | return false; |
| | | |
| | | this.remove_from_attachment_list(name); |
| | | $("iframe[name='"+frame_name+"']").remove(); |
| | | return false; |
| | | }; |
| | | |
| | | // send remote request to add a new contact |
| | |
| | | }; |
| | | |
| | | // send remote request to search mail or contacts |
| | | this.qsearch = function(value, addurl) |
| | | this.qsearch = function(value) |
| | | { |
| | | if (value != '') |
| | | { |
| | | if (this.message_list) |
| | | var addurl = ''; |
| | | if (this.message_list) { |
| | | this.message_list.clear(); |
| | | else if (this.contact_list) { |
| | | if (this.env.search_mods) { |
| | | var mods = this.env.search_mods[this.env.mailbox] ? this.env.search_mods[this.env.mailbox] : this.env.search_mods['*']; |
| | | if (mods) { |
| | | var head_arr = new Array(); |
| | | for (var n in mods) |
| | | head_arr.push(n); |
| | | addurl += '&_headers='+head_arr.join(','); |
| | | } |
| | | } |
| | | } 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; |
| | | addurl += '&_filter=' + this.gui_objects.search_filter.value; |
| | | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | |
| | | |
| | | highlight = document.getElementById('rcmksearchSelected'); |
| | | if (!highlight) |
| | | highlight = this.ksearch_pane.ul.firstChild; |
| | | highlight = this.ksearch_pane.__ul.firstChild; |
| | | |
| | | if (highlight) |
| | | this.ksearch_select(dir ? highlight.previousSibling : highlight.nextSibling); |
| | |
| | | case 27: // escape |
| | | this.ksearch_hide(); |
| | | break; |
| | | |
| | | |
| | | case 37: // left |
| | | case 39: // right |
| | | if (mod != SHIFT_KEY) |
| | | return; |
| | | } |
| | | |
| | | // start timer |
| | |
| | | |
| | | this.ksearch_select = function(node) |
| | | { |
| | | var current = document.getElementById('rcmksearchSelected'); |
| | | if (current && node) { |
| | | current.removeAttribute('id'); |
| | | this.set_classname(current, 'selected', false); |
| | | var current = $('#rcmksearchSelected'); |
| | | if (current[0] && node) { |
| | | current.removeAttr('id').removeClass('selected'); |
| | | } |
| | | |
| | | if (node) { |
| | | node.setAttribute('id', 'rcmksearchSelected'); |
| | | this.set_classname(node, 'selected', true); |
| | | $(node).attr('id', 'rcmksearchSelected').addClass('selected'); |
| | | this.ksearch_selected = node._rcm_id; |
| | | } |
| | | }; |
| | |
| | | return; |
| | | |
| | | // get cursor pos |
| | | var inp_value = this.ksearch_input.value.toLowerCase(); |
| | | var inp_value = this.ksearch_input.value; |
| | | 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) |
| | |
| | | if (inp_value === null) |
| | | return; |
| | | |
| | | if (this.ksearch_pane && this.ksearch_pane.visible) |
| | | this.ksearch_pane.show(0); |
| | | 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); |
| | |
| | | var q = inp_value.substring(p+1, cpos); |
| | | |
| | | // trim query string |
| | | q = q.replace(/(^\s+|\s+$)/g, '').toLowerCase(); |
| | | q = q.replace(/(^\s+|\s+$)/g, ''); |
| | | |
| | | // Don't (re-)search if string is empty or if the last results are still active |
| | | if (!q.length || q == this.ksearch_value) |
| | | return; |
| | | |
| | | // Don't (re-)search if the last results are still active |
| | | if (q == this.ksearch_value) |
| | | return; |
| | | |
| | | var old_value = this.ksearch_value; |
| | | this.ksearch_value = q; |
| | | |
| | | // ...string is empty |
| | | if (!q.length) |
| | | return; |
| | | |
| | | // ...new search value contains old one and previous search result was empty |
| | | if (old_value && old_value.length && this.env.contacts && !this.env.contacts.length && q.indexOf(old_value) == 0) |
| | | return; |
| | | |
| | | this.display_message(this.get_label('searching'), 'loading', true); |
| | | this.http_post('autocomplete', '_search='+q); |
| | | this.http_post('autocomplete', '_search='+urlencode(q)); |
| | | }; |
| | | |
| | | this.ksearch_query_results = function(results) |
| | | this.ksearch_query_results = function(results, search) |
| | | { |
| | | // ignore this outdated search response |
| | | if (this.ksearch_value && search != this.ksearch_value) |
| | | return; |
| | | |
| | | this.hide_message(); |
| | | this.env.contacts = results ? results : []; |
| | | |
| | | var result_ids = new Array(); |
| | | var c=0; |
| | | for (var i=0; i < this.env.contacts.length; i++) { |
| | | result_ids[c++] = i; |
| | | if (c == 15) // limit search results |
| | | break; |
| | | } |
| | | |
| | | this.ksearch_display_results(this.env.contacts, result_ids, c); |
| | | this.ksearch_display_results(this.env.contacts); |
| | | }; |
| | | |
| | | this.ksearch_display_results = function (a_results, a_result_ids, c) |
| | | this.ksearch_display_results = function (a_results) |
| | | { |
| | | // display search results |
| | | if (c && a_results.length && this.ksearch_input) { |
| | | var p, ul, li; |
| | | if (a_results.length && this.ksearch_input && this.ksearch_value) { |
| | | var p, ul, li, s_val = this.ksearch_value; |
| | | |
| | | // 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; |
| | | 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]; |
| | | } |
| | | else |
| | | ul = this.ksearch_pane.ul; |
| | | |
| | | // 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++) { |
| | | li = document.createElement('LI'); |
| | | li.innerHTML = a_results[i].replace(new RegExp('('+this.ksearch_value+')', 'ig'), '##$1%%').replace(/</g, '<').replace(/>/g, '>').replace(/##([^%]+)%%/g, '<b>$1</b>'); |
| | | li.innerHTML = a_results[i].replace(new RegExp('('+s_val+')', '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 = a_result_ids[i]; |
| | | 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_click = function(node) |
| | | { |
| | | if (this.ksearch_input) |
| | | this.ksearch_input.focus(); |
| | | |
| | | this.insert_recipient(node._rcm_id); |
| | | this.ksearch_hide(); |
| | | |
| | | if (ref.ksearch_input) |
| | | this.ksearch_input.focus(); |
| | | }; |
| | | |
| | | this.ksearch_blur = function() |
| | |
| | | this.ksearch_selected = null; |
| | | |
| | | if (this.ksearch_pane) |
| | | this.ksearch_pane.show(0); |
| | | this.ksearch_pane.hide(); |
| | | }; |
| | | |
| | | |
| | |
| | | }; |
| | | |
| | | // update a contact record in the list |
| | | this.update_contact_row = function(cid, cols_arr) |
| | | { |
| | | this.update_contact_row = function(cid, cols_arr, newcid) |
| | | { |
| | | 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; |
| | | // cid change |
| | | if (newcid) { |
| | | row.id = 'rcmrow' + newcid; |
| | | this.contact_list.remove_row(cid); |
| | | this.contact_list.init_row(row); |
| | | this.contact_list.selection[0] = newcid; |
| | | row.style.display = ''; |
| | | } |
| | | |
| | | return true; |
| | | } |
| | | |
| | | return false; |
| | | }; |
| | | |
| | | // add row to contacts list |
| | | this.add_contact_row = function(cid, cols, select) |
| | | { |
| | | if (!this.gui_objects.contactslist || !this.gui_objects.contactslist.tBodies[0]) |
| | | return false; |
| | | |
| | | var tbody = this.gui_objects.contactslist.tBodies[0]; |
| | | var rowcount = tbody.rows.length; |
| | | var even = rowcount%2; |
| | | |
| | | var row = document.createElement('tr'); |
| | | row.id = 'rcmrow'+cid; |
| | | row.className = 'contact '+(even ? 'even' : 'odd'); |
| | | |
| | | if (this.contact_list.in_selection(cid)) |
| | | row.className += ' selected'; |
| | | |
| | | // add each submitted col |
| | | for (var c in cols) { |
| | | col = document.createElement('td'); |
| | | col.className = String(c).toLowerCase(); |
| | | col.innerHTML = cols[c]; |
| | | row.appendChild(col); |
| | | } |
| | | |
| | | this.contact_list.insert_row(row); |
| | | |
| | | this.enable_command('export', (this.contact_list.rowcount > 0)); |
| | | }; |
| | | |
| | | |
| | |
| | | this.subscription_list.addEventListener('dragend', function(o){ p.subscription_move_folder(o); }); |
| | | this.subscription_list.row_init = function (row) |
| | | { |
| | | var anchors = row.obj.getElementsByTagName('A'); |
| | | var anchors = row.obj.getElementsByTagName('a'); |
| | | if (anchors[0]) |
| | | anchors[0].onclick = function() { p.rename_folder(row.id); return false; }; |
| | | if (anchors[1]) |
| | |
| | | this.subscription_list.init(); |
| | | } |
| | | |
| | | // preferences section select and load options frame |
| | | this.section_select = function(list) |
| | | { |
| | | var id = list.get_single_selection(); |
| | | |
| | | if (id) { |
| | | var add_url = ''; |
| | | var target = window; |
| | | this.set_busy(true); |
| | | |
| | | if (this.env.contentframe && window.frames && window.frames[this.env.contentframe]) { |
| | | add_url = '&_framed=1'; |
| | | target = window.frames[this.env.contentframe]; |
| | | } |
| | | target.location.href = this.env.comm_path+'&_action=edit-prefs&_section='+id+add_url; |
| | | } |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | this.identity_select = function(list) |
| | | { |
| | | var id; |
| | |
| | | this.load_identity(id, 'edit-identity'); |
| | | }; |
| | | |
| | | // load contact record |
| | | // load identity record |
| | | this.load_identity = function(id, action) |
| | | { |
| | | if (action=='edit-identity' && (!id || id==this.env.iid)) |
| | |
| | | if (!id) |
| | | id = this.env.iid ? this.env.iid : selection[0]; |
| | | |
| | | // if (this.env.framed && id) |
| | | this.goto_url('delete-identity', '_iid='+id, true); |
| | | // append token to request |
| | | this.goto_url('delete-identity', '_iid='+id+'&_token='+this.env.request_token, true); |
| | | |
| | | return true; |
| | | }; |
| | | |
| | |
| | | (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) |
| | |
| | | if (id && this.env.subscriptionrows[id] && (row = document.getElementById(id))) |
| | | { |
| | | var reg = new RegExp('.*['+RegExp.escape(this.env.delimiter)+']'); |
| | | this.name_input = document.createElement('INPUT'); |
| | | this.name_input = document.createElement('input'); |
| | | this.name_input.type = 'text'; |
| | | 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, ''); |
| | |
| | | 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; |
| | | }; |
| | |
| | | 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(''); |
| | | } |
| | | }; |
| | | |
| | |
| | | if (!this.gui_objects.subscriptionlist) |
| | | return false; |
| | | |
| | | // find not protected folder |
| | | for (var refid in this.env.subscriptionrows) |
| | | if (this.env.subscriptionrows[refid]!=null && !this.env.subscriptionrows[refid][2]) |
| | | // find not protected folder |
| | | var refid; |
| | | for (var rid in this.env.subscriptionrows) |
| | | if (this.env.subscriptionrows[rid]!=null && !this.env.subscriptionrows[rid][2]) { |
| | | refid = rid; |
| | | break; |
| | | } |
| | | |
| | | var refrow, form; |
| | | var tbody = this.gui_objects.subscriptionlist.tBodies[0]; |
| | |
| | | refid = replace.id; |
| | | } |
| | | |
| | | if (!id || !(refrow = document.getElementById(refid))) |
| | | if (!id || !refid || !(refrow = document.getElementById(refid))) |
| | | { |
| | | // Refresh page if we don't have a table row to clone |
| | | this.goto_url('folders'); |
| | | return false; |
| | | } |
| | | else |
| | | { |
| | |
| | | // set messages count to zero |
| | | if (!replace) |
| | | row.cells[1].innerHTML = '*'; |
| | | |
| | | if (!replace && row.cells[2] && row.cells[2].firstChild.tagName=='INPUT') |
| | | |
| | | if (!replace && row.cells[2] && row.cells[2].firstChild.tagName.toLowerCase()=='input') |
| | | { |
| | | row.cells[2].firstChild.value = name; |
| | | row.cells[2].firstChild.checked = true; |
| | |
| | | this.clone_table_row = function(row) |
| | | { |
| | | var cell, td; |
| | | var new_row = document.createElement('TR'); |
| | | var new_row = document.createElement('tr'); |
| | | for(var n=0; n<row.cells.length; n++) |
| | | { |
| | | cell = row.cells[n]; |
| | | td = document.createElement('TD'); |
| | | td = document.createElement('td'); |
| | | |
| | | if (cell.className) |
| | | td.className = cell.className; |
| | |
| | | |
| | | // eable/disable buttons for page shifting |
| | | this.set_page_buttons = function() |
| | | { |
| | | { |
| | | this.enable_command('nextpage', (this.env.pagecount > this.env.current_page)); |
| | | this.enable_command('lastpage', (this.env.pagecount > this.env.current_page)); |
| | | this.enable_command('previouspage', (this.env.current_page > 1)); |
| | | this.enable_command('firstpage', (this.env.current_page > 1)); |
| | | }; |
| | | |
| | | // set event handlers on registered buttons |
| | | this.init_buttons = function() |
| | | { |
| | | for (var cmd in this.buttons) { |
| | | if (typeof cmd != 'string') |
| | | continue; |
| | | |
| | | for (var i=0; i< this.buttons[cmd].length; i++) { |
| | | var prop = this.buttons[cmd][i]; |
| | | var elm = document.getElementById(prop.id); |
| | | if (!elm) |
| | | continue; |
| | | |
| | | var preload = false; |
| | | if (prop.type == 'image') { |
| | | elm = elm.parentNode; |
| | | preload = true; |
| | | } |
| | | |
| | | elm._command = cmd; |
| | | elm._id = prop.id; |
| | | if (prop.sel) { |
| | | elm.onmousedown = function(e){ return rcmail.button_sel(this._command, this._id); }; |
| | | elm.onmouseup = function(e){ return rcmail.button_out(this._command, this._id); }; |
| | | if (preload) |
| | | new Image().src = prop.sel; |
| | | } |
| | | if (prop.over) { |
| | | elm.onmouseover = function(e){ return rcmail.button_over(this._command, this._id); }; |
| | | elm.onmouseout = function(e){ return rcmail.button_out(this._command, this._id); }; |
| | | if (preload) |
| | | new Image().src = prop.over; |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // set button to a specific state |
| | | this.set_button = function(command, state) |
| | |
| | | if (button.type=='image' && obj) |
| | | { |
| | | obj.setAttribute('alt', this.get_label(label)); |
| | | if ((link = obj.parentNode) && link.tagName == 'A') |
| | | if ((link = obj.parentNode) && link.tagName.toLowerCase() == 'a') |
| | | link.setAttribute('title', this.get_label(label)); |
| | | } |
| | | else if (obj) |
| | |
| | | |
| | | // mouse over button |
| | | this.button_over = function(command, id) |
| | | { |
| | | { |
| | | var a_buttons = this.buttons[command]; |
| | | var button, img; |
| | | var button, elm; |
| | | |
| | | if(!a_buttons || !a_buttons.length) |
| | | return false; |
| | | |
| | | for(var n=0; n<a_buttons.length; n++) |
| | | { |
| | | { |
| | | button = a_buttons[n]; |
| | | if(button.id==id && button.status=='act') |
| | | { |
| | | img = document.getElementById(button.id); |
| | | if (img && button.over) |
| | | img.src = button.over; |
| | | { |
| | | elm = document.getElementById(button.id); |
| | | if (elm && button.over) { |
| | | if (button.type == 'image') |
| | | elm.src = button.over; |
| | | else |
| | | elm.className = button.over; |
| | | } |
| | | } |
| | | |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | // mouse down on button |
| | | this.button_sel = function(command, id) |
| | | { |
| | | { |
| | | var a_buttons = this.buttons[command]; |
| | | var button, img; |
| | | var button, elm; |
| | | |
| | | if(!a_buttons || !a_buttons.length) |
| | | return; |
| | | |
| | | for(var n=0; n<a_buttons.length; n++) |
| | | { |
| | | { |
| | | button = a_buttons[n]; |
| | | if(button.id==id && button.status=='act') |
| | | { |
| | | img = document.getElementById(button.id); |
| | | if (img && button.sel) |
| | | img.src = button.sel; |
| | | { |
| | | elm = document.getElementById(button.id); |
| | | if (elm && button.sel) { |
| | | if (button.type == 'image') |
| | | elm.src = button.sel; |
| | | else |
| | | elm.className = button.sel; |
| | | } |
| | | this.buttons_sel[id] = command; |
| | | } |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | // mouse out of button |
| | | this.button_out = function(command, id) |
| | | { |
| | | { |
| | | var a_buttons = this.buttons[command]; |
| | | var button, img; |
| | | var button, elm; |
| | | |
| | | if(!a_buttons || !a_buttons.length) |
| | | return; |
| | | |
| | | for(var n=0; n<a_buttons.length; n++) |
| | | { |
| | | { |
| | | button = a_buttons[n]; |
| | | if(button.id==id && button.status=='act') |
| | | { |
| | | img = document.getElementById(button.id); |
| | | if (img && button.act) |
| | | img.src = button.act; |
| | | { |
| | | elm = document.getElementById(button.id); |
| | | if (elm && button.act) { |
| | | if (button.type == 'image') |
| | | elm.src = button.act; |
| | | else |
| | | elm.className = button.act; |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // set/unset a specific class name |
| | | this.set_classname = function(obj, classname, set) |
| | | { |
| | | var reg = new RegExp('\s*'+classname, 'i'); |
| | | if (!set && obj.className.match(reg)) |
| | | obj.className = obj.className.replace(reg, ''); |
| | | else if (set && !obj.className.match(reg)) |
| | | obj.className += ' '+classname; |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | // write to the document/window title |
| | | this.set_pagetitle = function(title) |
| | |
| | | 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 |
| | |
| | | { |
| | | 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'); |
| | | } |
| | | |
| | | // trigger event hook |
| | | this.triggerEvent('selectfolder', { folder:name, old:old }); |
| | | } |
| | | }; |
| | | |
| | |
| | | { |
| | | if (this.gui_objects.folderlist) |
| | | { |
| | | name = String(name).replace(this.identifier_expr, ''); |
| | | name = String(name).replace(this.identifier_expr, '_'); |
| | | return document.getElementById('rcmli'+name); |
| | | } |
| | | |
| | |
| | | if ((cell = thead.rows[0].cells[n+1]) && (col=='from' || col=='to')) |
| | | { |
| | | // if we have links for sorting, it's a bit more complicated... |
| | | if (cell.firstChild && cell.firstChild.tagName=='A') |
| | | if (cell.firstChild && cell.firstChild.tagName.toLowerCase()=='a') |
| | | { |
| | | cell.firstChild.innerHTML = this.get_label(this.coltypes[n]); |
| | | cell.firstChild.onclick = function(){ return rcmail.command('sort', this.__col, this); }; |
| | |
| | | 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, |
| | | forwarded:flags.forwarded?1:0, |
| | | flagged:flags.flagged?1:0}; |
| | | |
| | | var row = document.createElement('TR'); |
| | | row.id = 'rcmrow'+uid; |
| | | row.className = 'message' |
| | | + (even ? ' even' : ' odd') |
| | | 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' : ''); |
| | | + (flags.deleted ? ' deleted' : '') |
| | | + (flags.flagged ? ' flagged' : '') |
| | | + (this.message_list.in_selection(uid) ? ' selected' : ''); |
| | | |
| | | if (this.message_list.in_selection(uid)) |
| | | row.className += ' selected'; |
| | | |
| | | // for performance use DOM instead of jQuery here |
| | | var row = document.createElement('tr'); |
| | | row.id = 'rcmrow'+uid; |
| | | row.className = css_class; |
| | | |
| | | var icon = this.env.messageicon; |
| | | if (flags.deleted && this.env.deletedicon) |
| | | icon = this.env.deletedicon; |
| | |
| | | else if(flags.unread && this.env.unreadicon) |
| | | icon = this.env.unreadicon; |
| | | |
| | | var col = document.createElement('TD'); |
| | | // 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 = 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(!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="" />' : ' '; |
| | | col.innerHTML = (attachment && this.env.attachmenticon ? '<img src="'+this.env.attachmenticon+'" alt="" />' : ' '); |
| | | else |
| | | col.innerHTML = cols[c]; |
| | | |
| | |
| | | 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); |
| | | 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 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) { |
| | | if (typeof(content) == 'object') |
| | | this.percent_indicator(this.gui_objects.quotadisplay, content); |
| | | else |
| | | $(this.gui_objects.quotadisplay).html(content); |
| | | } |
| | | }; |
| | | |
| | | // update the mailboxlist |
| | |
| | | { |
| | | // add children's counters |
| | | for (var k in this.env.unread_counts) |
| | | if (k.indexOf(mbox + this.env.delimiter) == 0) { |
| | | if (k.indexOf(mbox + this.env.delimiter) == 0) |
| | | childcount += this.env.unread_counts[k]; |
| | | } |
| | | } |
| | | |
| | | if (mycount && text_obj.innerHTML.match(reg)) |
| | |
| | | this.set_unread_count_display(mbox.replace(reg, ''), false); |
| | | |
| | | // set the right classes |
| | | this.set_classname(item, 'unread', (mycount+childcount)>0 ? true : false); |
| | | if ((mycount+childcount)>0) |
| | | $(item).addClass('unread'); |
| | | else |
| | | $(item).removeClass('unread'); |
| | | } |
| | | |
| | | // set unread count to window title |
| | |
| | | window.focus(); |
| | | } |
| | | |
| | | // add row to contacts list |
| | | this.add_contact_row = function(cid, cols, select) |
| | | { |
| | | if (!this.gui_objects.contactslist || !this.gui_objects.contactslist.tBodies[0]) |
| | | return false; |
| | | |
| | | var tbody = this.gui_objects.contactslist.tBodies[0]; |
| | | var rowcount = tbody.rows.length; |
| | | var even = rowcount%2; |
| | | |
| | | var row = document.createElement('TR'); |
| | | row.id = 'rcmrow'+cid; |
| | | row.className = 'contact '+(even ? 'even' : 'odd'); |
| | | |
| | | if (this.contact_list.in_selection(cid)) |
| | | row.className += ' selected'; |
| | | |
| | | // add each submitted col |
| | | for (var c in cols) |
| | | { |
| | | col = document.createElement('TD'); |
| | | col.className = String(c).toLowerCase(); |
| | | col.innerHTML = cols[c]; |
| | | row.appendChild(col); |
| | | } |
| | | |
| | | this.contact_list.insert_row(row); |
| | | this.enable_command('export', (this.contact_list.rowcount > 0)); |
| | | }; |
| | | |
| | | this.toggle_prefer_html = function(checkbox) |
| | | { |
| | | var addrbook_show_images; |
| | |
| | | |
| | | // display fetched raw headers |
| | | this.set_headers = function(content) |
| | | { |
| | | if (this.gui_objects.all_headers_row && this.gui_objects.all_headers_box && content) |
| | | { |
| | | var box = this.gui_objects.all_headers_box; |
| | | box.innerHTML = content; |
| | | box.style.display = 'block'; |
| | | { |
| | | 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); |
| | | 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; |
| | | |
| | | this.set_classname(elem, 'show-headers', false); |
| | | this.set_classname(elem, 'hide-headers', true); |
| | | this.gui_objects.all_headers_row.style.display = bw.ie ? 'block' : 'table-row'; |
| | | $(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.display_message(this.get_label('loading'), 'loading', true); |
| | | this.http_post('headers', '_uid='+this.env.uid); |
| | | } |
| | | } |
| | |
| | | if (!this.gui_objects.all_headers_row || !this.gui_objects.all_headers_box) |
| | | return; |
| | | |
| | | this.set_classname(elem, 'hide-headers', false); |
| | | this.set_classname(elem, 'show-headers', true); |
| | | this.gui_objects.all_headers_row.style.display = 'none'; |
| | | $(elem).removeClass('hide-headers').addClass('show-headers'); |
| | | $(this.gui_objects.all_headers_row).hide(); |
| | | elem.onclick = function() { rcmail.load_headers(elem); } |
| | | } |
| | | |
| | | // percent (quota) indicator |
| | | this.percent_indicator = function(obj, data) |
| | | { |
| | | if (!data || !obj) |
| | | return false; |
| | | |
| | | var limit_high = 80; |
| | | var limit_mid = 55; |
| | | var width = data.width ? data.width : this.env.indicator_width ? this.env.indicator_width : 100; |
| | | var height = data.height ? data.height : this.env.indicator_height ? this.env.indicator_height : 14; |
| | | var quota = data.percent ? Math.abs(parseInt(data.percent)) : 0; |
| | | var quota_width = parseInt(quota / 100 * width); |
| | | var pos = $(obj).position(); |
| | | |
| | | this.env.indicator_width = width; |
| | | this.env.indicator_height = height; |
| | | |
| | | // overlimit |
| | | if (quota_width > width) { |
| | | quota_width = width; |
| | | quota = 100; |
| | | } |
| | | |
| | | // main div |
| | | var main = $('<div>'); |
| | | main.css({position: 'absolute', top: pos.top, left: pos.left, |
| | | width: width + 'px', height: height + 'px', zIndex: 100, lineHeight: height + 'px'}) |
| | | .attr('title', data.title).addClass('quota_text').html(quota + '%'); |
| | | // used bar |
| | | var bar1 = $('<div>'); |
| | | bar1.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, |
| | | width: quota_width + 'px', height: height + 'px', zIndex: 99}); |
| | | // background |
| | | var bar2 = $('<div>'); |
| | | bar2.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, |
| | | width: width + 'px', height: height + 'px', zIndex: 98}) |
| | | .addClass('quota_bg'); |
| | | |
| | | if (quota >= limit_high) { |
| | | main.addClass(' quota_text_high'); |
| | | bar1.addClass('quota_high'); |
| | | } |
| | | else if(quota >= limit_mid) { |
| | | main.addClass(' quota_text_mid'); |
| | | bar1.addClass('quota_mid'); |
| | | } |
| | | else { |
| | | main.addClass(' quota_text_normal'); |
| | | bar1.addClass('quota_low'); |
| | | } |
| | | |
| | | // replace quota image |
| | | obj.innerHTML = ''; |
| | | $(obj).append(bar1).append(bar2).append(main); |
| | | } |
| | | |
| | | /********************************************************/ |
| | | /********* html to text conversion functions *********/ |
| | |
| | | |
| | | this.html2plain = function(htmlText, id) |
| | | { |
| | | var http_request = new rcube_http_request(); |
| | | var url = this.env.bin_path+'html2text.php'; |
| | | var rcmail = this; |
| | | |
| | | this.set_busy(true, 'converting'); |
| | | console.log('HTTP POST: '+url); |
| | | |
| | | http_request.onerror = function(o) { rcmail.http_error(o); }; |
| | | http_request.oncomplete = function(o) { rcmail.set_text_value(o, id); }; |
| | | http_request.POST(url, htmlText, 'application/octet-stream'); |
| | | $.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.set_text_value = function(httpRequest, id) |
| | | this.plain2html = function(plainText, id) |
| | | { |
| | | this.set_busy(true, 'converting'); |
| | | $(document.getElementById(id)).val('<pre>'+plainText+'</pre>'); |
| | | this.set_busy(false); |
| | | document.getElementById(id).value = httpRequest.get_text(); |
| | | console.log(httpRequest.get_text()); |
| | | } |
| | | |
| | | |
| | |
| | | |
| | | if (this.env.framed && window.parent) |
| | | parent.location.href = url; |
| | | else |
| | | else |
| | | location.href = url; |
| | | }; |
| | | |
| | |
| | | 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 GET: ' + 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]; |
| | | } |
| | | |
| | | if (request_obj.__lock) |
| | | this.http_response = function(response) |
| | | { |
| | | var console_msg = ''; |
| | | |
| | | if (response.unlock) |
| | | this.set_busy(false); |
| | | |
| | | console.log(request_obj.get_text()); |
| | | // 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 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); |
| | | } |
| | | |
| | | // execute callback functions of plugins |
| | | if (response.callbacks && response.callbacks.length) { |
| | | for (var i=0; i < response.callbacks.length; i++) |
| | | this.triggerEvent(response.callbacks[i][0], response.callbacks[i][1]); |
| | | } |
| | | |
| | | // 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(); |
| | |
| | | } |
| | | |
| | | case 'moveto': |
| | | if (this.env.action == 'show') |
| | | this.command('list'); |
| | | else if (this.message_list) |
| | | if (this.env.action == 'show') { |
| | | // re-enable commands on move/delete error |
| | | this.enable_command('reply', 'reply-all', 'forward', 'delete', 'mark', 'print', 'open', 'edit', 'viewsource', 'download', true); |
| | | } else if (this.message_list) |
| | | this.message_list.init(); |
| | | break; |
| | | |
| | | case 'purge': |
| | | case 'expunge': |
| | | 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); |
| | | this.enable_command('show', 'reply', 'reply-all', 'forward', 'moveto', 'delete', |
| | | 'mark', 'viewsource', 'open', 'edit', 'download', 'print', 'load-attachment', |
| | | 'purge', 'expunge', 'select-all', 'select-none', 'sort', false); |
| | | } |
| | | break; |
| | | |
| | |
| | | case 'getunread': |
| | | case 'list': |
| | | if (this.task == 'mail') { |
| | | if (this.message_list && request_obj.__action == 'list') |
| | | 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()); |
| | | |
| | | if (response.action == 'list') |
| | | this.triggerEvent('listupdate', { folder:this.env.mailbox, rowcount:this.message_list.rowcount }); |
| | | } |
| | | else if (this.task == 'addressbook') |
| | | else if (this.task == 'addressbook') { |
| | | this.enable_command('export', (this.contact_list && this.contact_list.rowcount > 0)); |
| | | |
| | | |
| | | if (response.action == 'list') |
| | | this.triggerEvent('listupdate', { folder:this.env.source, rowcount:this.contact_list.rowcount }); |
| | | } |
| | | break; |
| | | } |
| | | |
| | | request_obj.reset(); |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | // handle HTTP request errors |
| | | this.http_error = function(request_obj) |
| | | this.http_error = function(request, status, err) |
| | | { |
| | | //alert('Error sending request: '+request_obj.url+' => HTTP '+request_obj.xmlhttp.status); |
| | | if (request_obj.__lock) |
| | | this.set_busy(false); |
| | | var errmsg = request.statusText; |
| | | |
| | | request_obj.reset(); |
| | | request_obj.__lock = false; |
| | | this.display_message('Unknown Server Error!', 'error'); |
| | | this.set_busy(false); |
| | | request.abort(); |
| | | |
| | | if (errmsg) |
| | | this.display_message(this.get_label('servererror') + ' (' + errmsg + ')', 'error'); |
| | | }; |
| | | |
| | | // use an image to send a keep-alive siganl to the server |
| | |
| | | }; |
| | | |
| | | // send periodic request to check for recent messages |
| | | this.check_for_recent = function(setbusy) |
| | | this.check_for_recent = function(refresh) |
| | | { |
| | | if (this.busy) |
| | | return; |
| | | |
| | | if (setbusy) |
| | | this.set_busy(true, 'checkingmail'); |
| | | var addurl = '_t=' + (new Date().getTime()); |
| | | |
| | | this.http_request('check-recent', (this.env.search_request ? '_search='+this.env.search_request+'&' : '') + '_t='+(new Date().getTime()), true); |
| | | if (refresh) { |
| | | this.set_busy(true, 'checkingmail'); |
| | | addurl += '&_refresh=1'; |
| | | } |
| | | |
| | | 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) |
| | | this.set_caret_pos = function(obj, pos) |
| | | { |
| | | if (obj.createTextRange) |
| | | if (obj.setSelectionRange) |
| | | obj.setSelectionRange(pos, pos); |
| | | else if (obj.createTextRange) |
| | | { |
| | | var range = obj.createTextRange(); |
| | | range.collapse(true); |
| | | range.moveEnd('character', pos); |
| | | range.moveStart('character', pos); |
| | | range.select(); |
| | | } |
| | | else if (obj.setSelectionRange) |
| | | obj.setSelectionRange(0,0); |
| | | |
| | | obj.focus(); |
| | | }; |
| | | } |
| | | |
| | | // set all fields of a form disabled |
| | | this.lock_form = function(form, lock) |
| | |
| | | } |
| | | }; |
| | | |
| | | } // 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, true); |
| | | 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; |