Fixed folder renaming; added confirmation after deleting a folder

thomascube

2006-07-30 f9c107afbe9bb01627a9e6de48efdfbbda8e56e6

 program/js/app.js

@@ -13,12 +13,15 @@
 
  $Id$
*/

// Constants
var CONTROL_KEY = 1;
var SHIFT_KEY = 2;
var CONTROL_SHIFT_KEY = 3;
var DRAFT_AUTOSAVE = 10; // Minutes

var rcube_webmail_client;
var rcube_save_timer;

function rcube_webmail()
  {
@@ -39,7 +42,7 @@
  this.dblclick_time = 600;
  this.message_time = 5000;
  this.request_timeout = 180000;
  this.kepp_alive_interval = 60000;
  this._interval = 60000;
  this.mbox_expression = new RegExp('[^0-9a-z\-_]', 'gi');
  this.env.blank_img = 'skins/default/images/blank.gif';
  
@@ -153,7 +156,7 @@
        if (this.env.messagecount)
          this.enable_command('select-all', 'select-none', 'sort', 'expunge', true);

        if (this.env.messagecount && this.env.mailbox==this.env.trash_mailbox)
        if (this.env.messagecount && (this.env.mailbox==this.env.trash_mailbox || this.env.mailbox==this.env.junk_mailbox))
          this.enable_command('purge', true);

        this.set_page_buttons();
@@ -245,6 +248,9 @@
    document.onmousedown = function(){ return rcube_webmail_client.reset_click(); };
    document.onkeydown   = function(e){ return rcube_webmail_client.key_pressed(e, msg_list_frame); };

    // set default keep alive interval
    if (!this.keep_alive_interval)
      this.keep_alive_interval = this._interval;
    
    // flag object as complete
    this.loaded = true;
@@ -254,37 +260,47 @@
      this.display_message(this.pending_message[0], this.pending_message[1]);
      
    // start interval for keep-alive/recent_check signal
    if (this.kepp_alive_interval && this.task=='mail' && this.gui_objects.messagelist)
      this.kepp_alive_int = setInterval(this.ref+'.check_for_recent()', this.kepp_alive_interval);
    if (this.keep_alive_interval && this.task=='mail' && this.gui_objects.messagelist)
      this._int = setInterval(this.ref+'.check_for_recent()', this.keep_alive_interval);
    else if (this.task!='login')
      this.kepp_alive_int = setInterval(this.ref+'.send_keep_alive()', this.kepp_alive_interval);
      this._int = setInterval(this.ref+'.send_keep_alive()', this.keep_alive_interval);
    };

  // reset last clicked if user clicks on anything other than the message table
  this.reset_click = function() {
  this.reset_click = function()
    {
    var id;
    this.in_message_list = false;
   for (var n=0; n<this.selection.length; n++) {
   for (var n=0; n<this.selection.length; n++)
     {
      id = this.selection[n];
      if (this.list_rows[id].obj) {
      if (this.list_rows[id] && this.list_rows[id].obj)
        {
        this.set_classname(this.list_rows[id].obj, 'selected', false);
      this.set_classname(this.list_rows[id].obj, 'unfocused', true);
     }
    }
  };
        }
      }
    };
   
  this.click_on_list = function(e)
    {
    if (!e)
      e = window.event;

    for (var n=0; n<this.selection.length; n++) {
    for (var n=0; n<this.selection.length; n++)
      {
      id = this.selection[n];
      if (this.list_rows[id].obj) {
      if (this.list_rows[id].obj)
        {
        this.set_classname(this.list_rows[id].obj, 'selected', true);
      this.set_classname(this.list_rows[id].obj, 'unfocused', false);
     }
    }
        }
      }

    var mbox_li;
    if (mbox_li = this.get_mailbox_li()) 
      this.set_classname(mbox_li, 'unfocused', true);
    
    this.in_message_list = true;
    e.cancelBubble = true;
    };
@@ -436,8 +452,11 @@
    
    // get summary of all field values
    this.cmp_hash = this.compose_field_hash();
 
    // start the auto-save timer
    this.auto_save_start();
    
    };


  this.init_address_input_events = function(obj)
    {
@@ -614,9 +633,10 @@
          if (this.env.search_request<0 || (this.env.search_request && props != this.env.mailbox))
            this.reset_qsearch();

     // Reset message list header, unless returning from compose/read/etc
     if (this.env.mailbox != props && this.message_rows)
       this.clear_message_list_header();
          // Reset message list header, unless returning from compose/read/etc
          // don't know what this is good for (thomasb, 2006/07/25)
          //if (this.env.mailbox != props && this.message_rows)
          //  this.clear_message_list_header();

          this.list_mailbox(props);
          }
