Roundcubemail devel
blame | history | patch | commit | commitdiff | ignore whitespace
Thomas Bruederli
2014-02-04 8a5777fd1ad8cc96c90db6dddfadbcd160558e8e 
 program/js/app.js


@@ -34,7 +34,7 @@




  // webmail client settings


  this.dblclick_time = 500;


  this.message_time = 4000;


  this.message_time = 5000;


  this.identifier_expr = new RegExp('[^0-9a-z\-_]', 'gi');




  // environment defaults


@@ -198,32 +198,29 @@


            multiselect:true, multiexpand:true, draggable:true, keyboard:true,


            column_movable:this.env.col_movable, dblclick_time:this.dblclick_time


            });


          this.message_list.row_init = function(o){ p.init_message_row(o); };


          this.message_list.addEventListener('dblclick', function(o){ p.msglist_dbl_click(o); });


          this.message_list.addEventListener('click', function(o){ p.msglist_click(o); });


          this.message_list.addEventListener('keypress', function(o){ p.msglist_keypress(o); });


          this.message_list.addEventListener('select', function(o){ p.msglist_select(o); });


          this.message_list.addEventListener('dragstart', function(o){ p.drag_start(o); });


          this.message_list.addEventListener('dragmove', function(e){ p.drag_move(e); });


          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); });


          this.message_list


            .addEventListener('initrow', function(o) { p.init_message_row(o); })


            .addEventListener('dblclick', function(o) { p.msglist_dbl_click(o); })


            .addEventListener('click', function(o) { p.msglist_click(o); })


            .addEventListener('keypress', function(o) { p.msglist_keypress(o); })


            .addEventListener('select', function(o) { p.msglist_select(o); })


            .addEventListener('dragstart', function(o) { p.drag_start(o); })


            .addEventListener('dragmove', function(e) { p.drag_move(e); })


            .addEventListener('dragend', function(e) { p.drag_end(e); })


            .addEventListener('expandcollapse', function(o) { p.msglist_expand(o); })


            .addEventListener('column_replace', function(o) { p.msglist_set_coltypes(o); })


            .addEventListener('listupdate', function(o) { p.triggerEvent('listupdate', o); })


            .init();




          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', '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 && rcmail.message_list.blur(); });


          $(this.gui_objects.qsearchbox).val(this.env.search_text).focusin(function() { rcmail.message_list.blur(); });


        }




        this.set_button_titles();


@@ -285,10 +282,10 @@


                return rcube_event.cancel(e);


              });




              // avoid textarea loosing focus when hitting the save-response button/link


              for (var i=0; this.buttons['save-response'] && i < this.buttons['save-response'].length; i++) {


                $('#'+this.buttons['save-response'][i].id).mousedown(function(e){ return rcube_event.cancel(e); })


              }


            // avoid textarea loosing focus when hitting the save-response button/link


            for (var i=0; this.buttons['save-response'] && i < this.buttons['save-response'].length; i++) {


              $('#'+this.buttons['save-response'][i].id).mousedown(function(e){ return rcube_event.cancel(e); })


            }


          }




          document.onmouseup = function(e){ return p.doc_mouse_up(e); };


