| | |
| | | | Roundcube Webmail Client Script | |
| | | | | |
| | | | This file is part of the Roundcube Webmail client | |
| | | | Copyright (C) 2005-2012, The Roundcube Dev Team | |
| | | | Copyright (C) 2011, Kolab Systems AG | |
| | | | Copyright (C) 2005-2013, The Roundcube Dev Team | |
| | | | Copyright (C) 2011-2013, Kolab Systems AG | |
| | | | | |
| | | | Licensed under the GNU General Public License version 3 or | |
| | | | any later version with exceptions for skins & plugins. | |
| | |
| | | comm_path: './', |
| | | blankpage: 'program/resources/blank.gif', |
| | | recipients_separator: ',', |
| | | recipients_delimiter: ', ' |
| | | recipients_delimiter: ', ', |
| | | popup_width: 1150, |
| | | popup_width_small: 900 |
| | | }; |
| | | |
| | | // create protected reference to myself |
| | |
| | | } |
| | | |
| | | // enable general commands |
| | | this.enable_command('close', 'logout', 'mail', 'addressbook', 'settings', 'save-pref', 'compose', 'undo', 'about', 'switch-task', true); |
| | | this.enable_command('close', 'logout', 'mail', 'addressbook', 'settings', 'save-pref', |
| | | 'compose', 'undo', 'about', 'switch-task', 'menu-open', 'menu-save', true); |
| | | |
| | | if (this.env.permaurl) |
| | | this.enable_command('permaurl', 'extwin', true); |
| | |
| | | |
| | | case 'mail': |
| | | // enable mail commands |
| | | this.enable_command('list', 'checkmail', 'add-contact', 'search', 'reset-search', 'collapse-folder', true); |
| | | this.enable_command('list', 'checkmail', 'add-contact', 'search', 'reset-search', 'collapse-folder', 'import-messages', true); |
| | | |
| | | if (this.gui_objects.messagelist) { |
| | | this.message_list = new rcube_list_widget(this.gui_objects.messagelist, { |
| | |
| | | this.message_list.addEventListener('dragend', function(e){ p.drag_end(e); }); |
| | | this.message_list.addEventListener('expandcollapse', function(e){ p.msglist_expand(e); }); |
| | | this.message_list.addEventListener('column_replace', function(e){ p.msglist_set_coltypes(e); }); |
| | | this.message_list.addEventListener('listupdate', function(e){ p.triggerEvent('listupdate', e); }); |
| | | |
| | | document.onmouseup = function(e){ return p.doc_mouse_up(e); }; |
| | | this.gui_objects.messagelist.parentNode.onmousedown = function(e){ return p.click_on_list(e); }; |
| | | |
| | | this.message_list.init(); |
| | | this.enable_command('toggle_status', 'toggle_flag', 'menu-open', 'menu-save', 'sort', true); |
| | | this.enable_command('toggle_status', 'toggle_flag', 'sort', true); |
| | | |
| | | // load messages |
| | | this.command('list'); |
| | |
| | | if (this.gui_objects.qsearchbox) { |
| | | if (this.env.search_text != null) |
| | | this.gui_objects.qsearchbox.value = this.env.search_text; |
| | | $(this.gui_objects.qsearchbox).focusin(function() { rcmail.message_list.blur(); }); |
| | | $(this.gui_objects.qsearchbox).focusin(function() { rcmail.message_list && rcmail.message_list.blur(); }); |
| | | } |
| | | |
| | | this.set_button_titles(); |
| | | |
| | | this.env.message_commands = ['show', 'reply', 'reply-all', 'reply-list', |
| | | 'moveto', 'copy', 'delete', 'open', 'mark', 'edit', 'viewsource', |
| | | 'print', 'load-attachment', 'show-headers', 'hide-headers', 'download', |
| | | 'forward', 'forward-inline', 'forward-attachment']; |
| | | 'move', 'copy', 'delete', 'open', 'mark', 'edit', 'viewsource', |
| | | 'print', 'load-attachment', 'download-attachment', 'show-headers', 'hide-headers', 'download', |
| | | 'forward', 'forward-inline', 'forward-attachment', 'change-format']; |
| | | |
| | | if (this.env.action == 'show' || this.env.action == 'preview') { |
| | | this.enable_command(this.env.message_commands, this.env.uid); |
| | |
| | | } |
| | | } |
| | | else if (this.env.action == 'compose') { |
| | | this.env.compose_commands = ['send-attachment', 'remove-attachment', 'send', 'cancel', 'toggle-editor', 'list-adresses', 'extwin']; |
| | | this.env.address_group_stack = []; |
| | | this.env.compose_commands = ['send-attachment', 'remove-attachment', 'send', 'cancel', 'toggle-editor', 'list-adresses', 'pushgroup', 'search', 'reset-search', 'extwin']; |
| | | |
| | | if (this.env.drafts_mailbox) |
| | | this.env.compose_commands.push('savedraft') |
| | |
| | | // init message compose form |
| | | this.init_messageform(); |
| | | } |
| | | else if (this.env.action == 'get') |
| | | this.enable_command('download', 'print', true); |
| | | // show printing dialog |
| | | else if (this.env.action == 'print' && this.env.uid) |
| | | else if (this.env.action == 'print' && this.env.uid) { |
| | | if (bw.safari) |
| | | setTimeout('window.print()', 10); |
| | | else |
| | | window.print(); |
| | | } |
| | | |
| | | // get unread count for each mailbox |
| | | if (this.gui_objects.mailboxlist) { |
| | |
| | | } |
| | | |
| | | // detect browser capabilities |
| | | if (!this.is_framed()) |
| | | if (!this.is_framed() && !this.env.extwin) |
| | | this.browser_capabilities_check(); |
| | | |
| | | break; |
| | | |
| | | case 'addressbook': |
| | | this.env.address_group_stack = []; |
| | | |
| | | if (this.gui_objects.folderlist) |
| | | this.env.contactfolders = $.extend($.extend({}, this.env.address_sources), this.env.contactgroups); |
| | | |
| | | this.enable_command('add', 'import', this.env.writable_source); |
| | | this.enable_command('list', 'listgroup', 'listsearch', 'advanced-search', true); |
| | | this.enable_command('list', 'listgroup', 'pushgroup', 'popgroup', 'listsearch', 'advanced-search', true); |
| | | |
| | | if (this.gui_objects.contactslist) { |
| | | this.contact_list = new rcube_list_widget(this.gui_objects.contactslist, |
| | |
| | | |
| | | if (this.gui_objects.editform) { |
| | | this.enable_command('save', true); |
| | | if (this.env.action == 'add' || this.env.action == 'edit') |
| | | if (this.env.action == 'add' || this.env.action == 'edit' || this.env.action == 'search') |
| | | this.init_contact_form(); |
| | | } |
| | | |
| | | if (this.gui_objects.qsearchbox) |
| | | this.enable_command('search', 'reset-search', 'moveto', true); |
| | | this.enable_command('search', 'reset-search', true); |
| | | |
| | | break; |
| | | |
| | |
| | | } |
| | | else if (this.env.action == 'edit-folder' && this.gui_objects.editform) { |
| | | this.enable_command('save', 'folder-size', true); |
| | | parent.rcmail.env.messagecount = this.env.messagecount; |
| | | parent.rcmail.env.exists = this.env.messagecount; |
| | | parent.rcmail.enable_command('purge', this.env.messagecount); |
| | | $("input[type='text']").first().select(); |
| | | } |
| | |
| | | |
| | | this.enable_command('login', true); |
| | | break; |
| | | } |
| | | |
| | | default: |
| | | break; |
| | | } |
| | | // unset contentframe variable if preview_pane is enabled |
| | | if (this.env.contentframe && !$('#' + this.env.contentframe).is(':visible')) |
| | | this.env.contentframe = null; |
| | | |
| | | // prevent from form submit with Enter key in file input fields |
| | | if (bw.ie) |
| | |
| | | this.display_message(this.pending_message[0], this.pending_message[1], this.pending_message[2]); |
| | | |
| | | // map implicit containers |
| | | if (this.gui_objects.folderlist) |
| | | if (this.gui_objects.folderlist) { |
| | | this.gui_containers.foldertray = $(this.gui_objects.folderlist); |
| | | |
| | | // init treelist widget |
| | | if (window.rcube_treelist_widget) { |
| | | this.treelist = new rcube_treelist_widget(this.gui_objects.folderlist, { |
| | | id_prefix: 'rcmli', |
| | | id_encode: this.html_identifier_encode, |
| | | id_decode: this.html_identifier_decode, |
| | | check_droptarget: function(node){ return !node.virtual && ref.check_droptarget(node.id) } |
| | | }); |
| | | this.treelist.addEventListener('collapse', function(node){ ref.folder_collapsed(node) }); |
| | | this.treelist.addEventListener('expand', function(node){ ref.folder_collapsed(node) }); |
| | | this.treelist.addEventListener('select', function(node){ ref.triggerEvent('selectfolder', { folder:node.id, prefix:'rcmli' }) }); |
| | | } |
| | | } |
| | | |
| | | // activate html5 file drop feature (if browser supports it and if configured) |
| | | if (this.gui_objects.filedrop && this.env.filedrop && ((window.XMLHttpRequest && XMLHttpRequest.prototype && XMLHttpRequest.prototype.sendAsBinary) || window.FormData)) { |
| | |
| | | return false; |
| | | |
| | | // let the browser handle this click (shift/ctrl usually opens the link in a new window/tab) |
| | | if ((obj && obj.href && String(obj.href).indexOf(location.href) < 0) && rcube_event.get_modifier(event)) { |
| | | if ((obj && obj.href && String(obj.href).indexOf('#') < 0) && rcube_event.get_modifier(event)) { |
| | | return true; |
| | | } |
| | | |
| | |
| | | |
| | | case 'extwin': |
| | | if (this.env.action == 'compose') { |
| | | var prevstate = this.env.compose_extwin; |
| | | $("input[name='_action']", this.gui_objects.messageform).val('compose'); |
| | | this.gui_objects.messageform.action = this.url('mail/compose', { _id: this.env.compose_id, _extwin: 1 }); |
| | | this.gui_objects.messageform.target = this.open_window('', 1150, 900); |
| | | this.gui_objects.messageform.submit(); |
| | | var form = this.gui_objects.messageform, |
| | | win = this.open_window(''); |
| | | |
| | | $("input[name='_action']", form).val('compose'); |
| | | form.action = this.url('mail/compose', { _id: this.env.compose_id, _extwin: 1 }); |
| | | form.target = win.name; |
| | | form.submit(); |
| | | } |
| | | else { |
| | | this.open_window(this.env.permaurl, 1000, 1200); |
| | | this.open_window(this.env.permaurl, true); |
| | | } |
| | | break; |
| | | |
| | | case 'change-format': |
| | | url = this.env.permaurl + '&_format=' + props; |
| | | |
| | | if (this.env.action == 'preview') |
| | | url = url.replace(/_action=show/, '_action=preview') + '&_framed=1'; |
| | | if (this.env.extwin) |
| | | url += '&_extwin=1'; |
| | | |
| | | location.href = url; |
| | | break; |
| | | |
| | | case 'menu-open': |
| | | if (props && props.menu == 'attachmentmenu') { |
| | | var mimetype = this.env.attachments[props.id]; |
| | | this.enable_command('open-attachment', mimetype && this.env.mimetypes && $.inArray(mimetype, this.env.mimetypes) >= 0); |
| | | } |
| | | |
| | | case 'menu-save': |
| | | this.triggerEvent(command, {props:props}); |
| | | return false; |
| | |
| | | |
| | | // mail task commands |
| | | case 'move': |
| | | case 'moveto': |
| | | case 'moveto': // deprecated |
| | | if (this.task == 'mail') |
| | | this.move_messages(props); |
| | | else if (this.task == 'addressbook' && this.drag_active) |
| | | this.copy_contact(null, props); |
| | | else if (this.task == 'addressbook') |
| | | this.move_contacts(props); |
| | | break; |
| | | |
| | | case 'copy': |
| | | if (this.task == 'mail') |
| | | this.copy_messages(props); |
| | | else if (this.task == 'addressbook') |
| | | this.copy_contacts(props); |
| | | break; |
| | | |
| | | case 'mark': |
| | |
| | | break; |
| | | |
| | | case 'load-attachment': |
| | | var qstring = '_mbox='+urlencode(this.env.mailbox)+'&_uid='+this.env.uid+'&_part='+props.part; |
| | | case 'open-attachment': |
| | | case 'download-attachment': |
| | | var qstring = '_mbox='+urlencode(this.env.mailbox)+'&_uid='+this.env.uid+'&_part='+props, |
| | | mimetype = this.env.attachments[props]; |
| | | |
| | | // open attachment in frame if it's of a supported mimetype |
| | | if (this.env.uid && props.mimetype && this.env.mimetypes && $.inArray(props.mimetype, $.map(this.env.mimetypes, function(v,k){ return v })) >= 0) { |
| | | if (props.mimetype == 'text/html') |
| | | qstring += '&_safe=1'; |
| | | this.attachment_win = window.open(this.env.comm_path+'&_action=get&'+qstring+'&_frame=1', 'rcubemailattachment'); |
| | | if (this.attachment_win) { |
| | | setTimeout(function(){ ref.attachment_win.focus(); }, 10); |
| | | if (command != 'download-attachment' && mimetype && this.env.mimetypes && $.inArray(mimetype, this.env.mimetypes) >= 0) { |
| | | if (this.open_window(this.env.comm_path+'&_action=get&'+qstring+'&_frame=1')) |
| | | break; |
| | | } |
| | | } |
| | | |
| | | this.goto_url('get', qstring+'&_download=1', false); |
| | |
| | | |
| | | case 'nextmessage': |
| | | if (this.env.next_uid) |
| | | this.show_message(this.env.next_uid, false, this.env.action=='preview'); |
| | | this.show_message(this.env.next_uid, false, this.env.action == 'preview'); |
| | | break; |
| | | |
| | | case 'lastmessage': |
| | |
| | | url._to = props; |
| | | } |
| | | else { |
| | | // use contact_id passed as command parameter |
| | | var n, len, a_cids = []; |
| | | var a_cids = []; |
| | | // use contact id passed as command parameter |
| | | if (props) |
| | | a_cids.push(props); |
| | | // get selected contacts |
| | | else if (this.contact_list) { |
| | | var selection = this.contact_list.get_selection(); |
| | | for (n=0, len=selection.length; n<len; n++) |
| | | a_cids.push(selection[n]); |
| | | } |
| | | else if (this.contact_list) |
| | | a_cids = this.contact_list.get_selection(); |
| | | |
| | | if (a_cids.length) |
| | | this.http_post('mailto', { _cid: a_cids.join(','), _source: this.env.source }, true); |
| | |
| | | // Reset the auto-save timer |
| | | clearTimeout(this.save_timer); |
| | | |
| | | // compose form did not change |
| | | if (this.cmp_hash == this.compose_field_hash()) { |
| | | // compose form did not change (and draft wasn't saved already) |
| | | if (this.env.draft_id && this.cmp_hash == this.compose_field_hash()) { |
| | | this.auto_save_start(); |
| | | break; |
| | | } |
| | |
| | | // Reset the auto-save timer |
| | | clearTimeout(this.save_timer); |
| | | |
| | | this.upload_file(props || this.gui_objects.uploadform); |
| | | this.upload_file(props || this.gui_objects.uploadform, 'upload'); |
| | | break; |
| | | |
| | | case 'insert-sig': |
| | |
| | | break; |
| | | |
| | | case 'print': |
| | | if (uid = this.get_single_uid()) { |
| | | ref.printwin = window.open(this.env.comm_path+'&_action=print&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox)+(this.env.safemode ? '&_safe=1' : '')); |
| | | if (this.env.action == 'get') { |
| | | this.gui_objects.messagepartframe.contentWindow.print(); |
| | | } |
| | | else if (uid = this.get_single_uid()) { |
| | | ref.printwin = this.open_window(this.env.comm_path+'&_action=print&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox)+(this.env.safemode ? '&_safe=1' : ''), true, true); |
| | | if (this.printwin) { |
| | | setTimeout(function(){ ref.printwin.focus(); }, 20); |
| | | if (this.env.action != 'show') |
| | | this.mark_message('read', uid); |
| | | } |
| | |
| | | break; |
| | | |
| | | case 'viewsource': |
| | | if (uid = this.get_single_uid()) { |
| | | ref.sourcewin = window.open(this.env.comm_path+'&_action=viewsource&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox)); |
| | | if (this.sourcewin) |
| | | setTimeout(function(){ ref.sourcewin.focus(); }, 20); |
| | | } |
| | | if (uid = this.get_single_uid()) |
| | | this.open_window(this.env.comm_path+'&_action=viewsource&_uid='+uid+'&_mbox='+urlencode(this.env.mailbox), true, true); |
| | | break; |
| | | |
| | | case 'download': |
| | | if (uid = this.get_single_uid()) |
| | | if (this.env.action == 'get') { |
| | | location.href = location.href.replace(/_frame=/, '_download='); |
| | | } |
| | | else if (uid = this.get_single_uid()) |
| | | this.goto_url('viewsource', { _uid: uid, _mbox: this.env.mailbox, _save: 1 }); |
| | | break; |
| | | |
| | |
| | | this.reset_qsearch(); |
| | | this.select_all_mode = false; |
| | | |
| | | if (s && this.env.mailbox) |
| | | if (s && this.env.action == 'compose') { |
| | | if (this.contact_list) |
| | | this.list_contacts_clear(); |
| | | } |
| | | else if (s && this.env.mailbox) { |
| | | this.list_mailbox(this.env.mailbox, 1); |
| | | } |
| | | else if (s && this.task == 'addressbook') { |
| | | if (this.env.source == '') { |
| | | for (n in this.env.address_sources) break; |
| | |
| | | } |
| | | break; |
| | | |
| | | case 'pushgroup': |
| | | // add group ID to stack |
| | | this.env.address_group_stack.push(props.id); |
| | | if (obj && event) |
| | | rcube_event.cancel(event); |
| | | |
| | | case 'listgroup': |
| | | this.reset_qsearch(); |
| | | this.list_contacts(props.source, props.id); |
| | | break; |
| | | |
| | | case 'popgroup': |
| | | if (this.env.address_group_stack.length > 1) { |
| | | this.env.address_group_stack.pop(); |
| | | this.reset_qsearch(); |
| | | this.list_contacts(props.source, this.env.address_group_stack[this.env.address_group_stack.length-1]); |
| | | } |
| | | break; |
| | | |
| | | case 'import-messages': |
| | | var form = props || this.gui_objects.importform; |
| | | $('input[name="_unlock"]', form).val(this.set_busy(true, 'importwait')); |
| | | this.upload_file(form, 'import'); |
| | | break; |
| | | |
| | | case 'import': |
| | |
| | | case 'export': |
| | | if (this.contact_list.rowcount > 0) { |
| | | this.goto_url('export', { _source: this.env.source, _gid: this.env.group, _search: this.env.search_request }); |
| | | } |
| | | break; |
| | | |
| | | case 'export-selected': |
| | | if (this.contact_list.rowcount > 0) { |
| | | this.goto_url('export', { _source: this.env.source, _gid: this.env.group, _cid: this.contact_list.get_selection().join(',') }); |
| | | } |
| | | break; |
| | | |
| | |
| | | if (typeof cmd === 'string') { |
| | | this.commands[cmd] = enable; |
| | | this.set_button(cmd, (enable ? 'act' : 'pas')); |
| | | this.triggerEvent('enable-command', {command: cmd, status: enable}); |
| | | } |
| | | // push array elements into commands array |
| | | else { |
| | |
| | | if (!url) |
| | | url = this.env.comm_path; |
| | | |
| | | return url.replace(/_task=[a-z]+/, '_task='+task); |
| | | return url.replace(/_task=[a-z0-9_-]+/i, '_task='+task); |
| | | }; |
| | | |
| | | this.reload = function(delay) |
| | |
| | | |
| | | this.html_identifier = function(str, encode) |
| | | { |
| | | str = String(str); |
| | | if (encode) |
| | | return Base64.encode(str).replace(/=+$/, '').replace(/\+/g, '-').replace(/\//g, '_'); |
| | | else |
| | | return str.replace(this.identifier_expr, '_'); |
| | | return encode ? this.html_identifier_encode(str) : String(str).replace(this.identifier_expr, '_'); |
| | | }; |
| | | |
| | | this.html_identifier_encode = function(str) |
| | | { |
| | | return Base64.encode(String(str)).replace(/=+$/, '').replace(/\+/g, '-').replace(/\//g, '_'); |
| | | }; |
| | | |
| | | this.html_identifier_decode = function(str) |
| | |
| | | this.drag_menu = function(e, target) |
| | | { |
| | | var modkey = rcube_event.get_modifier(e), |
| | | menu = this.gui_objects.message_dragmenu; |
| | | menu = this.gui_objects.dragmenu; |
| | | |
| | | if (menu && modkey == SHIFT_KEY && this.commands['copy']) { |
| | | var pos = rcube_event.get_mouse_pos(e); |
| | |
| | | |
| | | this.drag_menu_action = function(action) |
| | | { |
| | | var menu = this.gui_objects.message_dragmenu; |
| | | var menu = this.gui_objects.dragmenu; |
| | | if (menu) { |
| | | $(menu).hide(); |
| | | } |
| | |
| | | if (this.preview_read_timer) |
| | | clearTimeout(this.preview_read_timer); |
| | | |
| | | // save folderlist and folders location/sizes for droptarget calculation in drag_move() |
| | | if (this.gui_objects.folderlist && model) { |
| | | this.initialBodyScrollTop = bw.ie ? 0 : window.pageYOffset; |
| | | this.initialListScrollTop = this.gui_objects.folderlist.parentNode.scrollTop; |
| | | |
| | | var k, li, height, |
| | | list = $(this.gui_objects.folderlist); |
| | | pos = list.offset(); |
| | | |
| | | this.env.folderlist_coords = { x1:pos.left, y1:pos.top, x2:pos.left + list.width(), y2:pos.top + list.height() }; |
| | | |
| | | this.env.folder_coords = []; |
| | | for (k in model) { |
| | | 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 }; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // prepare treelist widget for dragging interactions |
| | | if (this.treelist) |
| | | this.treelist.drag_start(); |
| | | }; |
| | | |
| | | this.drag_end = function(e) |
| | |
| | | this.drag_active = false; |
| | | this.env.last_folder_target = null; |
| | | |
| | | if (this.folder_auto_timer) { |
| | | 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'); |
| | | } |
| | | } |
| | | if (this.treelist) |
| | | this.treelist.drag_end(); |
| | | }; |
| | | |
| | | this.drag_move = function(e) |
| | | { |
| | | if (this.gui_objects.folderlist && this.env.folder_coords) { |
| | | var k, li, div, check, oldclass, |
| | | if (this.gui_objects.folderlist) { |
| | | var drag_target, oldclass, |
| | | layerclass = 'draglayernormal', |
| | | mouse = rcube_event.get_mouse_pos(e), |
| | | pos = this.env.folderlist_coords, |
| | | // offsets to compensate for scrolling while dragging a message |
| | | boffset = bw.ie ? -document.documentElement.scrollTop : this.initialBodyScrollTop, |
| | | moffset = this.initialListScrollTop-this.gui_objects.folderlist.parentNode.scrollTop; |
| | | mouse = rcube_event.get_mouse_pos(e); |
| | | |
| | | if (this.contact_list && this.contact_list.draglayer) |
| | | oldclass = this.contact_list.draglayer.attr('class'); |
| | | |
| | | mouse.y += -moffset-boffset; |
| | | |
| | | // if mouse pointer is outside of folderlist |
| | | if (mouse.x < pos.x1 || mouse.x >= pos.x2 || mouse.y < pos.y1 || mouse.y >= pos.y2) { |
| | | if (this.env.last_folder_target) { |
| | | $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); |
| | | this.env.folder_coords[this.env.last_folder_target].on = 0; |
| | | this.env.last_folder_target = null; |
| | | } |
| | | if (layerclass != oldclass && this.contact_list && this.contact_list.draglayer) |
| | | this.contact_list.draglayer.attr('class', layerclass); |
| | | return; |
| | | // mouse intersects a valid drop target on the treelist |
| | | if (this.treelist && (drag_target = this.treelist.intersects(mouse, true))) { |
| | | this.env.last_folder_target = drag_target; |
| | | layerclass = 'draglayer' + (this.check_droptarget(drag_target) > 1 ? 'copy' : 'normal'); |
| | | } |
| | | |
| | | // over the folders |
| | | for (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) { |
| | | if (check = 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) |
| | | clearTimeout(this.folder_auto_timer); |
| | | |
| | | this.folder_auto_expand = this.env.mailboxes[k].id; |
| | | this.folder_auto_timer = setTimeout(function() { |
| | | rcmail.command('collapse-folder', rcmail.folder_auto_expand); |
| | | rcmail.drag_start(null); |
| | | }, 1000); |
| | | } |
| | | else if (this.folder_auto_timer) { |
| | | clearTimeout(this.folder_auto_timer); |
| | | this.folder_auto_timer = null; |
| | | this.folder_auto_expand = null; |
| | | } |
| | | |
| | | $(li).addClass('droptarget'); |
| | | this.env.folder_coords[k].on = 1; |
| | | this.env.last_folder_target = k; |
| | | layerclass = 'draglayer' + (check > 1 ? 'copy' : 'normal'); |
| | | } |
| | | // Clear target, otherwise drag end will trigger move into last valid droptarget |
| | | else |
| | | this.env.last_folder_target = null; |
| | | } |
| | | else if (pos.on) { |
| | | $(this.get_folder_li(k)).removeClass('droptarget'); |
| | | this.env.folder_coords[k].on = 0; |
| | | } |
| | | else { |
| | | // Clear target, otherwise drag end will trigger move into last valid droptarget |
| | | this.env.last_folder_target = null; |
| | | } |
| | | |
| | | if (layerclass != oldclass && this.contact_list && this.contact_list.draglayer) |
| | |
| | | |
| | | this.collapse_folder = function(name) |
| | | { |
| | | var li = this.get_folder_li(name, '', true), |
| | | div = $('div:first', li), |
| | | ul = $('ul:first', li); |
| | | if (this.treelist) |
| | | this.treelist.toggle(name); |
| | | }; |
| | | |
| | | if (div.hasClass('collapsed')) { |
| | | ul.show(); |
| | | div.removeClass('collapsed').addClass('expanded'); |
| | | var reg = new RegExp('&'+urlencode(name)+'&'); |
| | | this.env.collapsed_folders = this.env.collapsed_folders.replace(reg, ''); |
| | | } |
| | | else if (div.hasClass('expanded')) { |
| | | ul.hide(); |
| | | div.removeClass('expanded').addClass('collapsed'); |
| | | this.env.collapsed_folders = this.env.collapsed_folders+'&'+urlencode(name)+'&'; |
| | | this.folder_collapsed = function(node) |
| | | { |
| | | var prefname = this.env.task == 'addressbook' ? 'collapsed_abooks' : 'collapsed_folders'; |
| | | |
| | | if (node.collapsed) { |
| | | this.env[prefname] = this.env[prefname] + '&'+urlencode(node.id)+'&'; |
| | | |
| | | // select the folder if one of its childs is currently selected |
| | | // don't select if it's virtual (#1488346) |
| | | if (this.env.mailbox.indexOf(name + this.env.delimiter) == 0 && !$(li).hasClass('virtual')) |
| | | if (this.env.mailbox && this.env.mailbox.indexOf(name + this.env.delimiter) == 0 && !node.virtual) |
| | | this.command('list', name); |
| | | } |
| | | else |
| | | return; |
| | | |
| | | // Work around a bug in IE6 and IE7, see #1485309 |
| | | if (bw.ie6 || bw.ie7) { |
| | | var siblings = li.nextSibling ? li.nextSibling.getElementsByTagName('ul') : null; |
| | | if (siblings && siblings.length && (li = siblings[0]) && li.style && li.style.display != 'none') { |
| | | li.style.display = 'none'; |
| | | li.style.display = ''; |
| | | } |
| | | else { |
| | | var reg = new RegExp('&'+urlencode(node.id)+'&'); |
| | | this.env[prefname] = this.env[prefname].replace(reg, ''); |
| | | } |
| | | |
| | | this.command('save-pref', { name: 'collapsed_folders', value: this.env.collapsed_folders }); |
| | | this.set_unread_count_display(name, false); |
| | | if (!this.drag_active) { |
| | | this.command('save-pref', { name: prefname, value: this.env[prefname] }); |
| | | |
| | | if (this.env.unread_counts) |
| | | this.set_unread_count_display(node.id, false); |
| | | } |
| | | }; |
| | | |
| | | this.doc_mouse_up = function(e) |
| | |
| | | if (this.drag_active && model && this.env.last_folder_target) { |
| | | var target = model[this.env.last_folder_target]; |
| | | |
| | | $(this.get_folder_li(this.env.last_folder_target)).removeClass('droptarget'); |
| | | this.env.last_folder_target = null; |
| | | list.draglayer.hide(); |
| | | this.drag_end(e); |
| | | |
| | | if (!this.drag_menu(e, target)) |
| | | this.command('moveto', target); |
| | | if (this.contact_list) { |
| | | if (!this.contacts_drag_menu(e, target)) |
| | | this.command('move', target); |
| | | } |
| | | else if (!this.drag_menu(e, target)) |
| | | this.command('move', target); |
| | | } |
| | | |
| | | // reset 'pressed' buttons |
| | |
| | | } |
| | | } |
| | | // Multi-message commands |
| | | this.enable_command('delete', 'moveto', 'copy', 'mark', 'forward', 'forward-attachment', list.selection.length > 0); |
| | | this.enable_command('delete', 'move', 'copy', 'mark', 'forward', 'forward-attachment', list.selection.length > 0); |
| | | |
| | | // reset all-pages-selection |
| | | if (selected || (list.selection.length && list.selection.length != list.rowcount)) |
| | |
| | | |
| | | // start timer for message preview (wait for double click) |
| | | if (selected && this.env.contentframe && !list.multi_selecting && !this.dummy_select) |
| | | this.preview_timer = setTimeout(function(){ ref.msglist_get_preview(); }, 200); |
| | | this.preview_timer = setTimeout(function() { ref.msglist_get_preview(); }, this.dblclick_time); |
| | | else if (this.env.contentframe) |
| | | this.show_contentframe(false); |
| | | }; |
| | |
| | | |
| | | var win = this.get_frame_window(this.env.contentframe); |
| | | |
| | | if (win && win.location.href.indexOf(this.env.blankpage)>=0) { |
| | | if (win && win.location.href.indexOf(this.env.blankpage) >= 0) { |
| | | if (this.preview_timer) |
| | | clearTimeout(this.preview_timer); |
| | | if (this.preview_read_timer) |
| | | clearTimeout(this.preview_read_timer); |
| | | this.preview_timer = setTimeout(function(){ ref.msglist_get_preview(); }, 200); |
| | | |
| | | this.preview_timer = setTimeout(function() { ref.msglist_get_preview(); }, this.dblclick_time); |
| | | } |
| | | }; |
| | | |
| | |
| | | { |
| | | if (this.preview_timer) |
| | | clearTimeout(this.preview_timer); |
| | | |
| | | if (this.preview_read_timer) |
| | | clearTimeout(this.preview_read_timer); |
| | | |
| | | var uid = list.get_single_selection(); |
| | | |
| | | if (uid && this.env.mailbox == this.env.drafts_mailbox) |
| | | this.open_compose_step({ _draft_uid: uid, _mbox: this.env.mailbox }); |
| | | else if (uid) |
| | |
| | | |
| | | this.msglist_set_coltypes = function(list) |
| | | { |
| | | var i, found, name, cols = list.list.tHead.rows[0].cells; |
| | | var i, found, name, cols = list.thead.rows[0].cells; |
| | | |
| | | this.env.coltypes = []; |
| | | |
| | |
| | | |
| | | this.check_droptarget = function(id) |
| | | { |
| | | if (this.task == 'mail') |
| | | return (this.env.mailboxes[id] && this.env.mailboxes[id].id != this.env.mailbox && !this.env.mailboxes[id].virtual) ? 1 : 0; |
| | | switch (this.task) { |
| | | case 'mail': |
| | | return (this.env.mailboxes[id] && this.env.mailboxes[id].id != this.env.mailbox && !this.env.mailboxes[id].virtual) ? 1 : 0; |
| | | |
| | | if (this.task == 'settings') |
| | | return id != this.env.mailbox ? 1 : 0; |
| | | case 'settings': |
| | | return id != this.env.mailbox ? 1 : 0; |
| | | |
| | | if (this.task == 'addressbook') { |
| | | if (id != this.env.source && this.env.contactfolders[id]) { |
| | | // droptarget is a group - contact add to group action |
| | | if (this.env.contactfolders[id].type == 'group') { |
| | | var target_abook = this.env.contactfolders[id].source; |
| | | if (this.env.contactfolders[id].id != this.env.group && !this.env.contactfolders[target_abook].readonly) { |
| | | // search result may contain contacts from many sources |
| | | return (this.env.selection_sources.length > 1 || $.inArray(target_abook, this.env.selection_sources) == -1) ? 2 : 1; |
| | | case 'addressbook': |
| | | var target; |
| | | if (id != this.env.source && (target = this.env.contactfolders[id])) { |
| | | // droptarget is a group |
| | | if (target.type == 'group') { |
| | | if (target.id != this.env.group && !this.env.contactfolders[target.source].readonly) { |
| | | var is_other = this.env.selection_sources.length > 1 || $.inArray(target.source, this.env.selection_sources) == -1; |
| | | return !is_other || this.commands.move ? 1 : 2; |
| | | } |
| | | } |
| | | // droptarget is a (writable) addressbook and it's not the source |
| | | else if (!target.readonly && (this.env.selection_sources.length > 1 || $.inArray(id, this.env.selection_sources) == -1)) { |
| | | return this.commands.move ? 1 : 2; |
| | | } |
| | | } |
| | | // droptarget is a (writable) addressbook - contact copy action |
| | | else if (!this.env.contactfolders[id].readonly) { |
| | | // search result may contain contacts from many sources |
| | | return (this.env.selection_sources.length > 1 || $.inArray(id, this.env.selection_sources) == -1) ? 2 : 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | return 0; |
| | | }; |
| | | |
| | | this.open_window = function(url, width, height) |
| | | // open popup window |
| | | this.open_window = function(url, small, toolbar) |
| | | { |
| | | var w = Math.min(width, screen.width - 10), |
| | | h = Math.min(height, screen.height - 100), |
| | | l = (screen.width - w) / 2 + (screen.left || 0), |
| | | t = Math.max(0, (screen.height - h) / 2 + (screen.top || 0) - 20); |
| | | var wname = 'rcmextwin' + new Date().getTime(); |
| | | |
| | | var wname = 'rcmextwin' + new Date().getTime(), |
| | | extwin = window.open(url + '&_extwin=1', wname, 'width='+w+',height='+h+',top='+t+',left='+l+',resizable=yes,toolbar=no,status=no'); |
| | | extwin.moveTo(l,t); |
| | | url += (url.match(/\?/) ? '&' : '?') + '_extwin=1'; |
| | | |
| | | if (this.env.standard_windows) |
| | | extwin = window.open(url, wname); |
| | | else { |
| | | var win = this.is_framed() ? parent.window : window, |
| | | page = $(win), |
| | | page_width = page.width(), |
| | | page_height = bw.mz ? $('body', win).height() : page.height(), |
| | | w = Math.min(small ? this.env.popup_width_small : this.env.popup_width, page_width), |
| | | h = page_height, // always use same height |
| | | l = (win.screenLeft || win.screenX) + 20, |
| | | t = (win.screenTop || win.screenY) + 20, |
| | | extwin = window.open(url, wname, |
| | | 'width='+w+',height='+h+',top='+t+',left='+l+',resizable=yes,location=no,scrollbars=yes' |
| | | +(toolbar ? ',toolbar=yes,menubar=yes,status=yes' : ',toolbar=no,menubar=no,status=no')); |
| | | } |
| | | |
| | | // write loading... message to empty windows |
| | | if (!url && extwin.document) { |
| | |
| | | } |
| | | |
| | | // focus window, delayed to bring to front |
| | | window.setTimeout(function(){ extwin.focus(); }, 10); |
| | | window.setTimeout(function() { extwin.focus(); }, 10); |
| | | |
| | | return wname; |
| | | return extwin; |
| | | }; |
| | | |
| | | |
| | |
| | | // set eventhandler to status icon |
| | | if (row.icon = document.getElementById(status_icon)) { |
| | | row.icon._row = row.obj; |
| | | row.icon.onmousedown = function(e) { self.command('toggle_status', this); rcube_event.cancel(e); }; |
| | | row.icon.onclick = function(e) { self.command('toggle_status', this); return rcube_event.cancel(e); }; |
| | | } |
| | | |
| | | // save message icon position too |
| | |
| | | // set eventhandler to flag icon, if icon found |
| | | if (this.env.flagged_col != null && (row.flagicon = document.getElementById('flagicn'+row.uid))) { |
| | | row.flagicon._row = row.obj; |
| | | row.flagicon.onmousedown = function(e) { self.command('toggle_flag', this); rcube_event.cancel(e); }; |
| | | row.flagicon.onclick = function(e) { self.command('toggle_flag', this); return rcube_event.cancel(e); }; |
| | | } |
| | | |
| | | if (!row.depth && row.has_children && (expando = document.getElementById('rcmexpando'+row.uid))) { |
| | | row.expando = expando; |
| | | expando.onmousedown = function(e) { return self.expand_message_row(e, uid); }; |
| | | expando.onclick = function(e) { return self.expand_message_row(e, uid); }; |
| | | if (bw.touch) { |
| | | expando.addEventListener('touchend', function(e) { |
| | | if (e.changedTouches.length == 1) { |
| | | self.expand_message_row(e, uid); |
| | | return rcube_event.cancel(e); |
| | | } |
| | | }, false); |
| | | } |
| | | } |
| | | |
| | | this.triggerEvent('insertrow', { uid:uid, row:row }); |
| | |
| | | + (!flags.seen ? ' unread' : '') |
| | | + (flags.deleted ? ' deleted' : '') |
| | | + (flags.flagged ? ' flagged' : '') |
| | | + (flags.unread_children && flags.seen && !this.env.autoexpand_threads ? ' unroot' : '') |
| | | + (message.selected ? ' selected' : ''), |
| | | // for performance use DOM instead of jQuery here |
| | | row = document.createElement('tr'); |
| | | |
| | | row.id = 'rcmrow'+uid; |
| | | row = { cols:[], style:{}, id:'rcmrow'+uid }; |
| | | |
| | | // message status icons |
| | | css_class = 'msgicon'; |
| | |
| | | expando = '<div id="rcmexpando' + uid + '" class="' + (message.expanded ? 'expanded' : 'collapsed') + '"> </div>'; |
| | | row_class += ' thread' + (message.expanded? ' expanded' : ''); |
| | | } |
| | | |
| | | if (flags.unread_children && flags.seen && !message.expanded) |
| | | row_class += ' unroot'; |
| | | } |
| | | |
| | | tree += '<span id="msgicn'+uid+'" class="'+css_class+'"> </span>'; |
| | |
| | | // add each submitted col |
| | | for (n in this.env.coltypes) { |
| | | c = this.env.coltypes[n]; |
| | | col = document.createElement('td'); |
| | | col.className = String(c).toLowerCase(); |
| | | col = { className: String(c).toLowerCase() }; |
| | | |
| | | if (c == 'flag') { |
| | | css_class = (flags.flagged ? 'flagged' : 'unflagged'); |
| | |
| | | html = expando; |
| | | else if (c == 'subject') { |
| | | if (bw.ie) { |
| | | col.onmouseover = function() { rcube_webmail.long_subject_title_ie(this, message.depth+1); }; |
| | | col.onmouseover = function() { rcube_webmail.long_subject_title_ex(this, message.depth+1); }; |
| | | if (bw.ie8) |
| | | tree = '<span></span>' + tree; // #1487821 |
| | | } |
| | |
| | | html = cols[c]; |
| | | |
| | | col.innerHTML = html; |
| | | |
| | | row.appendChild(col); |
| | | row.cols.push(col); |
| | | } |
| | | |
| | | list.insert_row(row, attop); |
| | |
| | | } |
| | | else { |
| | | if (!preview && this.env.message_extwin && !this.env.extwin) |
| | | this.open_window(this.env.comm_path+url, 1000, 1200); |
| | | this.open_window(this.env.comm_path+url, true); |
| | | else |
| | | this.location_href(this.env.comm_path+url, target, true); |
| | | |
| | |
| | | |
| | | if (name && (frame = this.get_frame_element(name))) { |
| | | if (!show && (win = this.get_frame_window(name))) { |
| | | if (win.location && win.location.href.indexOf(this.env.blankpage)<0) |
| | | win.location.href = this.env.blankpage; |
| | | if (win.stop) |
| | | win.stop(); |
| | | else // IE |
| | | win.document.execCommand('Stop'); |
| | | |
| | | win.location.href = this.env.blankpage; |
| | | } |
| | | else if (!bw.safari && !bw.konq) |
| | | $(frame)[show ? 'show' : 'hide'](); |
| | | } |
| | | |
| | | if (!show && this.busy) |
| | | if (!show && this.env.frame_lock) |
| | | this.set_busy(false, null, this.env.frame_lock); |
| | | }; |
| | | |
| | |
| | | |
| | | this.clear_message_list = function() |
| | | { |
| | | this.env.messages = {}; |
| | | this.last_selected = 0; |
| | | this.env.messages = {}; |
| | | this.last_selected = 0; |
| | | |
| | | this.show_contentframe(false); |
| | | if (this.message_list) |
| | | this.message_list.clear(true); |
| | | this.show_contentframe(false); |
| | | if (this.message_list) |
| | | this.message_list.clear(true); |
| | | }; |
| | | |
| | | // send remote request to load message list |
| | |
| | | if (root) |
| | | row = rows[root] ? rows[root].obj : null; |
| | | else |
| | | row = this.message_list.list.tBodies[0].firstChild; |
| | | row = this.message_list.tbody.firstChild; |
| | | |
| | | while (row) { |
| | | if (row.nodeType == 1 && (r = rows[row.uid])) { |
| | |
| | | this.delete_excessive_thread_rows = function() |
| | | { |
| | | var rows = this.message_list.rows, |
| | | tbody = this.message_list.list.tBodies[0], |
| | | tbody = this.message_list.tbody, |
| | | row = tbody.firstChild, |
| | | cnt = this.env.pagesize + 1; |
| | | |
| | |
| | | // Hide message command buttons until a message is selected |
| | | this.enable_command(this.env.message_commands, false); |
| | | |
| | | this._with_selected_messages('moveto', post_data, lock); |
| | | this._with_selected_messages('move', post_data, lock); |
| | | }; |
| | | |
| | | // delete selected messages from the current mailbox |
| | |
| | | this._with_selected_messages('delete', post_data); |
| | | }; |
| | | |
| | | // Send a specifc moveto/delete request with UIDs of all selected messages |
| | | // Send a specifc move/delete request with UIDs of all selected messages |
| | | // @private |
| | | this._with_selected_messages = function(action, post_data, lock) |
| | | { |
| | |
| | | this.delete_excessive_thread_rows(); |
| | | |
| | | if (!lock) { |
| | | msg = action == 'moveto' ? 'movingmessage' : 'deletingmessage'; |
| | | msg = action == 'move' ? 'movingmessage' : 'deletingmessage'; |
| | | lock = this.display_message(this.get_label(msg), 'loading'); |
| | | } |
| | | |
| | |
| | | { |
| | | var len = a_uids.length, |
| | | i, uid, all_deleted = true, |
| | | rows = this.message_list ? this.message_list.rows : []; |
| | | rows = this.message_list ? this.message_list.rows : {}; |
| | | |
| | | if (len == 1) { |
| | | if (!rows.length || (rows[a_uids[0]] && !rows[a_uids[0]].deleted)) |
| | | if (!this.message_list || (rows[a_uids[0]] && !rows[a_uids[0]].deleted)) |
| | | this.flag_as_deleted(a_uids); |
| | | else |
| | | this.flag_as_undeleted(a_uids); |
| | |
| | | var r_uids = [], |
| | | post_data = this.selection_post_data({_uid: this.uids_to_list(a_uids), _flag: 'delete'}), |
| | | lock = this.display_message(this.get_label('markingmessage'), 'loading'), |
| | | rows = this.message_list ? this.message_list.rows : [], |
| | | rows = this.message_list ? this.message_list.rows : {}, |
| | | count = 0; |
| | | |
| | | for (var i=0, len=a_uids.length; i<len; i++) { |
| | |
| | | |
| | | // make sure there are no selected rows |
| | | if (this.env.skip_deleted && this.message_list) { |
| | | if(!this.env.display_next) |
| | | if (!this.env.display_next) |
| | | this.message_list.clear_selection(); |
| | | if (count < 0) |
| | | post_data._count = (count*-1); |
| | |
| | | this.flag_deleted_as_read = function(uids) |
| | | { |
| | | var icn_src, uid, i, len, |
| | | rows = this.message_list ? this.message_list.rows : []; |
| | | rows = this.message_list ? this.message_list.rows : {}; |
| | | |
| | | uids = String(uids).split(','); |
| | | |
| | |
| | | |
| | | // open new compose window |
| | | if (this.env.compose_extwin && !this.env.extwin) { |
| | | this.open_window(url, 1150, 900); |
| | | this.open_window(url); |
| | | } |
| | | else { |
| | | this.redirect(url); |
| | | window.resizeTo(Math.max(1150, $(window).width()), Math.max(900, $(window).height())); |
| | | if (this.env.extwin) |
| | | window.resizeTo(Math.max(this.env.popup_width, $(window).width()), $(window).height() + 24); |
| | | } |
| | | }; |
| | | |
| | |
| | | input_message = $("[name='_message']").get(0), |
| | | html_mode = $("input[name='_is_html']").val() == '1', |
| | | ac_fields = ['cc', 'bcc', 'replyto', 'followupto'], |
| | | ac_props; |
| | | ac_props, opener_rc = this.opener(); |
| | | |
| | | // close compose step in opener |
| | | if (window.opener && opener.rcmail && opener.rcmail.env.action == 'compose') { |
| | | if (opener_rc && opener_rc.env.action == 'compose') { |
| | | setTimeout(function(){ opener.history.back(); }, 100); |
| | | this.env.opened_extwin = true; |
| | | } |
| | |
| | | this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); |
| | | // add signature according to selected identity |
| | | // if we have HTML editor, signature is added in callback |
| | | if (input_from.prop('type') == 'select-one' && !this.env.opened_extwin) { |
| | | if (input_from.prop('type') == 'select-one') { |
| | | this.change_identity(input_from[0]); |
| | | } |
| | | } |
| | |
| | | form._draft.value = draft ? '1' : ''; |
| | | form.action = this.add_url(form.action, '_unlock', msgid); |
| | | form.action = this.add_url(form.action, '_lang', lang); |
| | | |
| | | // register timer to notify about connection timeout |
| | | this.submit_timer = setTimeout(function(){ |
| | | ref.set_busy(false, null, msgid); |
| | | ref.display_message(ref.get_label('requesttimedout'), 'error'); |
| | | }, this.env.request_timeout * 1000); |
| | | |
| | | form.submit(); |
| | | }; |
| | | |
| | | this.compose_recipient_select = function(list) |
| | | { |
| | | this.enable_command('add-recipient', list.selection.length > 0); |
| | | var id, n, recipients = 0; |
| | | for (n=0; n < list.selection.length; n++) { |
| | | id = list.selection[n]; |
| | | if (this.env.contactdata[id]) |
| | | recipients++; |
| | | } |
| | | this.enable_command('add-recipient', recipients); |
| | | }; |
| | | |
| | | this.compose_add_recipient = function(field) |
| | | { |
| | | var recipients = [], input = $('#_'+field); |
| | | var recipients = [], input = $('#_'+field), delim = this.env.recipients_delimiter; |
| | | |
| | | if (this.contact_list && this.contact_list.selection.length) { |
| | | for (var id, n=0; n < this.contact_list.selection.length; n++) { |
| | |
| | | } |
| | | |
| | | if (recipients.length && input.length) { |
| | | var oldval = input.val(); |
| | | input.val((oldval ? oldval + this.env.recipients_delimiter : '') + recipients.join(this.env.recipients_delimiter)); |
| | | var oldval = input.val(), rx = new RegExp(RegExp.escape(delim) + '\\s*$'); |
| | | if (oldval && !rx.test(oldval)) |
| | | oldval += delim + ' '; |
| | | input.val(oldval + recipients.join(delim + ' ') + delim + ' '); |
| | | this.triggerEvent('add-recipient', { field:field, recipients:recipients }); |
| | | } |
| | | }; |
| | |
| | | |
| | | this.set_draft_id = function(id) |
| | | { |
| | | var rc; |
| | | |
| | | if (!this.env.draft_id && id && (rc = this.opener())) { |
| | | // refresh the drafts folder in opener window |
| | | if (rc.env.task == 'mail' && rc.env.action == '' && rc.env.mailbox == this.env.drafts_mailbox) |
| | | rc.command('checkmail'); |
| | | } |
| | | |
| | | this.env.draft_id = id; |
| | | $("input[name='_draft_saveid']").val(id); |
| | | }; |
| | | |
| | |
| | | if (!show_sig) |
| | | show_sig = this.env.show_sig; |
| | | |
| | | var cursor_pos, p = -1, |
| | | // first function execution |
| | | if (!this.env.identities_initialized) { |
| | | this.env.identities_initialized = true; |
| | | if (this.env.show_sig_later) |
| | | this.env.show_sig = true; |
| | | if (this.env.opened_extwin) |
| | | return; |
| | | } |
| | | |
| | | var i, rx, cursor_pos, p = -1, |
| | | id = obj.options[obj.selectedIndex].value, |
| | | input_message = $("[name='_message']"), |
| | | message = input_message.val(), |
| | | is_html = ($("input[name='_is_html']").val() == '1'), |
| | | sig = this.env.identity; |
| | | sig = this.env.identity, |
| | | delim = this.env.recipients_separator, |
| | | rx_delim = RegExp.escape(delim), |
| | | headers = ['replyto', 'bcc']; |
| | | |
| | | // update reply-to/bcc fields with addresses defined in identities |
| | | for (i in headers) { |
| | | var key = headers[i], |
| | | old_val = sig && this.env.identities[sig] ? this.env.identities[sig][key] : '', |
| | | new_val = id && this.env.identities[id] ? this.env.identities[id][key] : '', |
| | | input = $('[name="_'+key+'"]'), input_val = input.val(); |
| | | |
| | | // remove old address(es) |
| | | if (old_val && input_val) { |
| | | rx = new RegExp('\\s*' + RegExp.escape(old_val) + '\\s*'); |
| | | input_val = input_val.replace(rx, ''); |
| | | } |
| | | |
| | | // cleanup |
| | | rx = new RegExp(rx_delim + '\\s*' + rx_delim, 'g'); |
| | | input_val = input_val.replace(rx, delim); |
| | | rx = new RegExp('^[\\s' + rx_delim + ']+'); |
| | | input_val = input_val.replace(rx, ''); |
| | | |
| | | // add new address(es) |
| | | if (new_val && input_val.indexOf(new_val) == -1 && input_val.indexOf(new_val.replace(/"/g, '')) == -1) { |
| | | if (input_val) { |
| | | rx = new RegExp('[' + rx_delim + '\\s]+$') |
| | | input_val = input_val.replace(rx, '') + delim + ' '; |
| | | } |
| | | |
| | | input_val += new_val + delim + ' '; |
| | | } |
| | | |
| | | if (old_val || new_val) |
| | | input.val(input_val).change(); |
| | | } |
| | | |
| | | // enable manual signature insert |
| | | if (this.env.signatures && this.env.signatures[id]) { |
| | |
| | | sig = this.env.signatures[sig].text; |
| | | sig = sig.replace(/\r\n/g, '\n'); |
| | | |
| | | p = this.env.sig_above ? message.indexOf(sig) : message.lastIndexOf(sig); |
| | | p = this.env.top_posting ? message.indexOf(sig) : message.lastIndexOf(sig); |
| | | if (p >= 0) |
| | | message = message.substring(0, p) + message.substring(p+sig.length, message.length); |
| | | } |
| | |
| | | sig = this.env.signatures[id].text; |
| | | sig = sig.replace(/\r\n/g, '\n'); |
| | | |
| | | if (this.env.sig_above) { |
| | | if (this.env.top_posting) { |
| | | if (p >= 0) { // in place of removed signature |
| | | message = message.substring(0, p) + sig + message.substring(p, message.length); |
| | | cursor_pos = p - 1; |
| | |
| | | sigElem = doc.createElement('div'); |
| | | sigElem.setAttribute('id', '_rc_sig'); |
| | | |
| | | if (this.env.sig_above) { |
| | | if (this.env.top_posting) { |
| | | // if no existing sig and top posting then insert at caret pos |
| | | editor.getWin().focus(); // correct focus in IE & Chrome |
| | | |
| | |
| | | } |
| | | |
| | | this.env.identity = id; |
| | | this.triggerEvent('change_identity'); |
| | | return true; |
| | | }; |
| | | |
| | | // upload attachment file |
| | | this.upload_file = function(form) |
| | | // upload (attachment) file |
| | | this.upload_file = function(form, action) |
| | | { |
| | | if (!form) |
| | | return false; |
| | |
| | | return; |
| | | } |
| | | |
| | | var frame_name = this.async_upload_form(form, 'upload', function(e) { |
| | | var frame_name = this.async_upload_form(form, action || 'upload', function(e) { |
| | | var d, content = ''; |
| | | try { |
| | | if (this.contentDocument) { |
| | |
| | | att.html = '<a title="'+this.get_label('cancel')+'" onclick="return rcmail.cancel_attachment_upload(\''+name+'\', \''+att.frame+'\');" href="#cancelupload" class="cancelupload">' |
| | | + (this.env.cancelicon ? '<img src="'+this.env.cancelicon+'" alt="" />' : this.get_label('cancel')) + '</a>' + att.html; |
| | | |
| | | var indicator, li = $('<li>').attr('id', name).addClass(att.classname).html(att.html); |
| | | var indicator, li = $('<li>'); |
| | | |
| | | li.attr('id', name) |
| | | .addClass(att.classname) |
| | | .html(att.html) |
| | | .on('mouseover', function() { rcube_webmail.long_subject_title_ex(this, 0); }); |
| | | |
| | | // replace indicator's li |
| | | if (upload_id && (indicator = document.getElementById(upload_id))) { |
| | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | | |
| | | r = this.http_request('search', url, lock); |
| | | var action = this.env.action == 'compose' && this.contact_list ? 'search-contacts' : 'search'; |
| | | r = this.http_request(action, url, lock); |
| | | |
| | | this.env.qsearch = {lock: lock, request: r}; |
| | | } |
| | |
| | | this.env.search_id = null; |
| | | }; |
| | | |
| | | this.sent_successfully = function(type, msg) |
| | | this.sent_successfully = function(type, msg, folders) |
| | | { |
| | | this.display_message(msg, type); |
| | | |
| | | if (this.env.extwin && window.opener && opener.rcmail) { |
| | | if (this.env.extwin) { |
| | | var rc = this.opener(); |
| | | this.lock_form(this.gui_objects.messageform); |
| | | opener.rcmail.display_message(msg, type); |
| | | if (rc) { |
| | | rc.display_message(msg, type); |
| | | // refresh the folder where sent message was saved or replied message comes from |
| | | if (folders && rc.env.task == 'mail' && rc.env.action == '' && $.inArray(rc.env.mailbox, folders) >= 0) { |
| | | // @TODO: try with 'checkmail' here when #1485186 is fixed. See also #1489249. |
| | | rc.command('list'); |
| | | } |
| | | } |
| | | setTimeout(function(){ window.close() }, 1000); |
| | | } |
| | | else { |
| | |
| | | if (this.preview_timer) |
| | | clearTimeout(this.preview_timer); |
| | | |
| | | var n, id, sid, ref = this, writable = false, |
| | | var n, id, sid, contact, ref = this, writable = false, |
| | | source = this.env.source ? this.env.address_sources[this.env.source] : null; |
| | | |
| | | // we don't have dblclick handler here, so use 200 instead of this.dblclick_time |
| | | if (id = list.get_single_selection()) |
| | | this.preview_timer = setTimeout(function(){ ref.load_contact(id, 'show'); }, 200); |
| | | else if (this.env.contentframe) |
| | | this.show_contentframe(false); |
| | | |
| | | if (list.selection.length) { |
| | | list.draggable = false; |
| | | |
| | | // no source = search result, we'll need to detect if any of |
| | | // selected contacts are in writable addressbook to enable edit/delete |
| | | // we'll also need to know sources used in selection for copy |
| | | // and group-addmember operations (drag&drop) |
| | | this.env.selection_sources = []; |
| | | if (!source) { |
| | | for (n in list.selection) { |
| | | |
| | | if (source) { |
| | | this.env.selection_sources.push(this.env.source); |
| | | } |
| | | |
| | | for (n in list.selection) { |
| | | contact = list.data[list.selection[n]]; |
| | | if (!source) { |
| | | sid = String(list.selection[n]).replace(/^[^-]+-/, ''); |
| | | if (sid && this.env.address_sources[sid]) { |
| | | writable = writable || !this.env.address_sources[sid].readonly; |
| | | writable = writable || (!this.env.address_sources[sid].readonly && !contact.readonly); |
| | | this.env.selection_sources.push(sid); |
| | | } |
| | | } |
| | | this.env.selection_sources = $.unique(this.env.selection_sources); |
| | | else { |
| | | writable = writable || (!source.readonly && !contact.readonly); |
| | | } |
| | | |
| | | if (contact._type != 'group') |
| | | list.draggable = true; |
| | | } |
| | | else { |
| | | this.env.selection_sources.push(this.env.source); |
| | | writable = !source.readonly; |
| | | } |
| | | |
| | | this.env.selection_sources = $.unique(this.env.selection_sources); |
| | | } |
| | | |
| | | // if a group is currently selected, and there is at least one contact selected |
| | | // thend we can enable the group-remove-selected command |
| | | this.enable_command('group-remove-selected', this.env.group && list.selection.length > 0); |
| | | this.enable_command('group-remove-selected', this.env.group && list.selection.length > 0 && writable); |
| | | this.enable_command('compose', this.env.group || list.selection.length > 0); |
| | | this.enable_command('export-selected', 'copy', list.selection.length > 0); |
| | | this.enable_command('edit', id && writable); |
| | | this.enable_command('delete', list.selection.length && writable); |
| | | this.enable_command('delete', 'move', list.selection.length > 0 && writable); |
| | | |
| | | return false; |
| | | }; |
| | |
| | | |
| | | if (this.env.search_id) |
| | | folder = 'S'+this.env.search_id; |
| | | else |
| | | else if (!this.env.search_request) |
| | | folder = group ? 'G'+src+group : src; |
| | | |
| | | this.select_folder(folder); |
| | | |
| | | this.env.source = src; |
| | | this.env.group = group; |
| | | |
| | | // truncate groups listing stack |
| | | var index = $.inArray(this.env.group, this.env.address_group_stack); |
| | | if (index < 0) |
| | | this.env.address_group_stack = []; |
| | | else |
| | | this.env.address_group_stack = this.env.address_group_stack.slice(0,index); |
| | | |
| | | // make sure the current group is on top of the stack |
| | | if (this.env.group) { |
| | | this.env.address_group_stack.push(this.env.group); |
| | | |
| | | // mark the first group on the stack as selected in the directory list |
| | | folder = 'G'+src+this.env.address_group_stack[0]; |
| | | } |
| | | else if (this.gui_objects.addresslist_title) { |
| | | $(this.gui_objects.addresslist_title).html(this.get_label('contacts')); |
| | | } |
| | | |
| | | this.select_folder(folder, '', true); |
| | | |
| | | // load contacts remotely |
| | | if (this.gui_objects.contactslist) { |
| | |
| | | this.env.source = src; |
| | | this.env.group = group; |
| | | |
| | | // also send search request to get the right messages |
| | | // also send search request to get the right records |
| | | if (this.env.search_request) |
| | | url._search = this.env.search_request; |
| | | |
| | |
| | | |
| | | this.list_contacts_clear = function() |
| | | { |
| | | this.contact_list.data = {}; |
| | | this.contact_list.clear(true); |
| | | this.show_contentframe(false); |
| | | this.enable_command('delete', false); |
| | | this.enable_command('delete', 'move', 'copy', false); |
| | | this.enable_command('compose', this.env.group ? true : false); |
| | | }; |
| | | |
| | | this.set_group_prop = function(prop) |
| | | { |
| | | if (this.gui_objects.addresslist_title) { |
| | | var boxtitle = $(this.gui_objects.addresslist_title).html(''); // clear contents |
| | | |
| | | // add link to pop back to parent group |
| | | if (this.env.address_group_stack.length > 1) { |
| | | $('<a href="#list">...</a>') |
| | | .addClass('poplink') |
| | | .appendTo(boxtitle) |
| | | .click(function(e){ return ref.command('popgroup','',this); }); |
| | | boxtitle.append(' » '); |
| | | } |
| | | |
| | | boxtitle.append($('<span>').text(prop.name)); |
| | | } |
| | | |
| | | this.triggerEvent('groupupdate', prop); |
| | | }; |
| | | |
| | | // load contact record |
| | | this.load_contact = function(cid, action, framed) |
| | | { |
| | | var win, url = {}, target = window; |
| | | var win, url = {}, target = window, |
| | | rec = this.contact_list ? this.contact_list.data[cid] : null; |
| | | |
| | | if (win = this.get_frame_window(this.env.contentframe)) { |
| | | url._framed = 1; |
| | | target = win; |
| | | this.show_contentframe(true); |
| | | |
| | | // load dummy content |
| | | if (!cid) { |
| | | // unselect selected row(s) |
| | | // load dummy content, unselect selected row(s) |
| | | if (!cid) |
| | | this.contact_list.clear_selection(); |
| | | this.enable_command('delete', 'compose', false); |
| | | } |
| | | |
| | | this.enable_command('compose', rec && rec.email); |
| | | this.enable_command('export-selected', rec && rec._type != 'group'); |
| | | } |
| | | else if (framed) |
| | | return false; |
| | |
| | | this.http_post('group-'+what+'members', post_data, lock); |
| | | }; |
| | | |
| | | // copy a contact to the specified target (group or directory) |
| | | this.copy_contact = function(cid, to) |
| | | this.contacts_drag_menu = function(e, to) |
| | | { |
| | | var dest = to.type == 'group' ? to.source : to.id, |
| | | source = this.env.source; |
| | | |
| | | if (!this.env.address_sources[dest] || this.env.address_sources[dest].readonly) |
| | | return true; |
| | | |
| | | // search result may contain contacts from many sources, but if there is only one... |
| | | if (source == '' && this.env.selection_sources.length == 1) |
| | | source = this.env.selection_sources[0]; |
| | | |
| | | if (to.type == 'group' && dest == source) { |
| | | var cid = this.contact_list.get_selection().join(','); |
| | | this.group_member_change('add', cid, dest, to.id); |
| | | return true; |
| | | } |
| | | // move action is not possible, "redirect" to copy if menu wasn't requested |
| | | else if (!this.commands.move && rcube_event.get_modifier(e) != SHIFT_KEY) { |
| | | this.copy_contacts(to); |
| | | return true; |
| | | } |
| | | |
| | | return this.drag_menu(e, to); |
| | | }; |
| | | |
| | | // copy contact(s) to the specified target (group or directory) |
| | | this.copy_contacts = function(to) |
| | | { |
| | | var n, dest = to.type == 'group' ? to.source : to.id, |
| | | source = this.env.source, |
| | | group = this.env.group ? this.env.group : ''; |
| | | |
| | | if (!cid) |
| | | group = this.env.group ? this.env.group : '', |
| | | cid = this.contact_list.get_selection().join(','); |
| | | |
| | | if (!cid || !this.env.address_sources[dest] || this.env.address_sources[dest].readonly) |
| | |
| | | // tagret is a group |
| | | if (to.type == 'group') { |
| | | if (dest == source) |
| | | this.group_member_change('add', cid, dest, to.id); |
| | | else { |
| | | var lock = this.display_message(this.get_label('copyingcontact'), 'loading'), |
| | | post_data = {_cid: cid, _source: source, _to: dest, _togid: to.id, _gid: group}; |
| | | return; |
| | | |
| | | this.http_post('copy', post_data, lock); |
| | | } |
| | | var lock = this.display_message(this.get_label('copyingcontact'), 'loading'), |
| | | post_data = {_cid: cid, _source: this.env.source, _to: dest, _togid: to.id, _gid: group}; |
| | | |
| | | this.http_post('copy', post_data, lock); |
| | | } |
| | | // target is an addressbook |
| | | else if (to.id != source) { |
| | | var lock = this.display_message(this.get_label('copyingcontact'), 'loading'), |
| | | post_data = {_cid: cid, _source: source, _to: to.id, _gid: group}; |
| | | post_data = {_cid: cid, _source: this.env.source, _to: to.id, _gid: group}; |
| | | |
| | | this.http_post('copy', post_data, lock); |
| | | } |
| | | }; |
| | | |
| | | this.delete_contacts = function() |
| | | // move contact(s) to the specified target (group or directory) |
| | | this.move_contacts = function(to) |
| | | { |
| | | var selection = this.contact_list.get_selection(), |
| | | undelete = this.env.source && this.env.address_sources[this.env.source].undelete; |
| | | var dest = to.type == 'group' ? to.source : to.id, |
| | | source = this.env.source, |
| | | group = this.env.group ? this.env.group : ''; |
| | | |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!(selection.length || this.env.cid) || (!undelete && !confirm(this.get_label('deletecontactconfirm')))) |
| | | if (!this.env.address_sources[dest] || this.env.address_sources[dest].readonly) |
| | | return; |
| | | |
| | | var id, n, a_cids = [], |
| | | post_data = {_source: this.env.source, _from: (this.env.action ? this.env.action : '')}, |
| | | lock = this.display_message(this.get_label('contactdeleting'), 'loading'); |
| | | // search result may contain contacts from many sources, but if there is only one... |
| | | if (source == '' && this.env.selection_sources.length == 1) |
| | | source = this.env.selection_sources[0]; |
| | | |
| | | if (to.type == 'group') { |
| | | if (dest == source) |
| | | return; |
| | | |
| | | this._with_selected_contacts('move', {_to: dest, _togid: to.id}); |
| | | } |
| | | // target is an addressbook |
| | | else if (to.id != source) |
| | | this._with_selected_contacts('move', {_to: to.id}); |
| | | }; |
| | | |
| | | // delete contact(s) |
| | | this.delete_contacts = function() |
| | | { |
| | | var undelete = this.env.source && this.env.address_sources[this.env.source].undelete; |
| | | |
| | | if (!undelete && !confirm(this.get_label('deletecontactconfirm'))) |
| | | return; |
| | | |
| | | return this._with_selected_contacts('delete'); |
| | | }; |
| | | |
| | | this._with_selected_contacts = function(action, post_data) |
| | | { |
| | | var selection = this.contact_list ? this.contact_list.get_selection() : []; |
| | | |
| | | // exit if no mailbox specified or if selection is empty |
| | | if (!selection.length && !this.env.cid) |
| | | return; |
| | | |
| | | var n, a_cids = [], |
| | | label = action == 'delete' ? 'contactdeleting' : 'movingcontact', |
| | | lock = this.display_message(this.get_label(label), 'loading'); |
| | | if (this.env.cid) |
| | | a_cids.push(this.env.cid); |
| | | else { |
| | |
| | | this.show_contentframe(false); |
| | | } |
| | | |
| | | if (!post_data) |
| | | post_data = {}; |
| | | |
| | | post_data._source = this.env.source; |
| | | post_data._from = this.env.action; |
| | | post_data._cid = a_cids.join(','); |
| | | |
| | | if (this.env.group) |
| | |
| | | post_data._search = this.env.search_request; |
| | | |
| | | // send request to server |
| | | this.http_post('delete', post_data, lock) |
| | | this.http_post(action, post_data, lock) |
| | | |
| | | return true; |
| | | }; |
| | | |
| | | // update a contact record in the list |
| | | this.update_contact_row = function(cid, cols_arr, newcid, source) |
| | | this.update_contact_row = function(cid, cols_arr, newcid, source, data) |
| | | { |
| | | var c, row, list = this.contact_list; |
| | | |
| | |
| | | newcid = newcid+'-'+source; |
| | | } |
| | | |
| | | if (list.rows[cid] && (row = list.rows[cid].obj)) { |
| | | for (c=0; c<cols_arr.length; c++) |
| | | if (row.cells[c]) |
| | | $(row.cells[c]).html(cols_arr[c]); |
| | | |
| | | // cid change |
| | | if (newcid) { |
| | | newcid = this.html_identifier(newcid); |
| | | row.id = 'rcmrow' + newcid; |
| | | list.remove_row(cid); |
| | | list.init_row(row); |
| | | list.selection[0] = newcid; |
| | | row.style.display = ''; |
| | | } |
| | | } |
| | | list.update_row(cid, cols_arr, newcid, true); |
| | | list.data[cid] = data; |
| | | }; |
| | | |
| | | // add row to contacts list |
| | | this.add_contact_row = function(cid, cols, classes) |
| | | this.add_contact_row = function(cid, cols, classes, data) |
| | | { |
| | | if (!this.gui_objects.contactslist) |
| | | return false; |
| | | |
| | | var c, col, list = this.contact_list, |
| | | row = document.createElement('tr'); |
| | | row = { cols:[] }; |
| | | |
| | | row.id = 'rcmrow'+this.html_identifier(cid); |
| | | row.className = 'contact ' + (classes || ''); |
| | |
| | | |
| | | // add each submitted col |
| | | for (c in cols) { |
| | | col = document.createElement('td'); |
| | | col = {}; |
| | | col.className = String(c).toLowerCase(); |
| | | col.innerHTML = cols[c]; |
| | | row.appendChild(col); |
| | | row.cols.push(col); |
| | | } |
| | | |
| | | // store data in list member |
| | | list.data[cid] = data; |
| | | list.insert_row(row); |
| | | |
| | | this.enable_command('export', list.rowcount > 0); |
| | |
| | | { |
| | | var ref = this, col; |
| | | |
| | | this.set_photo_actions($('#ff_photo').val()); |
| | | |
| | | for (col in this.env.coltypes) |
| | | this.init_edit_field(col, null); |
| | | if (this.env.coltypes) { |
| | | this.set_photo_actions($('#ff_photo').val()); |
| | | for (col in this.env.coltypes) |
| | | this.init_edit_field(col, null); |
| | | } |
| | | |
| | | $('.contactfieldgroup .row a.deletebutton').click(function() { |
| | | ref.delete_edit_field(this); |
| | |
| | | } |
| | | |
| | | $("input[type='text']:visible").first().focus(); |
| | | |
| | | // Submit search form on Enter |
| | | if (this.env.action == 'search') |
| | | $(this.gui_objects.editform).append($('<input type="submit">').hide()) |
| | | .submit(function() { $('input.mainaction').click(); return false; }); |
| | | }; |
| | | |
| | | this.group_create = function() |
| | |
| | | this.name_input.bind('keydown', function(e){ return rcmail.add_input_keydown(e); }); |
| | | this.env.group_renaming = true; |
| | | |
| | | var link, li = this.get_folder_li(this.env.source+this.env.group, 'rcmliG'); |
| | | var link, li = this.get_folder_li('G'+this.env.source+this.env.group,'',true); |
| | | if (li && (link = li.firstChild)) { |
| | | $(link).hide().before(this.name_input); |
| | | } |
| | |
| | | // callback from server upon group-delete command |
| | | this.remove_group_item = function(prop) |
| | | { |
| | | var li, key = 'G'+prop.source+prop.id; |
| | | if ((li = this.get_folder_li(key))) { |
| | | this.triggerEvent('group_delete', { source:prop.source, id:prop.id, li:li }); |
| | | |
| | | li.parentNode.removeChild(li); |
| | | var key = 'G'+prop.source+prop.id; |
| | | if (this.treelist.remove(key)) { |
| | | delete this.env.contactfolders[key]; |
| | | delete this.env.contactgroups[key]; |
| | | } |
| | |
| | | this.name_input.bind('keydown', function(e){ return rcmail.add_input_keydown(e); }); |
| | | this.name_input_li = $('<li>').addClass(type).append(this.name_input); |
| | | |
| | | var li = type == 'contactsearch' ? $('li:last', this.gui_objects.folderlist) : this.get_folder_li(this.env.source); |
| | | this.name_input_li.insertAfter(li); |
| | | var ul, li; |
| | | |
| | | // find list (UL) element |
| | | if (type == 'contactsearch') |
| | | ul = this.gui_objects.folderlist; |
| | | else |
| | | ul = $('ul.groups', this.get_folder_li(this.env.source,'',true)); |
| | | |
| | | // append to the list |
| | | li = $('li:last', ul); |
| | | if (li.length) |
| | | this.name_input_li.insertAfter(li); |
| | | else { |
| | | this.name_input_li.appendTo(ul); |
| | | ul.show(); // make sure the list is visible |
| | | } |
| | | } |
| | | |
| | | this.name_input.select().focus(); |
| | |
| | | this.reset_add_input = function() |
| | | { |
| | | if (this.name_input) { |
| | | var li = this.name_input.parent(); |
| | | if (this.env.group_renaming) { |
| | | var li = this.name_input.parent(); |
| | | li.children().last().show(); |
| | | this.env.group_renaming = false; |
| | | } |
| | | else if ($('li', li.parent()).length == 1) |
| | | li.parent().hide(); |
| | | |
| | | this.name_input.remove(); |
| | | |
| | |
| | | link = $('<a>').attr('href', '#') |
| | | .attr('rel', prop.source+':'+prop.id) |
| | | .click(function() { return rcmail.command('listgroup', prop, this); }) |
| | | .html(prop.name), |
| | | li = $('<li>').attr({id: 'rcmli'+this.html_identifier(key), 'class': 'contactgroup'}) |
| | | .append(link); |
| | | .html(prop.name); |
| | | |
| | | this.env.contactfolders[key] = this.env.contactgroups[key] = prop; |
| | | this.add_contact_group_row(prop, li); |
| | | this.treelist.insert({ id:key, html:link, classes:['contactgroup'] }, prop.source, true); |
| | | |
| | | this.triggerEvent('group_insert', { id:prop.id, source:prop.source, name:prop.name, li:li[0] }); |
| | | this.triggerEvent('group_insert', { id:prop.id, source:prop.source, name:prop.name, li:this.treelist.get_item(key) }); |
| | | }; |
| | | |
| | | // callback for renaming a contact group |
| | |
| | | this.reset_add_input(); |
| | | |
| | | var key = 'G'+prop.source+prop.id, |
| | | li = this.get_folder_li(key), |
| | | link; |
| | | newnode = {}; |
| | | |
| | | // group ID has changed, replace link node and identifiers |
| | | if (li && prop.newid) { |
| | | if (prop.newid) { |
| | | var newkey = 'G'+prop.source+prop.newid, |
| | | newprop = $.extend({}, prop);; |
| | | newprop = $.extend({}, prop); |
| | | |
| | | li.id = 'rcmli' + this.html_identifier(newkey); |
| | | this.env.contactfolders[newkey] = this.env.contactfolders[key]; |
| | | this.env.contactfolders[newkey].id = prop.newid; |
| | | this.env.group = prop.newid; |
| | |
| | | newprop.id = prop.newid; |
| | | newprop.type = 'group'; |
| | | |
| | | link = $('<a>').attr('href', '#') |
| | | newnode.id = newkey; |
| | | newnode.html = $('<a>').attr('href', '#') |
| | | .attr('rel', prop.source+':'+prop.newid) |
| | | .click(function() { return rcmail.command('listgroup', newprop, this); }) |
| | | .html(prop.name); |
| | | $(li).children().replaceWith(link); |
| | | } |
| | | // update displayed group name |
| | | else if (li && (link = li.firstChild) && link.tagName.toLowerCase() == 'a') |
| | | link.innerHTML = prop.name; |
| | | |
| | | this.env.contactfolders[key].name = this.env.contactgroups[key].name = prop.name; |
| | | this.add_contact_group_row(prop, $(li), true); |
| | | |
| | | this.triggerEvent('group_update', { id:prop.id, source:prop.source, name:prop.name, li:li[0], newid:prop.newid }); |
| | | }; |
| | | |
| | | // add contact group row to the list, with sorting |
| | | this.add_contact_group_row = function(prop, li, reloc) |
| | | { |
| | | var row, name = prop.name.toUpperCase(), |
| | | sibling = this.get_folder_li(prop.source), |
| | | prefix = 'rcmliG' + this.html_identifier(prop.source); |
| | | |
| | | // When renaming groups, we need to remove it from DOM and insert it in the proper place |
| | | if (reloc) { |
| | | row = li.clone(true); |
| | | li.remove(); |
| | | else { |
| | | $(this.treelist.get_item(key)).children().first().html(prop.name); |
| | | this.env.contactfolders[key].name = this.env.contactgroups[key].name = prop.name; |
| | | } |
| | | else |
| | | row = li; |
| | | |
| | | $('li[id^="'+prefix+'"]', this.gui_objects.folderlist).each(function(i, elem) { |
| | | if (name >= $(this).text().toUpperCase()) |
| | | sibling = elem; |
| | | else |
| | | return false; |
| | | }); |
| | | // update list node and re-sort it |
| | | this.treelist.update(key, newnode, true); |
| | | |
| | | row.insertAfter(sibling); |
| | | this.triggerEvent('group_update', { id:prop.id, source:prop.source, name:prop.name, li:this.treelist.get_item(key), newid:prop.newid }); |
| | | }; |
| | | |
| | | this.update_group_commands = function() |
| | |
| | | this.replace_contact_photo = function(id) |
| | | { |
| | | var img_src = id == '-del-' ? this.env.photo_placeholder : |
| | | this.env.comm_path + '&_action=photo&_source=' + this.env.source + '&_cid=' + this.env.cid + '&_photo=' + id; |
| | | this.env.comm_path + '&_action=photo&_source=' + this.env.source + '&_cid=' + (this.env.cid || 0) + '&_photo=' + id; |
| | | |
| | | this.set_photo_actions(id); |
| | | $(this.gui_objects.contactphoto).children('img').attr('src', img_src); |
| | |
| | | .attr('rel', id) |
| | | .click(function() { return rcmail.command('listsearch', id, this); }) |
| | | .html(name), |
| | | li = $('<li>').attr({id: 'rcmli' + this.html_identifier(key), 'class': 'contactsearch'}) |
| | | .append(link), |
| | | prop = {name:name, id:id, li:li[0]}; |
| | | prop = { name:name, id:id }; |
| | | |
| | | this.add_saved_search_row(prop, li); |
| | | this.select_folder('S'+id); |
| | | this.treelist.insert({ id:key, html:link, classes:['contactsearch'] }, null, 'contactsearch'); |
| | | this.select_folder(key,'',true); |
| | | this.enable_command('search-delete', true); |
| | | this.env.search_id = id; |
| | | |
| | | this.triggerEvent('abook_search_insert', prop); |
| | | }; |
| | | |
| | | // add saved search row to the list, with sorting |
| | | this.add_saved_search_row = function(prop, li, reloc) |
| | | { |
| | | var row, sibling, name = prop.name.toUpperCase(); |
| | | |
| | | // When renaming groups, we need to remove it from DOM and insert it in the proper place |
| | | if (reloc) { |
| | | row = li.clone(true); |
| | | li.remove(); |
| | | } |
| | | else |
| | | row = li; |
| | | |
| | | $('li[class~="contactsearch"]', this.gui_objects.folderlist).each(function(i, elem) { |
| | | if (!sibling) |
| | | sibling = this.previousSibling; |
| | | |
| | | if (name >= $(this).text().toUpperCase()) |
| | | sibling = elem; |
| | | else |
| | | return false; |
| | | }); |
| | | |
| | | if (sibling) |
| | | row.insertAfter(sibling); |
| | | else |
| | | row.appendTo(this.gui_objects.folderlist); |
| | | }; |
| | | |
| | | // creates an input for saved search name |
| | |
| | | this.remove_search_item = function(id) |
| | | { |
| | | var li, key = 'S'+id; |
| | | if ((li = this.get_folder_li(key))) { |
| | | if (this.treelist.remove(key)) { |
| | | this.triggerEvent('search_delete', { id:id, li:li }); |
| | | |
| | | li.parentNode.removeChild(li); |
| | | } |
| | | |
| | | this.env.search_id = null; |
| | |
| | | } |
| | | |
| | | this.reset_qsearch(); |
| | | this.select_folder('S'+id); |
| | | this.select_folder('S'+id, '', true); |
| | | |
| | | // reset vars |
| | | this.env.current_page = 1; |
| | |
| | | |
| | | this.update_identity_row = function(id, name, add) |
| | | { |
| | | var row, col, list = this.identity_list, |
| | | var list = this.identity_list, |
| | | rid = this.html_identifier(id); |
| | | |
| | | if (list.rows[rid] && (row = list.rows[rid].obj)) { |
| | | $(row.cells[0]).html(name); |
| | | } |
| | | else if (add) { |
| | | row = $('<tr>').attr('id', 'rcmrow'+rid).get(0); |
| | | col = $('<td>').addClass('mail').html(name).appendTo(row); |
| | | list.insert_row(row); |
| | | if (add) { |
| | | list.insert_row({ id:'rcmrow'+rid, cols:[ { className:'mail', innerHTML:name } ] }); |
| | | list.select(rid); |
| | | } |
| | | else { |
| | | list.update_row(rid, [ name ]); |
| | | } |
| | | }; |
| | | |
| | |
| | | if (!this.gui_objects.message) |
| | | return; |
| | | |
| | | var k, n, i, msg, m = this.messages; |
| | | var k, n, i, o, m = this.messages; |
| | | |
| | | // Hide message by object, don't use for 'loading'! |
| | | if (typeof obj === 'object') { |
| | | $(obj)[fade?'fadeOut':'hide'](); |
| | | msg = $(obj).data('key'); |
| | | if (this.messages[msg]) |
| | | delete this.messages[msg]; |
| | | o = $(obj); |
| | | k = o.data('key'); |
| | | this.hide_message_object(o, fade); |
| | | if (m[k]) |
| | | delete m[k]; |
| | | } |
| | | // Hide message by id |
| | | else { |
| | |
| | | m[k].elements.splice(n, 1); |
| | | // hide DOM element if last instance is removed |
| | | if (!m[k].elements.length) { |
| | | m[k].obj[fade?'fadeOut':'hide'](); |
| | | this.hide_message_object(m[k].obj, fade); |
| | | delete m[k]; |
| | | } |
| | | // set pending action label for 'loading' message |
| | |
| | | delete m[k].labels[i]; |
| | | } |
| | | else { |
| | | msg = m[k].labels[i].msg; |
| | | o = m[k].labels[i].msg; |
| | | m[k].obj.html(o); |
| | | } |
| | | m[k].obj.html(msg); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | |
| | | // hide message object and remove from the DOM |
| | | this.hide_message_object = function(o, fade) |
| | | { |
| | | if (fade) |
| | | o.fadeOut(600, function() {$(this).remove(); }); |
| | | else |
| | | o.hide().remove(); |
| | | }; |
| | | |
| | | // remove all messages immediately |
| | |
| | | for (k in m) |
| | | for (n in m[k].elements) |
| | | if (m[k].obj) |
| | | m[k].obj.hide(); |
| | | this.hide_message_object(m[k].obj); |
| | | |
| | | this.messages = {}; |
| | | }; |
| | | |
| | | // open a jquery UI dialog with the given content |
| | | this.show_popup_dialog = function(html, title) |
| | | this.show_popup_dialog = function(html, title, buttons) |
| | | { |
| | | // forward call to parent window |
| | | if (this.is_framed()) { |
| | | parent.rcmail.show_popup_dialog(html, title); |
| | | parent.rcmail.show_popup_dialog(html, title, buttons); |
| | | return; |
| | | } |
| | | |
| | |
| | | .html(html) |
| | | .dialog({ |
| | | title: title, |
| | | buttons: buttons, |
| | | modal: true, |
| | | resizable: true, |
| | | width: 580, |
| | | width: 500, |
| | | close: function(event, ui) { $(this).remove() } |
| | | }); |
| | | |
| | | // resize and center popup |
| | | var win = $(window), w = win.width(), h = win.height(), |
| | | width = popup.width(), height = popup.height(); |
| | | popup.dialog('option', { height: Math.min(h-40, height+50), width: Math.min(w-20, width+50) }) |
| | | .dialog('option', 'position', ['center', 'center']); // only works in a separate call (!?) |
| | | // resize and center popup |
| | | var win = $(window), w = win.width(), h = win.height(), |
| | | width = popup.width(), height = popup.height(); |
| | | |
| | | popup.dialog('option', { |
| | | height: Math.min(h - 40, height + 75 + (buttons ? 50 : 0)), |
| | | width: Math.min(w - 20, width + 20) |
| | | }); |
| | | }; |
| | | |
| | | // enable/disable buttons for page shifting |
| | |
| | | // mark a mailbox as selected and set environment variable |
| | | this.select_folder = function(name, prefix, encode) |
| | | { |
| | | if (this.gui_objects.folderlist) { |
| | | if (this.treelist) { |
| | | this.treelist.select(name); |
| | | } |
| | | else if (this.gui_objects.folderlist) { |
| | | var current_li, target_li; |
| | | |
| | | if ((current_li = $('li.selected', this.gui_objects.folderlist))) { |
| | |
| | | this.set_message_coltypes = function(coltypes, repl, smart_col) |
| | | { |
| | | var list = this.message_list, |
| | | thead = list ? list.list.tHead : null, |
| | | thead = list ? list.thead : null, |
| | | cell, col, n, len, th, tr; |
| | | |
| | | this.env.coltypes = coltypes; |
| | |
| | | |
| | | for (c=0, len=repl.length; c < len; c++) { |
| | | cell = document.createElement('td'); |
| | | cell.innerHTML = repl[c].html; |
| | | cell.innerHTML = repl[c].html || ''; |
| | | if (repl[c].id) cell.id = repl[c].id; |
| | | if (repl[c].className) cell.className = repl[c].className; |
| | | tr.appendChild(cell); |
| | | } |
| | | th.appendChild(tr); |
| | | thead.parentNode.replaceChild(th, thead); |
| | | thead = th; |
| | | list.thead = thead = th; |
| | | } |
| | | |
| | | for (n=0, len=this.env.coltypes.length; n<len; n++) { |
| | |
| | | var base = this.env.comm_path, k, param = {}; |
| | | |
| | | // overwrite task name |
| | | if (query._action.match(/([a-z]+)\/([a-z0-9-_.]+)/)) { |
| | | if (query._action.match(/([a-z0-9_-]+)\/([a-z0-9-_.]+)/)) { |
| | | query._action = RegExp.$2; |
| | | base = base.replace(/\_task=[a-z]+/, '_task='+RegExp.$1); |
| | | base = base.replace(/\_task=[a-z0-9_-]+/, '_task='+RegExp.$1); |
| | | } |
| | | |
| | | // remove undefined values |
| | |
| | | this.enable_command('compose', (uid && this.contact_list.rows[uid])); |
| | | this.enable_command('delete', 'edit', writable); |
| | | this.enable_command('export', (this.contact_list && this.contact_list.rowcount > 0)); |
| | | this.enable_command('export-selected', false); |
| | | } |
| | | |
| | | case 'moveto': |
| | | case 'move': |
| | | if (this.env.action == 'show') { |
| | | // re-enable commands on move/delete error |
| | | this.enable_command(this.env.message_commands, true); |
| | |
| | | |
| | | if ((response.action == 'list' || response.action == 'search') && this.message_list) { |
| | | this.msglist_select(this.message_list); |
| | | this.message_list.resize(); |
| | | this.triggerEvent('listupdate', { folder:this.env.mailbox, rowcount:this.message_list.rowcount }); |
| | | } |
| | | } |
| | |
| | | this.enable_command('search-create', this.env.source == ''); |
| | | this.enable_command('search-delete', this.env.search_id); |
| | | this.update_group_commands(); |
| | | this.contact_list.resize(); |
| | | this.triggerEvent('listupdate', { folder:this.env.source, rowcount:this.contact_list.rowcount }); |
| | | } |
| | | } |
| | |
| | | |
| | | // redirect to url specified in location header if not empty |
| | | var location_url = request.getResponseHeader("Location"); |
| | | if (location_url) |
| | | if (location_url && this.env.action != 'compose') // don't redirect on compose screen, contents might get lost (#1488926) |
| | | this.redirect(location_url); |
| | | |
| | | // 403 Forbidden response (CSRF prevention) - reload the page. |
| | | // In case there's a new valid session it will be used, otherwise |
| | | // login form will be presented (#1488960). |
| | | if (request.status == 403) { |
| | | (this.is_framed() ? parent : window).location.reload(); |
| | | return; |
| | | } |
| | | |
| | | // re-send keep-alive requests after 30 seconds |
| | | if (action == 'keep-alive') |
| | | setTimeout(function(){ ref.keep_alive(); ref.start_keepalive(); }, 30000); |
| | | }; |
| | | |
| | | // callback when an iframe finished loading |
| | | this.iframe_loaded = function(unlock) |
| | | { |
| | | this.set_busy(false, null, unlock); |
| | | |
| | | if (this.submit_timer) |
| | | clearTimeout(this.submit_timer); |
| | | }; |
| | | |
| | | // post the given form to a hidden iframe |
| | | this.async_upload_form = function(form, action, onload) |
| | | { |
| | | var ts = new Date().getTime(), |
| | | var frame, ts = new Date().getTime(), |
| | | frame_name = 'rcmupload'+ts; |
| | | |
| | | // upload progress support |
| | |
| | | // have to do it this way for IE |
| | | // otherwise the form will be posted to a new window |
| | | if (document.all) { |
| | | var html = '<iframe name="'+frame_name+'" src="program/resources/blank.gif" style="width:0;height:0;visibility:hidden;"></iframe>'; |
| | | document.body.insertAdjacentHTML('BeforeEnd', html); |
| | | document.body.insertAdjacentHTML('BeforeEnd', '<iframe name="'+frame_name+'"' |
| | | + ' src="program/resources/blank.gif" style="width:0;height:0;visibility:hidden;"></iframe>'); |
| | | frame = $('iframe[name="'+frame_name+'"]'); |
| | | } |
| | | else { // for standards-compilant browsers |
| | | var frame = document.createElement('iframe'); |
| | | frame.name = frame_name; |
| | | frame.style.border = 'none'; |
| | | frame.style.width = 0; |
| | | frame.style.height = 0; |
| | | frame.style.visibility = 'hidden'; |
| | | document.body.appendChild(frame); |
| | | // for standards-compliant browsers |
| | | else { |
| | | frame = $('<iframe>').attr('name', frame_name) |
| | | .css({border: 'none', width: 0, height: 0, visibility: 'hidden'}) |
| | | .appendTo(document.body); |
| | | } |
| | | |
| | | // handle upload errors, parsing iframe content in onload |
| | | $(frame_name).bind('load', {ts:ts}, onload); |
| | | frame.bind('load', {ts:ts}, onload); |
| | | |
| | | $(form).attr({ |
| | | target: frame_name, |
| | |
| | | url: ref.url(ref.env.filedrop.action||'upload', { _id:ref.env.compose_id||ref.env.cid||'', _uploadid:ts, _remote:1 }), |
| | | contentType: formdata ? false : 'multipart/form-data; boundary=' + boundary, |
| | | processData: false, |
| | | timeout: 0, // disable default timeout set in ajaxSetup() |
| | | data: formdata || multipart, |
| | | headers: {'X-Roundcube-Request': ref.env.request_token}, |
| | | beforeSend: function(xhr, s) { if (!formdata && xhr.sendAsBinary) xhr.send = xhr.sendAsBinary; }, |
| | | xhr: function() { var xhr = jQuery.ajaxSettings.xhr(); if (!formdata && xhr.sendAsBinary) xhr.send = xhr.sendAsBinary; return xhr; }, |
| | | success: function(data){ ref.http_response(data); }, |
| | | error: function(o, status, err) { ref.http_error(o, status, err, null, 'attachment'); } |
| | | }); |
| | |
| | | multipart += '; filename="' + (f.name_bin || file.name) + '"' + crlf; |
| | | multipart += 'Content-Length: ' + file.size + crlf; |
| | | multipart += 'Content-Type: ' + file.type + crlf + crlf; |
| | | multipart += e.target.result + crlf; |
| | | multipart += reader.result + crlf; |
| | | multipart += dashdash + boundary + crlf; |
| | | |
| | | if (j == last) // we're done, submit the data |
| | |
| | | /********************************************************/ |
| | | /********* helper methods *********/ |
| | | /********************************************************/ |
| | | |
| | | // get window.opener.rcmail if available |
| | | this.opener = function() |
| | | { |
| | | // catch Error: Permission denied to access property rcmail |
| | | try { |
| | | if (window.opener && !opener.closed && opener.rcmail) |
| | | return opener.rcmail; |
| | | } |
| | | catch (e) {} |
| | | }; |
| | | |
| | | // check if we're in show mode or if we have a unique selection |
| | | // and return the message uid |
| | |
| | | if (!elem.title) { |
| | | var $elem = $(elem); |
| | | if ($elem.width() + indent * 15 > $elem.parent().width()) |
| | | elem.title = $elem.html(); |
| | | elem.title = $elem.text(); |
| | | } |
| | | }; |
| | | |
| | | rcube_webmail.long_subject_title_ie = function(elem, indent) |
| | | rcube_webmail.long_subject_title_ex = function(elem, indent) |
| | | { |
| | | if (!elem.title) { |
| | | var $elem = $(elem), |