@@ -640,7 +660,7 @@
          else
            sort_order = this.env.sort_order;
          }
        

        if (this.env.sort_col==sort_col && this.env.sort_order==sort_order)
          break;

@@ -893,7 +913,7 @@
            
          }
        else if (props)
           url += '&_to='+props;
           url += '&_to='+encodeURIComponent(props);

        // don't know if this is necessary...
        url = url.replace(/&_framed=1/, "");
@@ -913,15 +933,19 @@
        break;

      case 'savedraft':
   // Reset the auto-save timer
        self.clearTimeout(rcube_save_timer);

        if (!this.gui_objects.messageform)
          break;
        

   // if saving Drafts is disabled in main.inc.php
   if (!this.env.drafts_mailbox)
     break;
 

        this.set_busy(true, 'savingmessage');
        var form = this.gui_objects.messageform;
   form.target = "savetarget";
        form.submit();
        break;

@@ -943,6 +967,9 @@
        this.show_attachment_form(true);
        
      case 'send-attachment':
        // Reset the auto-save timer
        self.clearTimeout(rcube_save_timer);

        this.upload_file(props)      
        break;
      
@@ -1162,10 +1189,13 @@
  this.mbox_mouse_up = function(mbox)
    {
    if (this.drag_active)
      {
      this.unfocus_mailbox(mbox);
      this.command('moveto', mbox);
      }
    else
      this.command('list', mbox);
      
  
    return false;
    };

@@ -1352,7 +1382,7 @@
      if (this.env.mailbox==this.env.drafts_mailbox)
   {
   this.enable_command('show', selected);
   this.enable_command('delete', this.selection.length>0 ? true : false);
   this.enable_command('delete', 'moveto', this.selection.length>0 ? true : false);
        }
      else
        {
@@ -1394,7 +1424,9 @@
          }
      }
   }
   if (this.last_selected != 0) { this.set_classname(this.list_rows[this.last_selected].obj, 'focused', false);}
   if (this.last_selected != 0 && this.list_rows[this.last_selected])
     this.set_classname(this.list_rows[this.last_selected].obj, 'focused', false);

    this.last_selected = id;
    this.set_classname(this.list_rows[id].obj, 'focused', true);        
  };
@@ -1450,11 +1482,15 @@
    // reset selection first
    this.clear_selection();
    
    for (var n in this.list_rows) {
    for (var n in this.list_rows)
      {
      if (!filter || this.list_rows[n][filter]==true)
        {
        this.last_selected = n;
        this.highlight_row(n, true);
    }
        }
      }

    return true;  
    };
    
@@ -1529,8 +1565,7 @@
    if (this.env.search_request)
      add_url += '&_search='+this.env.search_request;
      
    if (this.env.mailbox!=mbox)
      this.select_mailbox(mbox);
    this.select_mailbox(mbox);

    // load message list remotely
    if (this.gui_objects.messagelist)
@@ -1580,18 +1615,24 @@
    
    };


  this.clear_message_list_header = function()
    {
    var table = this.gui_objects.messagelist;
    var table;
    if (table = this.gui_objects.messagelist)
      {
      if (table.colgroup)
        table.removeChild(table.colgroup);
      if (table.tHead)
        table.removeChild(table.tHead);

    var colgroup = document.createElement('COLGROUP');
    table.removeChild(table.colgroup);
    table.insertBefore(colgroup, table.thead);

    var thead = document.createElement('THEAD');
    table.removeChild(table.thead);
    table.insertBefore(thead, table.tBodies[0]);
      var colgroup = document.createElement('COLGROUP');
      var thead = document.createElement('THEAD');
      table.insertBefore(colgroup, table.tBodies[0]);
      table.insertBefore(thead, table.tBodies[0]);
      }
    };


  this.expunge_mailbox = function(mbox)
    {
@@ -1634,7 +1675,20 @@
    return true;
    };
    

  this.focus_mailbox = function(mbox)
    {
    var mbox_li;
     if (this.drag_active && mbox != this.env.mailbox && (mbox_li = this.get_mailbox_li(mbox)))
      this.set_classname(mbox_li, 'droptarget', true);
    }
    
  this.unfocus_mailbox = function(mbox)
    {
    var mbox_li;
     if (this.drag_active && (mbox_li = this.get_mailbox_li(mbox)))
      this.set_classname(mbox_li, 'droptarget', false);
    }
  
  // move selected messages to the specified mailbox
  this.move_messages = function(mbox)
    {
@@ -1897,6 +1951,19 @@
    return true;  
  }


  this.get_mailbox_li = function(mbox)
    {
    if (this.gui_objects.mailboxlist)
      {
      mbox = String((mbox ? mbox : this.env.mailbox)).toLowerCase().replace(this.mbox_expression, '');
      return document.getElementById('rcmbx'+mbox);
      }
    
    return null;
    };
    

  /*********************************************************/
  /*********        message compose methods        *********/
  /*********************************************************/