@@ -317,9 +314,11 @@


        if (this.gui_objects.contactslist) {


          this.contact_list = new rcube_list_widget(this.gui_objects.contactslist,


            { multiselect:true, draggable:false, keyboard:false });


          this.contact_list.addEventListener('select', function(o){ ref.compose_recipient_select(o); });


          this.contact_list.addEventListener('dblclick', function(o){ ref.compose_add_recipient('to'); });


          this.contact_list.init();


          this.contact_list


            .addEventListener('initrow', function(o) { p.triggerEvent('insertrow', { cid:o.uid, row:o }); })


            .addEventListener('select', function(o) { ref.compose_recipient_select(o); })


            .addEventListener('dblclick', function(o) { ref.compose_add_recipient('to'); })


            .init();


        }




        if (this.gui_objects.addressbookslist) {


@@ -351,26 +350,27 @@


          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', 'pushgroup', 'popgroup', 'listsearch', 'advanced-search', true);


        this.enable_command('list', 'listgroup', 'pushgroup', 'popgroup', 'listsearch', 'search', 'reset-search', 'advanced-search', true);




        if (this.gui_objects.contactslist) {


          this.contact_list = new rcube_list_widget(this.gui_objects.contactslist,


            {multiselect:true, draggable:this.gui_objects.folderlist?true:false, keyboard:true});


          this.contact_list.row_init = function(row){ p.triggerEvent('insertrow', { cid:row.uid, row:row }); };


          this.contact_list.addEventListener('keypress', function(o){ p.contactlist_keypress(o); });


          this.contact_list.addEventListener('select', function(o){ p.contactlist_select(o); });


          this.contact_list.addEventListener('dragstart', function(o){ p.drag_start(o); });


          this.contact_list.addEventListener('dragmove', function(e){ p.drag_move(e); });


          this.contact_list.addEventListener('dragend', function(e){ p.drag_end(e); });


          this.contact_list.init();


          this.contact_list


            .addEventListener('initrow', function(o) { p.triggerEvent('insertrow', { cid:o.uid, row:o }); })


            .addEventListener('keypress', function(o) { p.contactlist_keypress(o); })


            .addEventListener('select', function(o) { p.contactlist_select(o); })


            .addEventListener('dragstart', function(o) { p.drag_start(o); })


            .addEventListener('dragmove', function(e) { p.drag_move(e); })


            .addEventListener('dragend', function(e) { p.drag_end(e); })


            .init();




          if (this.env.cid)


            this.contact_list.highlight_row(this.env.cid);




          this.gui_objects.contactslist.parentNode.onmousedown = function(e){ return p.click_on_list(e); };


          document.onmouseup = function(e){ return p.doc_mouse_up(e); };


          if (this.gui_objects.qsearchbox)


            $(this.gui_objects.qsearchbox).focusin(function() { rcmail.contact_list.blur(); });




          $(this.gui_objects.qsearchbox).focusin(function() { rcmail.contact_list.blur(); });




          this.update_group_commands();


          this.command('list');


@@ -394,9 +394,6 @@


              this.init_contact_form();


        }




        if (this.gui_objects.qsearchbox)


          this.enable_command('search', 'reset-search', true);




        break;




      case 'settings':


@@ -408,9 +405,6 @@


        else if (this.env.action == 'edit-identity' || this.env.action == 'add-identity') {


          this.enable_command('save', 'edit', 'toggle-editor', true);


          this.enable_command('delete', this.env.identities_level < 2);




          if (this.env.action == 'add-identity')


            $("input[type='text']").first().select();


        }


        else if (this.env.action == 'folders') {


          this.enable_command('subscribe', 'unsubscribe', 'create-folder', 'rename-folder', true);


@@ -419,42 +413,45 @@


          this.enable_command('save', 'folder-size', true);


          parent.rcmail.env.exists = this.env.messagecount;


          parent.rcmail.enable_command('purge', this.env.messagecount);


          $("input[type='text']").first().select();


        }


        else if (this.env.action == 'responses') {


          this.enable_command('add', true);


        }




        if (this.gui_objects.identitieslist) {


          this.identity_list = new rcube_list_widget(this.gui_objects.identitieslist, {multiselect:false, draggable:false, keyboard:false});


          this.identity_list.addEventListener('select', function(o){ p.identity_select(o); });


          this.identity_list.init();


          this.identity_list.focus();


          this.identity_list = new rcube_list_widget(this.gui_objects.identitieslist,


            {multiselect:false, draggable:false, keyboard:false});


          this.identity_list


            .addEventListener('select', function(o) { p.identity_select(o); })


            .init()


            .focus();




          if (this.env.iid)


            this.identity_list.highlight_row(this.env.iid);


        }


        else if (this.gui_objects.sectionslist) {


          this.sections_list = new rcube_list_widget(this.gui_objects.sectionslist, {multiselect:false, draggable:false, keyboard:false});


          this.sections_list.addEventListener('select', function(o){ p.section_select(o); });


          this.sections_list.init();


          this.sections_list.focus();


          this.sections_list


            .addEventListener('select', function(o) { p.section_select(o); })


            .init()


            .focus();


        }


        else if (this.gui_objects.subscriptionlist) {


          this.init_subscription_list();


        }


        else if (this.gui_objects.responseslist) {


          this.responses_list = new rcube_list_widget(this.gui_objects.responseslist, {multiselect:false, draggable:false, keyboard:false});


          this.responses_list.addEventListener('select', function(list){


            var win, id = list.get_single_selection();


            p.enable_command('delete', !!id && $.inArray(id, p.env.readonly_responses) < 0);


            if (id && (win = p.get_frame_window(p.env.contentframe))) {


              p.set_busy(true);


              p.location_href({ _action:'edit-response', _key:id, _framed:1 }, win);


            }


          });


          this.responses_list.init();


          this.responses_list.focus();


          this.responses_list


            .addEventListener('select', function(list) {


              var win, id = list.get_single_selection();


              p.enable_command('delete', !!id && $.inArray(id, p.env.readonly_responses) < 0);


              if (id && (win = p.get_frame_window(p.env.contentframe))) {


                p.set_busy(true);


                p.location_href({ _action:'edit-response', _key:id, _framed:1 }, win);


              }


            })


            .init()


            .focus();


        }




        break;


@@ -489,6 +486,11 @@


        break;


    }




    // select first input field in an edit form


    if (this.gui_objects.editform)


      $("input,select,textarea", this.gui_objects.editform)


        .not(':hidden').not(':disabled').first().select();




    // unset contentframe variable if preview_pane is enabled


    if (this.env.contentframe && !$('#' + this.env.contentframe).is(':visible'))


      this.env.contentframe = null;


@@ -515,11 +517,12 @@


          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) }


          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' }) });


        this.treelist


          .addEventListener('collapse', function(node) { ref.folder_collapsed(node) })


          .addEventListener('expand', function(node) { ref.folder_collapsed(node) })


          .addEventListener('select', function(node) { ref.triggerEvent('selectfolder', { folder:node.id, prefix:'rcmli' }) });


      }


    }




@@ -584,9 +587,12 @@


    }




    // check input before leaving compose step


    if (this.task == 'mail' && this.env.action == 'compose' && $.inArray(command, this.env.compose_commands)<0) {


    if (this.task == 'mail' && this.env.action == 'compose' && $.inArray(command, this.env.compose_commands) < 0 && !this.env.server_error) {


      if (this.cmp_hash != this.compose_field_hash() && !confirm(this.get_label('notsentwarning')))


        return false;




      // remove copy from local storage if compose screen is left intentionally


      this.remove_compose_data(this.env.compose_id);


    }




    // process external commands


@@ -621,10 +627,10 @@


        break;




      // commands to switch task


      case 'logout':


      case 'mail':


      case 'addressbook':


      case 'settings':


      case 'logout':


        this.switch_task(command);


        break;




@@ -644,6 +650,7 @@


          var form = this.gui_objects.messageform,


            win = this.open_window('');




          this.save_compose_form_local();


          $("input[name='_action']", form).val('compose');


          form.action = this.url('mail/compose', { _id: this.env.compose_id, _extwin: 1 });


          form.target = win.name;


@@ -844,14 +851,14 @@


      case 'move':


      case 'moveto': // deprecated


        if (this.task == 'mail')


          this.move_messages(props);


          this.move_messages(props, obj);


        else if (this.task == 'addressbook')


          this.move_contacts(props);


        break;




      case 'copy':


        if (this.task == 'mail')


          this.copy_messages(props);


          this.copy_messages(props, obj);


        else if (this.task == 'addressbook')


          this.copy_contacts(props);


        break;


@@ -1298,8 +1305,10 @@


      return;




    var url = this.get_task_url(task);


    if (task=='mail')


    if (task == 'mail')


      url += '&_mbox=INBOX';


    else if (task == 'logout')


      this.clear_compose_data();




    this.redirect(url);


  };


