| | |
| | | this.treelist = new rcube_treelist_widget(this.gui_objects.folderlist, { |
| | | selectable: true, |
| | | id_prefix: 'rcmli', |
| | | parent_focus: true, |
| | | id_encode: this.html_identifier_encode, |
| | | id_decode: this.html_identifier_decode, |
| | | check_droptarget: function(node) { return !node.virtual && ref.check_droptarget(node.id) } |
| | |
| | | } |
| | | skip = obj.data('parent'); |
| | | } |
| | | }, 10); |
| | | }, 10, e); |
| | | }; |
| | | |
| | | // global keypress event handler |
| | |
| | | // expand all threads with unread children |
| | | this.expand_unread = function() |
| | | { |
| | | var r, tbody = this.gui_objects.messagelist.tBodies[0], |
| | | var r, tbody = this.message_list.tbody, |
| | | new_row = tbody.firstChild; |
| | | |
| | | while (new_row) { |
| | |
| | | if (!this.gui_objects.messageform) |
| | | return false; |
| | | |
| | | var i, input_from = $("[name='_from']"), |
| | | var i, pos, input_from = $("[name='_from']"), |
| | | input_to = $("[name='_to']"), |
| | | input_subject = $("input[name='_subject']"), |
| | | input_message = $("[name='_message']").get(0), |
| | |
| | | } |
| | | |
| | | if (!html_mode) { |
| | | this.set_caret_pos(input_message, this.env.top_posting ? 0 : $(input_message).val().length); |
| | | pos = this.env.top_posting ? 0 : input_message.value.length; |
| | | this.set_caret_pos(input_message, pos); |
| | | |
| | | // add signature according to selected identity |
| | | // if we have HTML editor, signature is added in callback |
| | | if (input_from.prop('type') == 'select-one') { |
| | | this.change_identity(input_from[0]); |
| | | } |
| | | |
| | | // scroll to the bottom of the textarea (#1490114) |
| | | if (pos) { |
| | | $(input_message).scrollTop(input_message.scrollHeight); |
| | | } |
| | | } |
| | | |
| | | // check for locally stored compose data |
| | | this.compose_restore_dialog(0, html_mode) |
| | | if (this.env.save_localstorage) |
| | | this.compose_restore_dialog(0, html_mode) |
| | | |
| | | if (input_to.val() == '') |
| | | input_to.focus(); |
| | |
| | | this.toggle_editor = function(props, obj, e) |
| | | { |
| | | // @todo: this should work also with many editors on page |
| | | var result = this.editor.toggle(props.html); |
| | | var result = this.editor.toggle(props.html, props.noconvert || false); |
| | | |
| | | // satisfy the expectations of aftertoggle-editor event subscribers |
| | | props.mode = props.html ? 'html' : 'plain'; |
| | | |
| | | if (!result && e) { |
| | | // fix selector value if operation failed |
| | | $(e.target).filter('select').val(props.html ? 'plain' : 'html'); |
| | | props.mode = props.html ? 'plain' : 'html'; |
| | | $(e.target).filter('select').val(props.mode); |
| | | } |
| | | |
| | | if (result) { |
| | |
| | | this.save_response = function() |
| | | { |
| | | // show dialog to enter a name and to modify the text to be saved |
| | | var buttons = {}, text = this.editor.get_content(true, true), |
| | | var buttons = {}, text = this.editor.get_content({selection: true, format: 'text', nosig: true}), |
| | | html = '<form class="propform">' + |
| | | '<div class="prop block"><label>' + this.get_label('responsename') + '</label>' + |
| | | '<input type="text" name="name" id="ffresponsename" size="40" /></div>' + |
| | |
| | | } |
| | | |
| | | // save compose form content to local storage every 5 seconds |
| | | if (!this.local_save_timer && window.localStorage) { |
| | | if (!this.local_save_timer && window.localStorage && this.env.save_localstorage) { |
| | | // track typing activity and only save on changes |
| | | this.compose_type_activity = this.compose_type_activity_last = 0; |
| | | $(document).bind('keypress', function(e){ ref.compose_type_activity++; }); |
| | |
| | | if (val = $('[name="_' + hash_fields[i] + '"]').val()) |
| | | str += val + ':'; |
| | | |
| | | str += this.editor.get_content(); |
| | | str += this.editor.get_content({refresh: false}); |
| | | |
| | | if (this.env.attachments) |
| | | for (id in this.env.attachments) |
| | |
| | | // store the contents of the compose form to localstorage |
| | | this.save_compose_form_local = function() |
| | | { |
| | | // feature is disabled |
| | | if (!this.env.save_localstorage) |
| | | return; |
| | | |
| | | var formdata = { session:this.env.session_id, changed:new Date().getTime() }, |
| | | ed, empty = true; |
| | | |
| | |
| | | |
| | | // initialize HTML editor |
| | | if ((formdata._is_html == '1' && !html_mode) || (formdata._is_html != '1' && html_mode)) { |
| | | this.command('toggle-editor', {id: this.env.composebody, html: !html_mode}); |
| | | this.command('toggle-editor', {id: this.env.composebody, html: !html_mode, noconvert: true}); |
| | | } |
| | | } |
| | | }; |
| | |
| | | if (!show_sig) |
| | | show_sig = this.env.show_sig; |
| | | |
| | | var id = obj.options[obj.selectedIndex].value, |
| | | sig = this.env.identity, |
| | | delim = this.env.recipients_separator, |
| | | rx_delim = RegExp.escape(delim); |
| | | |
| | | // enable manual signature insert |
| | | if (this.env.signatures && this.env.signatures[id]) { |
| | | this.enable_command('insert-sig', true); |
| | | this.env.compose_commands.push('insert-sig'); |
| | | } |
| | | else |
| | | this.enable_command('insert-sig', false); |
| | | |
| | | // first function execution |
| | | if (!this.env.identities_initialized) { |
| | | this.env.identities_initialized = true; |
| | |
| | | if (this.env.opened_extwin) |
| | | return; |
| | | } |
| | | |
| | | var id = obj.options[obj.selectedIndex].value, |
| | | sig = this.env.identity, |
| | | delim = this.env.recipients_separator, |
| | | rx_delim = RegExp.escape(delim); |
| | | |
| | | // update reply-to/bcc fields with addresses defined in identities |
| | | $.each(['replyto', 'bcc'], function() { |
| | |
| | | if (old_val || new_val) |
| | | input.val(input_val).change(); |
| | | }); |
| | | |
| | | // enable manual signature insert |
| | | if (this.env.signatures && this.env.signatures[id]) { |
| | | this.enable_command('insert-sig', true); |
| | | this.env.compose_commands.push('insert-sig'); |
| | | } |
| | | else |
| | | this.enable_command('insert-sig', false); |
| | | |
| | | this.editor.change_signature(id, show_sig); |
| | | this.env.identity = id; |
| | |
| | | this.ksearch_destroy(); |
| | | |
| | | // insert all members of a group |
| | | if (typeof this.env.contacts[id] === 'object' && this.env.contacts[id].type == 'group') { |
| | | if (typeof this.env.contacts[id] === 'object' && this.env.contacts[id].type == 'group' && !this.env.contacts[id].email) { |
| | | insert += this.env.contacts[id].name + this.env.recipients_delimiter; |
| | | this.group2expand[this.env.contacts[id].id] = $.extend({ input: this.ksearch_input }, this.env.contacts[id]); |
| | | this.http_request('mail/group-expand', {_source: this.env.contacts[id].source, _gid: this.env.contacts[id].id}, false); |
| | |
| | | id = i + this.env.contacts.length; |
| | | $('<li>').attr('id', 'rcmkSearchItem' + id) |
| | | .attr('role', 'option') |
| | | .html(this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>')) |
| | | .html('<i class="icon"></i>' + this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>')) |
| | | .addClass(type || '') |
| | | .appendTo(ul) |
| | | .mouseover(function() { ref.ksearch_select(this); }) |
| | |
| | | |
| | | this.subscription_list = new rcube_treelist_widget(this.gui_objects.subscriptionlist, { |
| | | selectable: true, |
| | | tabexit: false, |
| | | parent_focus: true, |
| | | id_prefix: 'rcmli', |
| | | id_encode: this.html_identifier_encode, |
| | | id_decode: this.html_identifier_decode, |
| | |
| | | row.attr({id: 'rcmli' + this.html_identifier_encode(id), 'class': class_name}); |
| | | |
| | | if (!refrow || !refrow.length) { |
| | | // remove old subfolders and toggle |
| | | // remove old data, subfolders and toggle |
| | | $('ul,div.treetoggle', row).remove(); |
| | | row.removeData('filtered'); |
| | | } |
| | | |
| | | // set folder name |
| | |
| | | this.subscription_list.expand(this.folder_id2name(parent.id)); |
| | | } |
| | | |
| | | row = row.get(0); |
| | | row = row.show().get(0); |
| | | if (row.scrollIntoView) |
| | | row.scrollIntoView(); |
| | | |
| | |
| | | $('#folder-size').replaceWith(size); |
| | | }; |
| | | |
| | | // filter folders by namespace |
| | | this.folder_filter = function(prefix) |
| | | { |
| | | this.subscription_list.reset_search(); |
| | | |
| | | this.subscription_list.container.children('li').each(function() { |
| | | var i, folder = ref.folder_id2name(this.id); |
| | | // show all folders |
| | | if (prefix == '---') { |
| | | } |
| | | // got namespace prefix |
| | | else if (prefix) { |
| | | if (folder !== prefix) { |
| | | $(this).data('filtered', true).hide(); |
| | | return |
| | | } |
| | | } |
| | | // no namespace prefix, filter out all other namespaces |
| | | else { |
| | | // first get all namespace roots |
| | | for (i in ref.env.ns_roots) { |
| | | if (folder === ref.env.ns_roots[i]) { |
| | | $(this).data('filtered', true).hide(); |
| | | return; |
| | | } |
| | | } |
| | | } |
| | | |
| | | $(this).removeData('filtered').show(); |
| | | }); |
| | | }; |
| | | |
| | | /*********************************************************/ |
| | | /********* GUI functionality *********/ |
| | |
| | | // truncate stack down to the one containing the ref link |
| | | for (var i = this.menu_stack.length - 1; stack && i >= 0; i--) { |
| | | if (!$(ref).parents('#'+this.menu_stack[i]).length) |
| | | this.hide_menu(this.menu_stack[i]); |
| | | this.hide_menu(this.menu_stack[i], event); |
| | | } |
| | | if (stack && this.menu_stack.length) { |
| | | obj.data('parent', $.last(this.menu_stack)); |
| | |
| | | // and return the message uid |
| | | this.get_single_uid = function() |
| | | { |
| | | return this.env.uid ? this.env.uid : (this.message_list ? this.message_list.get_single_selection() : null); |
| | | var uid = this.env.uid || (this.message_list ? this.message_list.get_single_selection() : null); |
| | | var result = ref.triggerEvent('get_single_uid', { uid: uid }); |
| | | return result || uid; |
| | | }; |
| | | |
| | | // same as above but for contacts |
| | | this.get_single_cid = function() |
| | | { |
| | | return this.env.cid ? this.env.cid : (this.contact_list ? this.contact_list.get_single_selection() : null); |
| | | var cid = this.env.cid || (this.contact_list ? this.contact_list.get_single_selection() : null); |
| | | var result = ref.triggerEvent('get_single_cid', { cid: cid }); |
| | | return result || cid; |
| | | }; |
| | | |
| | | // get the IMP mailbox of the message with the given UID |