@@ -1948,7 +2015,11 @@
    return true;
    };
    
    
  this.auto_save_start = function()
    {
    rcube_save_timer = self.setTimeout('rcmail.command("savedraft","",this)',DRAFT_AUTOSAVE * 60000);
    }
 
  this.compose_field_hash = function()
    {
    // check input fields
@@ -2048,6 +2119,7 @@
  // upload attachment file
  this.upload_file = function(form)
    {
    
    if (!form)
      return false;
      
@@ -2199,7 +2271,6 @@
          highlight.removeAttribute('id');
          //highlight.removeAttribute('class');
          this.set_classname(highlight, 'selected', false);
          this.set_classname(highlight, 'unfocused', false);
          }

        if (next)
@@ -2619,8 +2690,12 @@
    };


  // tell server to create and subscribe a new mailbox
  this.create_folder = function(name)
    {
   if (this.edit_folder)
     this.reset_folder_rename();

    var form;
    if ((form = this.gui_objects.editform) && form.elements['_folder_name'])
      name = form.elements['_folder_name'].value;
@@ -2631,37 +2706,194 @@
      form.elements['_folder_name'].focus();
    };


  // entry point for folder renaming
  this.rename_folder = function(props)
    {
    var form;
    if ((form = this.gui_objects.editform) && form.elements['_folder_oldname'] && form.elements['_folder_newname'])
      {	
    var form, oldname, newname;
    
    // rename a specific mailbox
    if (props)
      this.edit_foldername(props);

    // use a dropdown and input field (old behavior)
    else if ((form = this.gui_objects.editform) && form.elements['_folder_oldname'] && form.elements['_folder_newname'])
      {
      oldname = form.elements['_folder_oldname'].value;
      newname = form.elements['_folder_newname'].value;
      }

    if (oldname && newname)
      this.http_request('rename-folder', '_folder_oldname='+escape(oldname)+'&_folder_newname='+escape(newname));

    };


  this.delete_folder = function(folder)
  // start editing the mailbox name.
  // this will replace the name string with an input field
  this.edit_foldername = function(folder)
    {
    if (folder)
    var temp, row, form;
    var id = this.get_folder_row_id(folder);

    // reset current renaming
   if (temp = this.edit_folder)
     {
     this.reset_folder_rename();
     if (temp == id)
       return;
     }

    if (id && (row = document.getElementById(id)))
      {
      this.http_request('delete-folder', '_mboxes='+escape(folder));
      this.name_input = document.createElement('INPUT');
      this.name_input.value = this.env.subscriptionrows[id];
      this.name_input.style.width = '100%';
      this.name_input.onkeypress = function(e){ rcmail.name_input_keypress(e); };
      
      row.cells[0].replaceChild(this.name_input, row.cells[0].firstChild);
      this.edit_folder = id;
      this.name_input.select();
      
      if (form = this.gui_objects.editform)
        form.onsubmit = function(){ return false; };
      }
    };


  this.remove_folder_row = function(folder)
  // remove the input field and write the current mailbox name to the table cell
  this.reset_folder_rename = function()
    {
    for (var id in this.env.subscriptionrows)
      if (this.env.subscriptionrows[id]==folder)
    var cell = this.name_input ? this.name_input.parentNode : null;
    if (cell && this.edit_folder)
      cell.innerHTML = this.env.subscriptionrows[this.edit_folder];
      
    this.edit_folder = null;
    };


  // handler for keyboard events on the input field
  this.name_input_keypress = function(e)
    {
    var key = document.all ? event.keyCode : document.getElementById ? e.keyCode : 0;

    // enter
    if (key==13)
      {
      var newname = this.name_input ? this.name_input.value : null;
      if (this.edit_folder && newname)
        this.http_request('rename-folder', '_folder_oldname='+escape(this.env.subscriptionrows[this.edit_folder])+'&_folder_newname='+escape(newname));        
      }
    // escape
    else if (key==27)
      this.reset_folder_rename();
    };


  // delete a specific mailbox with all its messages
  this.delete_folder = function(folder)
    {
   if (this.edit_folder)
     this.reset_folder_rename();
    
    if (folder)
      this.http_request('delete-folder', '_mboxes='+escape(folder));
    };


  // add a new folder to the subscription list by cloning a folder row
  this.add_folder_row = function(name, replace)
    {
    name = name.replace('\\',"");
    if (!this.gui_objects.subscriptionlist)
      return false;

    for (var refid in this.env.subscriptionrows)
      if (this.env.subscriptionrows[refid]!=null)
        break;

    var refrow, form;
    var tbody = this.gui_objects.subscriptionlist.tBodies[0];
    var id = replace && replace.id ? replace.id : tbody.childNodes.length+1;

    if (!id || !(refrow = document.getElementById(refid)))
      {
      // Refresh page if we don't have a table row to clone
      location.href = this.env.comm_path+'&_action=folders';
      }
    else
      {
      // clone a table row if there are existing rows
      var row = this.clone_table_row(refrow);
      row.id = 'rcmrow'+id;
      if (replace)
        tbody.replaceChild(row, replace);
      else
        tbody.appendChild(row);
      }

    // add to folder/row-ID map
    this.env.subscriptionrows[row.id] = name;

    // set folder name
    row.cells[0].innerHTML = name;
    if (row.cells[1] && row.cells[1].firstChild.tagName=='INPUT')
      {
      row.cells[1].firstChild.value = name;
      row.cells[1].firstChild.checked = true;
      }
       
    if (row.cells[2] && row.cells[2].firstChild.tagName=='A')
      row.cells[2].firstChild.onclick = new Function(this.ref+".command('rename-folder','"+name.replace('\'','\\\'')+"')");
    if (row.cells[3] && row.cells[3].firstChild.tagName=='A')
      row.cells[3].firstChild.onclick = new Function(this.ref+".command('delete-folder','"+name.replace('\'','\\\'')+"')");

    // add new folder to rename-folder list and clear input field
    if (!replace && (form = this.gui_objects.editform))
      {
      if (form.elements['_folder_oldname'])
        form.elements['_folder_oldname'].options[form.elements['_folder_oldname'].options.length] = new Option(name,name);
      if (form.elements['_folder_name'])
        form.elements['_folder_name'].value = ''; 
      }

    };


  // replace an existing table row with a new folder line
  this.replace_folder_row = function(newfolder, oldfolder)
    {
    var id = this.get_folder_row_id(oldfolder);
    var row = document.getElementById(id);
    
    // replace an existing table row (if found)
    this.add_folder_row(newfolder, row);
    this.env.subscriptionrows[id] = null;
    
    // rename folder in rename-folder dropdown
    var form, elm;
    if ((form = this.gui_objects.editform) && (elm = form.elements['_folder_oldname']))
      {
      for (var i=0;i<elm.options.length;i++)
        {
        if (elm.options[i].value == oldfolder)
          {
          elm.options[i].text = newfolder;
          elm.options[i].value = newfolder;
          break;
          }
        }

      form.elements['_folder_newname'].value = '';
      }
    };
    

  // remove the table row of a specific mailbox from the table
  // (the row will not be removed, just hidden)
  this.remove_folder_row = function(folder)
    {
    var row;
    var id = this.get_folder_row_id(folder);
    if (id && (row = document.getElementById(id)))
      row.style.display = 'none';    

@@ -2672,13 +2904,15 @@
      for (var i=0;i<form.elements['_folder_oldname'].options.length;i++)
        {
        if (form.elements['_folder_oldname'].options[i].value == folder) 
     {
          {
          form.elements['_folder_oldname'].options[i] = null;
     break;
          break;
          }
        }
      }
      form.elements['_folder_newname'].value='';
    
    if (form && form.elements['_folder_newname'])
      form.elements['_folder_newname'].value = '';
    };


@@ -2738,52 +2972,15 @@
      
    };


   // add a new folder to the subscription list by cloning a folder row
   this.add_folder_row = function(name)
     {
     name = name.replace('\\',"");
     if (!this.gui_objects.subscriptionlist)
       return false;

     var tbody = this.gui_objects.subscriptionlist.tBodies[0];
     var id = tbody.childNodes.length+1;
   
     if (!tbody.rows[0]) 
       {
       // Refresh to create the first table row
       location.href = this.env.comm_path+'&_action=folders';
       }
     else
       {
       // clone a table row if there are existing rows
       var row = this.clone_table_row(tbody.rows[0]);
       row.id = 'rcmrow'+id;
       tbody.appendChild(row);
       }

     // add to folder/row-ID map
     this.env.subscriptionrows[row.id] = name;

     // set folder name
     row.cells[0].innerHTML = name;
     if (row.cells[1].firstChild.tagName=='INPUT')
       {
       row.cells[1].firstChild.value = name;
       row.cells[1].firstChild.checked = true;
       }
     if (row.cells[2].firstChild.tagName=='A')
       row.cells[2].firstChild.onclick = new Function(this.ref+".command('delete-folder','"+name.replace('\'','\\\'')+"')");

     var form;
     if ((form = this.gui_objects.editform) && form.elements['_folder_name'])
       form.elements['_folder_name'].value = '';
 
     // add new folder to rename-folder list
     form.elements['_folder_oldname'].options[form.elements['_folder_oldname'].options.length] = new Option(name,name);

     };

  // helper method to find a specific mailbox row ID
  this.get_folder_row_id = function(folder)
    {
    for (var id in this.env.subscriptionrows)
      if (this.env.subscriptionrows[id]==folder)
        break;
        
    return id;
    };

  // duplicate a specific table row
  this.clone_table_row = function(row)