@@ -1411,8 +1420,6 @@




  this.drag_start = function(list)


  {


    var model = this.task == 'mail' ? this.env.mailboxes : this.env.contactfolders;




    this.drag_active = true;




    if (this.preview_timer)


@@ -1427,11 +1434,31 @@




  this.drag_end = function(e)


  {


    this.drag_active = false;


    this.env.last_folder_target = null;


    var list, model;




    if (this.treelist)


      this.treelist.drag_end();




    // execute drag & drop action when mouse was released


    if (list = this.message_list)


      model = this.env.mailboxes;


    else if (list = this.contact_list)


      model = this.env.contactfolders;




    if (this.drag_active && model && this.env.last_folder_target) {


      var target = model[this.env.last_folder_target];


      list.draglayer.hide();




      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);


    }




    this.drag_active = false;


    this.env.last_folder_target = null;


  };




  this.drag_move = function(e)


@@ -1492,37 +1519,15 @@




  this.doc_mouse_up = function(e)


  {


    var model, list, id;


    var list, id;




    // ignore event if jquery UI dialog is open


    if ($(rcube_event.get_target(e)).closest('.ui-dialog, .ui-widget-overlay').length)


      return;




    if (list = this.message_list)


      model = this.env.mailboxes;


    else if (list = this.contact_list)


      model = this.env.contactfolders;


    else if (this.ksearch_value)


      this.ksearch_blur();




    list = this.message_list || this.contact_list;


    if (list && !rcube_mouse_is_over(e, list.list.parentNode))


      list.blur();




    // handle mouse release when dragging


    if (this.drag_active && model && this.env.last_folder_target) {


      var target = model[this.env.last_folder_target];




      this.env.last_folder_target = null;


      list.draglayer.hide();


      this.drag_end(e);




      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


    if (this.buttons_sel) {


@@ -1706,7 +1711,7 @@


    url += (url.match(/\?/) ? '&' : '?') + '_extwin=1';




    if (this.env.standard_windows)


      extwin = window.open(url, wname);


      var extwin = window.open(url, wname);


    else {


      var win = this.is_framed() ? parent.window : window,


        page = $(win),


@@ -1726,8 +1731,11 @@


      extwin.document.write('<html><body>' + this.get_label('loading') + '</body></html>');


    }




    // allow plugins to grab the window reference (#1489413)


    this.triggerEvent('openwindow', { url:url, handle:extwin });




    // focus window, delayed to bring to front


    window.setTimeout(function() { extwin.focus(); }, 10);


    window.setTimeout(function() { extwin && extwin.focus(); }, 10);




    return extwin;


  };


@@ -2044,7 +2052,6 @@


      if (preview && this.message_list && this.message_list.rows[id] && this.message_list.rows[id].unread && this.env.preview_pane_mark_read >= 0) {


        this.preview_read_timer = setTimeout(function() {


          ref.set_message(id, 'unread', false);


          ref.update_thread_root(id, 'read');


          if (ref.env.unread_counts[ref.env.mailbox]) {


            ref.env.unread_counts[ref.env.mailbox] -= 1;


            ref.set_unread_count(ref.env.mailbox, ref.env.unread_counts[ref.env.mailbox], ref.env.mailbox == 'INBOX');


@@ -2550,8 +2557,11 @@


    if (!row)


      return false;




    if (flag == 'unread')


    if (flag == 'unread') {


      if (row.unread != status)


        this.update_thread_root(uid, status ? 'unread' : 'read');


      row.unread = status;


    }


    else if(flag == 'deleted')


      row.deleted = status;


    else if (flag == 'replied')


@@ -2609,10 +2619,12 @@


  };




  // copy selected messages to the specified mailbox


  this.copy_messages = function(mbox)


  this.copy_messages = function(mbox, obj)


  {


    if (mbox && typeof mbox === 'object')


      mbox = mbox.id;


    else if (!mbox)


      return this.folder_selector(obj, function(folder) { ref.command('copy', folder); });




    // exit if current or no mailbox specified


    if (!mbox || mbox == this.env.mailbox)


@@ -2629,10 +2641,12 @@


  };




  // move selected messages to the specified mailbox


  this.move_messages = function(mbox)


  this.move_messages = function(mbox, obj)


  {


    if (mbox && typeof mbox === 'object')


      mbox = mbox.id;


    else if (!mbox)


      return this.folder_selector(obj, function(folder) { ref.command('move', folder); });




    // exit if current or no mailbox specified


    if (!mbox || mbox == this.env.mailbox)


@@ -2659,20 +2673,7 @@


  // delete selected messages from the current mailbox


  this.delete_messages = function(event)


  {


    var uid, i, len, trash = this.env.trash_mailbox,


      list = this.message_list,


      selection = list ? list.get_selection() : [];




    // exit if no mailbox specified or if selection is empty


    if (!this.env.uid && !selection.length)


      return;




    // also select childs of collapsed rows


    for (i=0, len=selection.length; i<len; i++) {


      uid = selection[i];


      if (list.rows[uid].has_children && !list.rows[uid].expanded)


        list.select_children(uid);


    }


    var list = this.message_list, trash = this.env.trash_mailbox;




    // if config is set to flag for deletion


    if (this.env.flag_for_deletion) {


@@ -2712,7 +2713,7 @@


    this._with_selected_messages('delete', post_data);


  };




  // Send a specifc move/delete request with UIDs of all selected messages


  // Send a specific move/delete request with UIDs of all selected messages


  // @private


  this._with_selected_messages = function(action, post_data, lock)


  {


@@ -2848,9 +2849,6 @@


      this.set_message(a_uids[i], 'unread', (flag == 'unread' ? true : false));




    this.http_post('mark', post_data, lock);




    for (i=0; i<len; i++)


      this.update_thread_root(a_uids[i], flag);


  };




  // set image to flagged or unflagged


@@ -3123,6 +3121,64 @@


      }


    }




    // check for locally stored compose data


    if (window.localStorage) {


      var index = this.local_storage_get_item('compose.index', []);




      for (var key, i = 0; i < index.length; i++) {


        key = index[i], formdata = this.local_storage_get_item('compose.' + key, null, true);


        if (!formdata) {


          continue;


        }


        // restore saved copy of current compose_id


        if (formdata.changed && key == this.env.compose_id) {


          this.restore_compose_form(key, html_mode);


          break;


        }


        // skip records from 'other' drafts


        if (this.env.draft_id && formdata.draft_id && formdata.draft_id != this.env.draft_id) {


          continue;


        }


        // skip records on reply


        if (this.env.reply_msgid && formdata.reply_msgid != this.env.reply_msgid) {


          continue;


        }


        // show dialog asking to restore the message


        if (formdata.changed && formdata.session != this.env.session_id) {


          this.show_popup_dialog(


            this.get_label('restoresavedcomposedata')


              .replace('$date', new Date(formdata.changed).toLocaleString())


              .replace('$subject', formdata._subject)


              .replace(/\n/g, '<br/>'),


            this.get_label('restoremessage'),


            [{


              text: this.get_label('restore'),


              click: function(){


                ref.restore_compose_form(key, html_mode);


                ref.remove_compose_data(key);  // remove old copy


                ref.save_compose_form_local();  // save under current compose_id


                $(this).dialog('close');


              }


            },


            {


              text: this.get_label('delete'),


              click: function(){


                ref.remove_compose_data(key);


                $(this).dialog('close');


              }


            },


            {


              text: this.get_label('ignore'),


              click: function(){


                $(this).dialog('close');


              }


            }]


          );


          break;


        }


      }


    }




    if (input_to.val() == '')


      input_to.focus();


    else if (input_subject.val() == '')


@@ -3143,7 +3199,7 @@


  {


    this.env.recipients_delimiter = this.env.recipients_separator + ' ';




    obj[bw.ie || bw.safari || bw.chrome ? 'keydown' : 'keypress'](function(e) { return ref.ksearch_keydown(e, this, props); })


    obj.keydown(function(e) { return ref.ksearch_keydown(e, this, props); })


      .attr('autocomplete', 'off');


  };




@@ -3338,7 +3394,7 @@


    if ($("input[name='_is_html']").val() == '1') {


      var editor = tinyMCE.get(this.env.composebody);


      editor.getWin().focus(); // correct focus in IE & Chrome


      editor.selection.setContent(insert, { format:'text' });


      editor.selection.setContent(this.quote_html(insert).replace(/\r?\n/g, '<br/>'), { format:'text' });


    }


    // replace selection in compose textarea


    else {


@@ -3552,20 +3608,40 @@


  {


    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');


    if (id && id != this.env.draft_id) {


      if (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);




    }




    this.env.draft_id = id;


    $("input[name='_draft_saveid']").val(id);


    // always remove local copy upon saving as draft


    this.remove_compose_data(this.env.compose_id);


  };




  this.auto_save_start = function()


  {


    if (this.env.draft_autosave)


      this.save_timer = setTimeout(function(){ ref.command("savedraft"); }, this.env.draft_autosave * 1000);




    // save compose form content to local storage every 5 seconds


    if (!this.local_save_timer && window.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++; });




      this.local_save_timer = setInterval(function(){


        if (ref.compose_type_activity > ref.compose_type_activity_last) {


          ref.save_compose_form_local();


          ref.compose_type_activity_last = ref.compose_type_activity;


        }


      }, 5000);


    }




    // Unlock interface now that saving is complete


    this.busy = false;


@@ -3594,6 +3670,118 @@




    return str;


  };




  // store the contents of the compose form to localstorage


  this.save_compose_form_local = function()


  {


    var formdata = { session:this.env.session_id, changed:new Date().getTime() },


      ed, empty = true;




    // get fresh content from editor


    if (window.tinyMCE && (ed = tinyMCE.get(this.env.composebody))) {


      tinyMCE.triggerSave();


    }




    if (this.env.draft_id) {


      formdata.draft_id = this.env.draft_id;


    }


    if (this.env.reply_msgid) {


      formdata.reply_msgid = this.env.reply_msgid;


    }




    $('input, select, textarea', this.gui_objects.messageform).each(function(i, elem) {


      switch (elem.tagName.toLowerCase()) {


        case 'input':


          if (elem.type == 'button' || elem.type == 'submit' || (elem.type == 'hidden' && elem.name != '_is_html')) {


            break;


          }


          formdata[elem.name] = elem.type != 'checkbox' || elem.checked ? $(elem).val() : '';




          if (formdata[elem.name] != '' && elem.type != 'hidden')


            empty = false;


          break;




        case 'select':


          formdata[elem.name] = $('option:checked', elem).val();


          break;




        default:


          formdata[elem.name] = $(elem).val();


          if (formdata[elem.name] != '')


            empty = false;


      }


    });




    if (window.localStorage && !empty) {


      var index = this.local_storage_get_item('compose.index', []),


        key = this.env.compose_id;




        if ($.inArray(key, index) < 0) {


          index.push(key);


        }


        this.local_storage_set_item('compose.' + key, formdata, true);


        this.local_storage_set_item('compose.index', index);


    }


  };




  // write stored compose data back to form


  this.restore_compose_form = function(key, html_mode)


  {


    var ed, formdata = this.local_storage_get_item('compose.' + key, true);




    if (formdata && typeof formdata == 'object') {


      $.each(formdata, function(k, value) {


        if (k[0] == '_') {


          var elem = $("*[name='"+k+"']");


          if (elem[0] && elem[0].type == 'checkbox') {


            elem.prop('checked', value != '');


          }


          else {


            elem.val(value);


          }


        }


      });




      // initialize HTML editor


      if (formdata._is_html == '1') {


        if (!html_mode) {


          tinyMCE.execCommand('mceAddControl', false, this.env.composebody);


          this.triggerEvent('aftertoggle-editor', { mode:'html' });


        }


      }


      else if (html_mode) {


        tinyMCE.execCommand('mceRemoveControl', false, this.env.composebody);


        this.triggerEvent('aftertoggle-editor', { mode:'plain' });


      }


    }


  };




  // remove stored compose data from localStorage


  this.remove_compose_data = function(key)


  {


    if (window.localStorage) {


      var index = this.local_storage_get_item('compose.index', []);




      if ($.inArray(key, index) >= 0) {


        this.local_storage_remove_item('compose.' + key);


        this.local_storage_set_item('compose.index', $.grep(index, function(val,i) { return val != key; }));


      }


    }


  };




  // clear all stored compose data of this user


  this.clear_compose_data = function()


  {


    if (window.localStorage) {


      var index = this.local_storage_get_item('compose.index', []);




      for (var i=0; i < index.length; i++) {


        this.local_storage_remove_item('compose.' + index[i]);


      }


      this.local_storage_remove_item('compose.index');


    }


  }






  this.change_identity = function(obj, show_sig)


  {


@@ -4027,7 +4215,7 @@


      case 38:  // arrow up


      case 40:  // arrow down


        if (!this.ksearch_visible())


          break;


          return;




        var dir = key==38 ? 1 : 0;




@@ -4062,8 +4250,7 @@




      case 37:  // left


      case 39:  // right


        if (mod != SHIFT_KEY)


          return;


        return;


    }




    // start timer


@@ -4126,8 +4313,10 @@


    if (this.ksearch_input.setSelectionRange)


      this.ksearch_input.setSelectionRange(cpos, cpos);




    if (trigger)


    if (trigger) {


      this.triggerEvent('autocomplete_insert', { field:this.ksearch_input, insert:insert });


      this.compose_type_activity++;


    }


  };




  this.replace_group_recipients = function(id, recipients)


@@ -4136,6 +4325,7 @@


      this.group2expand[id].input.value = this.group2expand[id].input.value.replace(this.group2expand[id].name, recipients);


      this.triggerEvent('autocomplete_insert', { field:this.group2expand[id].input, insert:recipients });


      this.group2expand[id] = null;


      this.compose_type_activity++;


    }


  };




@@ -4820,8 +5010,6 @@


      $('input.datepicker').datepicker();


    }




    $("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())


@@ -4866,6 +5054,7 @@


  {


    var key = 'G'+prop.source+prop.id;


    if (this.treelist.remove(key)) {


      this.triggerEvent('group_delete', { source:prop.source, id:prop.id });


      delete this.env.contactfolders[key];


      delete this.env.contactgroups[key];


    }


@@ -5363,9 +5552,8 @@


      target = win;


    }




    if (action && (id || action == 'add-identity')) {


      this.set_busy(true);


      this.location_href(url, target);


    if (id || action == 'add-identity') {


      this.location_href(url, target, true);


    }




    return true;


@@ -5438,17 +5626,22 @@




  this.init_subscription_list = function()


  {


    var p = this;


    var p = this, delim = RegExp.escape(this.env.delimiter);




    this.last_sub_rx = RegExp('['+delim+']?[^'+delim+']+$');




    this.subscription_list = new rcube_list_widget(this.gui_objects.subscriptionlist,


      {multiselect:false, draggable:true, keyboard:false, toggleselect:true});


    this.subscription_list.addEventListener('select', function(o){ p.subscription_select(o); });


    this.subscription_list.addEventListener('dragstart', function(o){ p.drag_active = true; });


    this.subscription_list.addEventListener('dragend', function(o){ p.subscription_move_folder(o); });


    this.subscription_list.row_init = function (row) {


      row.obj.onmouseover = function() { p.focus_subscription(row.id); };


      row.obj.onmouseout = function() { p.unfocus_subscription(row.id); };


    };


    this.subscription_list.init();


    this.subscription_list


      .addEventListener('select', function(o){ p.subscription_select(o); })


      .addEventListener('dragstart', function(o){ p.drag_active = true; })


      .addEventListener('dragend', function(o){ p.subscription_move_folder(o); })


      .addEventListener('initrow', function (row) {


        row.obj.onmouseover = function() { p.focus_subscription(row.id); };


        row.obj.onmouseout = function() { p.unfocus_subscription(row.id); };


      })


      .init();




    $('#mailboxroot')


      .mouseover(function(){ p.focus_subscription(this.id); })


      .mouseout(function(){ p.unfocus_subscription(this.id); })


@@ -5456,9 +5649,7 @@




  this.focus_subscription = function(id)


  {


    var row, folder,


      delim = RegExp.escape(this.env.delimiter),


      reg = RegExp('['+delim+']?[^'+delim+']+$');


    var row, folder;




    if (this.drag_active && this.env.mailbox && (row = document.getElementById(id)))


      if (this.env.subscriptionrows[id] &&


@@ -5466,8 +5657,8 @@


      ) {


        if (this.check_droptarget(folder) &&


            !this.env.subscriptionrows[this.get_folder_row_id(this.env.mailbox)][2] &&


            (folder != this.env.mailbox.replace(reg, '')) &&


            (!folder.startsWith(this.env.mailbox + this.env.delimiter))


            folder != this.env.mailbox.replace(this.last_sub_rx, '') &&


            !folder.startsWith(this.env.mailbox + this.env.delimiter)


        ) {


          this.env.dstfolder = folder;


          $(row).addClass('droptarget');


@@ -5480,7 +5671,8 @@


    var row = $('#'+id);




    this.env.dstfolder = null;


    if (this.env.subscriptionrows[id] && row[0])




    if (this.env.subscriptionrows[id] && row.length)


      row.removeClass('droptarget');


    else


      $(this.subscription_list.frame).removeClass('droptarget');


@@ -5506,21 +5698,20 @@




  this.subscription_move_folder = function(list)


  {


    var delim = RegExp.escape(this.env.delimiter),


      reg = RegExp('['+delim+']?[^'+delim+']+$');




    if (this.env.mailbox && this.env.dstfolder !== null && (this.env.dstfolder != this.env.mailbox) &&


        (this.env.dstfolder != this.env.mailbox.replace(reg, ''))


    if (this.env.mailbox && this.env.dstfolder !== null &&


        this.env.dstfolder != this.env.mailbox &&


        this.env.dstfolder != this.env.mailbox.replace(this.last_sub_rx, '')


    ) {


      reg = new RegExp('[^'+delim+']*['+delim+']', 'g');


      var basename = this.env.mailbox.replace(reg, ''),


        newname = this.env.dstfolder === '' ? basename : this.env.dstfolder+this.env.delimiter+basename;


      var path = this.env.mailbox.split(this.env.delimiter),


        basename = path.pop(),


        newname = this.env.dstfolder === '' ? basename : this.env.dstfolder + this.env.delimiter + basename;




      if (newname != this.env.mailbox) {


        this.http_post('rename-folder', {_folder_oldname: this.env.mailbox, _folder_newname: newname}, this.set_busy(true, 'foldermoving'));


        this.subscription_list.draglayer.hide();


      }


    }




    this.drag_active = false;


    this.unfocus_subscription(this.get_folder_row_id(this.env.dstfolder));


  };


@@ -5549,7 +5740,7 @@


    if (!this.gui_objects.subscriptionlist)


      return false;




    var row, n, i, tmp, tmp_name, folders, rowid, list = [], slist = [],


    var row, n, i, tmp, tmp_name, rowid, folders = [], list = [], slist = [],


      tbody = this.gui_objects.subscriptionlist.tBodies[0],


      refrow = $('tr', tbody).get(1),


      id = 'rcmrow'+((new Date).getTime());


@@ -5564,8 +5755,7 @@


    row = $(refrow).clone(true);




    // set ID, reset css class


    row.attr('id', id);


    row.attr('class', class_name);


    row.attr({id: id, 'class': class_name});




    // set folder name


    row.find('td:first').html(display_name);


@@ -5575,12 +5765,27 @@


      .prop({checked: subscribed ? true : false, disabled: is_protected ? true : false});




    // add to folder/row-ID map


    this.env.subscriptionrows[id] = [name, display_name, 0];


    this.env.subscriptionrows[id] = [name, display_name, false];




    // sort folders, to find a place where to insert the row


    folders = [];


    $.each(this.env.subscriptionrows, function(k,v){ folders.push(v) });


    folders.sort(function(a,b){ return a[0] < b[0] ? -1 : (a[0] > b[0] ? 1 : 0) });


    // sort folders (to find a place where to insert the row)


    // replace delimiter with \0 character to fix sorting


    // issue where 'Abc Abc' would be placed before 'Abc/def'


    var replace_from = RegExp(RegExp.escape(this.env.delimiter), 'g'),


      replace_to = String.fromCharCode(0);




    $.each(this.env.subscriptionrows, function(k,v) {


      if (v.length < 4) {


        var n = v[0];


        n = n.replace(replace_from, replace_to);


        v.push(n);


      }


      folders.push(v);


    });




    folders.sort(function(a, b) {


      var len = a.length - 1; n1 = a[len], n2 = b[len];


      return n1 < n2 ? -1 : 1;


    });




    for (n in folders) {


      // protected folder


@@ -5635,17 +5840,27 @@


  // replace an existing table row with a new folder line (with subfolders)


  this.replace_folder_row = function(oldfolder, newfolder, display_name, is_protected, class_name)


  {


    if (!this.gui_objects.subscriptionlist)


    if (!this.gui_objects.subscriptionlist) {


      if (this.is_framed)


        return parent.rcmail.replace_folder_row(oldfolder, newfolder, display_name, is_protected, class_name);


      return false;


    }




    var i, n, len, name, dispname, oldrow, tmprow, row, level,


      tbody = this.gui_objects.subscriptionlist.tBodies[0],


      folders = this.env.subscriptionrows,


      id = this.get_folder_row_id(oldfolder),


      regex = new RegExp('^'+RegExp.escape(oldfolder)),


      prefix_len = oldfolder.length,


      subscribed = $('input[name="_subscribed[]"]', $('#'+id)).prop('checked'),


      // find subfolders of renamed folder


      list = this.get_subfolders(oldfolder);




    // no renaming, only update class_name


    if (oldfolder == newfolder) {


      $('#'+id).attr('class', class_name || '');


      this.subscription_list.focus();


      return;


    }




    // replace an existing table row


    this._remove_folder_row(id);


@@ -5667,7 +5882,7 @@


      row.after(tmprow);


      row = tmprow;


      // update folder index


      name = name.replace(regex, newfolder);


      name = newfolder + name.slice(prefix_len);


      $('input[name="_subscribed[]"]', row).val(name);


      this.env.subscriptionrows[id][0] = name;


      // update the name if level is changed


@@ -5912,46 +6127,23 @@


  // mouse over button


  this.button_over = function(command, id)


  {


    var n, button, obj, a_buttons = this.buttons[command],


      len = a_buttons ? a_buttons.length : 0;




    for (n=0; n<len; n++) {


      button = a_buttons[n];


      if (button.id == id && button.status == 'act') {


        obj = document.getElementById(button.id);


        if (obj && button.over) {


          if (button.type == 'image')


            obj.src = button.over;


          else


            obj.className = button.over;


        }


      }


    }


    this.button_event(command, id, 'over');


  };




  // mouse down on button


  this.button_sel = function(command, id)


  {


    var n, button, obj, a_buttons = this.buttons[command],


      len = a_buttons ? a_buttons.length : 0;




    for (n=0; n<len; n++) {


      button = a_buttons[n];


      if (button.id == id && button.status == 'act') {


        obj = document.getElementById(button.id);


        if (obj && button.sel) {


          if (button.type == 'image')


            obj.src = button.sel;


          else


            obj.className = button.sel;


        }


        this.buttons_sel[id] = command;


      }


    }


    this.button_event(command, id, 'sel');


  };




  // mouse out of button


  this.button_out = function(command, id)


  {


    this.button_event(command, id, 'act');


  };




  // event of button


  this.button_event = function(command, id, event)


  {


    var n, button, obj, a_buttons = this.buttons[command],


      len = a_buttons ? a_buttons.length : 0;


@@ -5959,12 +6151,12 @@


    for (n=0; n<len; n++) {


      button = a_buttons[n];


      if (button.id == id && button.status == 'act') {


        obj = document.getElementById(button.id);


        if (obj && button.act) {


          if (button.type == 'image')


            obj.src = button.act;


          else


            obj.className = button.act;


        if (button[event] && (obj = document.getElementById(button.id))) {


          obj[button.type == 'image' ? 'src' : 'className'] = button[event];


        }




        if (event == 'sel') {


          this.buttons_sel[id] = command;


        }


      }


    }


@@ -6039,7 +6231,7 @@


    this.triggerEvent('message', { message:msg, type:type, timeout:timeout, object:obj });




    if (timeout > 0)


      setTimeout(function() { ref.hide_message(id, type == 'loading'); }, timeout);


      setTimeout(function() { ref.hide_message(id, type != 'loading'); }, timeout);


    return id;


  };




@@ -6123,7 +6315,7 @@


  {


    // forward call to parent window


    if (this.is_framed()) {


      return parent.rcmail.show_popup_dialog(html, title, buttons);


      return parent.rcmail.show_popup_dialog(html, title, buttons, options);


    }




    var popup = $('<div class="popup">')


@@ -6143,7 +6335,7 @@




    popup.dialog('option', {


      height: Math.min(h - 40, height + 75 + (buttons ? 50 : 0)),


      width: Math.min(w - 20, width + 20)


      width: Math.min(w - 20, width + 36)


    });




    return popup;


@@ -6152,8 +6344,8 @@


  // enable/disable buttons for page shifting


  this.set_page_buttons = function()


  {


    this.enable_command('nextpage', 'lastpage', (this.env.pagecount > this.env.current_page));


    this.enable_command('previouspage', 'firstpage', (this.env.current_page > 1));


    this.enable_command('nextpage', 'lastpage', this.env.pagecount > this.env.current_page);


    this.enable_command('previouspage', 'firstpage', this.env.current_page > 1);


  };




  // mark a mailbox as selected and set environment variable


@@ -6163,14 +6355,10 @@


      this.treelist.select(name);


    }


    else if (this.gui_objects.folderlist) {


      var current_li, target_li;




      if ((current_li = $('li.selected', this.gui_objects.folderlist))) {


        current_li.removeClass('selected').addClass('unfocused');


      }


      if ((target_li = this.get_folder_li(name, prefix, encode))) {


        $(target_li).removeClass('unfocused').addClass('selected');


      }


      $('li.selected', this.gui_objects.folderlist)


        .removeClass('selected').addClass('unfocused');


      $(this.get_folder_li(name, prefix, encode))


        .removeClass('unfocused').addClass('selected');




      // trigger event hook


      this.triggerEvent('selectfolder', { folder:name, prefix:prefix });


@@ -6181,12 +6369,14 @@


  this.mark_folder = function(name, class_name, prefix, encode)


  {


    $(this.get_folder_li(name, prefix, encode)).addClass(class_name);


    this.triggerEvent('markfolder', {folder: name, mark: class_name, status: true});


  };




  // adds a class to selected folder


  this.unmark_folder = function(name, class_name, prefix, encode)


  {


    $(this.get_folder_li(name, prefix, encode)).removeClass(class_name);


    this.triggerEvent('markfolder', {folder: name, mark: class_name, status: false});


  };




  // helper method to find a folder list item


@@ -6199,8 +6389,6 @@


      name = this.html_identifier(name, encode);


      return document.getElementById(prefix+name);


    }




    return null;


  };




  // for reordering column array (Konqueror workaround)


@@ -6290,6 +6478,12 @@




    this.triggerEvent('setquota', content);


    this.env.quota_content = content;


  };




  // update trash folder state


  this.set_trash_count = function(count)


  {


    this[(count ? 'un' : '') + 'mark_folder'](this.env.trash_mailbox, 'empty', '', true);


  };




  // update the mailboxlist


@@ -6396,6 +6590,105 @@


    $(elem).removeClass('hide-headers').addClass('show-headers');


    $(this.gui_objects.all_headers_row).hide();


    elem.onclick = function() { rcmail.command('show-headers', '', elem); };


  };




  // create folder selector popup, position and display it


  this.folder_selector = function(obj, callback)


  {


    var container = this.folder_selector_element;




    if (!container) {


      var rows = [],


        delim = this.env.delimiter,


        ul = $('<ul class="toolbarmenu iconized">'),


        li = document.createElement('li'),


        link = document.createElement('a'),


        span = document.createElement('span');




      container = $('<div id="folder-selector" class="popupmenu"></div>');


      link.href = '#';


      link.className = 'icon';




      // loop over sorted folders list


      $.each(this.env.mailboxes_list, function() {


        var tmp, n = 0, s = 0,


          folder = ref.env.mailboxes[this],


          id = folder.id,


          a = link.cloneNode(false), row = li.cloneNode(false);




        if (folder.virtual)


          a.className += ' virtual';


        else {


          a.className += ' active';


          a.onclick = function() { container.hide().data('callback')(folder.id); };


        }




        if (folder['class'])


          a.className += ' ' + folder['class'];




        // calculate/set indentation level


        while ((s = id.indexOf(delim, s)) >= 0) {


          n++; s++;


        }


        a.style.paddingLeft =  n ? (n * 16) + 'px' : 0;




        // add folder name element


        tmp = span.cloneNode(false);


        $(tmp).text(folder.name);


        a.appendChild(tmp);




        row.appendChild(a);


        rows.push(row);


      });




      ul.append(rows).appendTo(container);




      // temporarily show element to calculate its size


      container.css({left: '-1000px', top: '-1000px'})


        .appendTo($('body')).show();




      // set max-height if the list is long


      if (rows.length > 10)


        container.css('max-height', $('li', container)[0].offsetHeight * 10 + 9)




      // hide selector on click out of selector element


      var fn = function(e) { if (e.target != container.get(0)) container.hide(); };


      $(document.body).on('mouseup', fn);


      $('iframe').contents().on('mouseup', fn)


        .load(function(e) { try { $(this).contents().on('mouseup', fn); } catch(e) {}; });




      this.folder_selector_element = container;


    }




    // position menu on the screen


    this.element_position(container, obj);




    container.show().data('callback', callback);


  };




  // position a menu element on the screen in relation to other object


  this.element_position = function(element, obj)


  {


    var obj = $(obj), win = $(window),


      width = obj.width(),


      height = obj.height(),


      win_height = win.height(),


      elem_height = $(element).height(),


      elem_width = $(element).width(),


      pos = obj.offset(),


      top = pos.top,


      left = pos.left + width;




    if (top + elem_height > win_height) {


      top -= elem_height - height;


      if (top < 0)


        top = Math.max(0, (win_height - elem_height) / 2);


    }




    if (left + elem_width > win.width())


      left -= elem_width + width;




    element.css({left: left + 'px', top: top + 'px'});


  };






@@ -6667,6 +6960,16 @@




      case 'refresh':


      case 'check-recent':


        // update message flags


        $.each(this.env.recent_flags || {}, function(uid, flags) {


          ref.set_message(uid, 'deleted', flags.deleted);


          ref.set_message(uid, 'replied', flags.answered);


          ref.set_message(uid, 'unread', !flags.seen);


          ref.set_message(uid, 'forwarded', flags.forwarded);


          ref.set_message(uid, 'flagged', flags.flagged);


        });


        delete this.env.recent_flags;




      case 'getunread':


      case 'search':


        this.env.qsearch = null;


@@ -6679,7 +6982,6 @@




          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 });


          }


        }


@@ -6690,7 +6992,6 @@


            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 });


          }


        }


@@ -6742,6 +7043,20 @@


    // re-send keep-alive requests after 30 seconds


    if (action == 'keep-alive')


      setTimeout(function(){ ref.keep_alive(); ref.start_keepalive(); }, 30000);


  };




  // handler for session errors detected on the server


  this.session_error = function(redirect_url)


  {


    this.env.server_error = 401;




    // save message in local storage and do not redirect


    if (this.env.action == 'compose') {


      this.save_compose_form_local();


    }


    else if (redirect_url) {


      window.setTimeout(function(){ ref.redirect(redirect_url, true); }, 2000);


    }


  };




  // callback when an iframe finished loading


@@ -6978,12 +7293,17 @@




    if (this.gui_objects.mailboxlist)


      params._folderlist = 1;


    if (this.gui_objects.messagelist)


      params._list = 1;


    if (this.gui_objects.quotadisplay)


      params._quota = 1;


    if (this.env.search_request)


      params._search = this.env.search_request;




    if (this.gui_objects.messagelist) {


      params._list = 1;




      // message uids for flag updates check


      params._uids = $.map(this.message_list.rows, function(row, uid) { return uid; }).join(',');


    }




    return params;


  };


@@ -7265,7 +7585,37 @@


  this.set_cookie = function(name, value, expires)


  {


    setCookie(name, value, expires, this.env.cookie_path, this.env.cookie_domain, this.env.cookie_secure);


  }


  };




  this.get_local_storage_prefix = function()


  {


    if (!this.local_storage_prefix)


      this.local_storage_prefix = 'roundcube.' + (this.env.user_id || 'anonymous') + '.';




    return this.local_storage_prefix;


  };




  // wrapper for localStorage.getItem(key)


  this.local_storage_get_item = function(key, deflt, encrypted)


  {




    // TODO: add encryption


    var item = localStorage.getItem(this.get_local_storage_prefix() + key);


    return item !== null ? JSON.parse(item) : (deflt || null);


  };




  // wrapper for localStorage.setItem(key, data)


  this.local_storage_set_item = function(key, data, encrypted)


  {


    // TODO: add encryption


    return localStorage.setItem(this.get_local_storage_prefix() + key, JSON.stringify(data));


  };




  // wrapper for localStorage.removeItem(key)


  this.local_storage_remove_item = function(key)


  {


    return localStorage.removeItem(this.get_local_storage_prefix() + key);


  };




}  // end object rcube_webmail