@@ -2948,15 +3145,16 @@
  // display a system message
  this.display_message = function(msg, type, hold)
    {
    this.set_busy(false);
    if (!this.loaded)  // save message in order to display after page loaded
      {
      this.pending_message = new Array(msg, type);
      return true;
      }
    
  
    if (!this.gui_objects.message)
      return false;
      

    if (this.message_timer)
      clearTimeout(this.message_timer);
    
@@ -2967,7 +3165,7 @@
    this.gui_objects.message._rcube = this;
    this.gui_objects.message.innerHTML = cont;
    this.gui_objects.message.style.display = 'block';
    
 
    if (type!='loading')
      this.gui_objects.message.onmousedown = function(){ this._rcube.hide_message(); return true; };
    
@@ -2990,32 +3188,57 @@
  // mark a mailbox as selected and set environment variable
  this.select_mailbox = function(mbox)
    {
    if (this.gui_objects.mailboxlist)
    if (this.gui_objects.mailboxlist )
      {
      var item, reg, text_obj;
      var s_current = this.env.mailbox.toLowerCase().replace(this.mbox_expression, '');
      var s_mbox = String(mbox).toLowerCase().replace(this.mbox_expression, '');
      var s_current = this.env.mailbox.toLowerCase().replace(this.mbox_expression, '');
      var item, reg, text_obj;      
      var current_li = this.get_mailbox_li();
      var mbox_li = this.get_mailbox_li(mbox);
      
      var current_li = document.getElementById('rcmbx'+s_current);
      var mbox_li = document.getElementById('rcmbx'+s_mbox);
      
      if (current_li) {
      if (current_li)
        {
        this.set_classname(current_li, 'selected', false);
        this.set_classname(current_li, 'unfocused', false);
        }
      if (mbox_li)

      if (mbox_li || this.env.mailbox == mbox)
        {
        this.set_classname(mbox_li, 'unfocused', false);
        this.set_classname(mbox_li, 'selected', true);
        }
      }
    
    this.env.mailbox = mbox;
    };


  // for reordering column array, Konqueror workaround
  this.set_message_coltypes = function(coltypes) 
  { 
  this.coltypes = coltypes; 
  }
    this.coltypes = coltypes;
    
    // set correct list titles
    var cell, col;
    var thead = this.gui_objects.messagelist ? this.gui_objects.messagelist.tHead : null;
    for (var n=0; thead && n<this.coltypes.length; n++) 
      {
      col = this.coltypes[n];
      if ((cell = thead.rows[0].cells[n+1]) && (col=='from' || col=='to'))
        {
        // if we have links for sorting, it's a bit more complicated...
        if (cell.firstChild && cell.firstChild.tagName=='A')
          {
          cell.firstChild.innerHTML = this.get_label(this.coltypes[n]);
          cell.firstChild.onclick = function(){ return rcmail.command('sort', this.__col, this); };
          cell.firstChild.__col = col;
          }
        else
          cell.innerHTML = this.get_label(this.coltypes[n]);

        cell.id = 'rcmHead'+col;
        }
      }

  };

  // create a table row in the message list
  this.add_message_row = function(uid, cols, flags, attachment, attop)
@@ -3098,9 +3321,9 @@
    if (mbox==this.env.mailbox)
      set_title = true;

    var item, reg, text_obj;
    var reg, text_obj;
    var item = this.get_mailbox_li(mbox);
    mbox = String(mbox).toLowerCase().replace(this.mbox_expression, '');
    item = document.getElementById('rcmbx'+mbox);

    if (item && item.className && item.className.indexOf('mailbox '+mbox)>=0)
      {