thomascube
2006-05-05 ded2b7e166d4b0acab09c00f22f379fbabba709a
program/js/app.js
@@ -13,7 +13,6 @@
 
  $Id$
*/
// Constants
var CONTROL_KEY = 1;
var SHIFT_KEY = 2;
@@ -29,6 +28,7 @@
  this.gui_objects = new Object();
  this.commands = new Object();
  this.selection = new Array();
  this.last_selected = 0;
  // create public reference to myself
  rcube_webmail_client = this;
@@ -118,7 +118,7 @@
          {
          msg_list_frame.onmousedown = function(e){return rcube_webmail_client.click_on_list(e);};
          this.init_messagelist(msg_list);
          this.enable_command('markread', true);
          this.enable_command('toggle_status', true);
          }
        // enable mail commands
@@ -288,26 +288,17 @@
  this.use_arrow_key = function(keyCode, mod_key, msg_list_frame) {
    var scroll_to = 0;
    var last_selected_row = this.list_rows[this.last_selected];
    if (keyCode == 40) { // down arrow key pressed
      var new_row = last_selected_row.obj.nextSibling;
      while (new_row && new_row.nodeType != 1) {
        new_row = new_row.nextSibling;
      }
      new_row = this.get_next_row();
      if (!new_row) return false;
      scroll_to = (Number(new_row.offsetTop) + Number(new_row.offsetHeight)) - Number(msg_list_frame.offsetHeight);
    } else if (keyCode == 38) { // up arrow key pressed
      var new_row = last_selected_row.obj.previousSibling;
      while (new_row && new_row.nodeType != 1) {
        new_row = new_row.previousSibling;
      }
      new_row = this.get_prev_row();
      if (!new_row) return false;
      scroll_to = new_row.offsetTop;
    } else {return true;}
   
   if (mod_key != CONTROL_KEY)
     this.select_row(new_row.uid,mod_key);
    this.select_row(new_row.uid,mod_key,true);
    if (((Number(new_row.offsetTop)) < (Number(msg_list_frame.scrollTop))) || 
       ((Number(new_row.offsetTop) + Number(new_row.offsetHeight)) > (Number(msg_list_frame.scrollTop) + Number(msg_list_frame.offsetHeight)))) {
@@ -355,6 +346,7 @@
              
      this.message_rows[uid] = {id:row.id, obj:row,
                                classname:row.className,
                                deleted:this.env.messages[uid] ? this.env.messages[uid].deleted : null,
                                unread:this.env.messages[uid] ? this.env.messages[uid].unread : null,
                                replied:this.env.messages[uid] ? this.env.messages[uid].replied : null};
              
@@ -370,7 +362,7 @@
        {                
        msg_icon.id = 'msgicn_'+uid;
        msg_icon._row = row;
        msg_icon.onmousedown = function(e) { rcube_webmail_client.command('markread', this); };
        msg_icon.onmousedown = function(e) { rcube_webmail_client.command('toggle_status', this); };
                
        // get message icon and save original icon src
        this.message_rows[uid].icon = msg_icon;
@@ -731,9 +723,7 @@
      case 'delete':
        // mail task
        if (this.task=='mail' && this.env.trash_mailbox && String(this.env.mailbox).toLowerCase()!=String(this.env.trash_mailbox).toLowerCase())
          this.move_messages(this.env.trash_mailbox);
        else if (this.task=='mail')
        if (this.task=='mail')
          this.delete_messages();
        // addressbook task
        else if (this.task=='addressbook')
@@ -750,7 +740,7 @@
        this.move_messages(props);
        break;
        
      case 'markread':
      case 'toggle_status':
        if (props && !props._row)
          break;
        
@@ -761,9 +751,10 @@
          {
          uid = props._row.uid;
          this.dont_select = true;
          // toggle read/unread
          if (!this.message_rows[uid].unread)
          if (this.message_rows[uid].deleted) {
             flag = 'undelete';
          } else if (!this.message_rows[uid].unread)
            flag = 'unread';
          }
          
@@ -1111,7 +1102,7 @@
    if (!this.in_selection_before)
    {
     var mod_key = this.get_modifier(e);
     this.select_row(id,mod_key);
     this.select_row(id,mod_key,false);
    }
    
    if (this.selection.length)
@@ -1139,7 +1130,7 @@
    
    // unselects currently selected row    
    if (!this.drag_active && this.in_selection_before==id)
      this.select_row(id,mod_key);
      this.select_row(id,mod_key,false);
    this.drag_start = false;
    this.in_selection_before = false;
@@ -1213,6 +1204,25 @@
  /*********     (message) list functionality      *********/
  /*********************************************************/
  // get next and previous rows that are not hidden
  this.get_next_row = function(){
    var last_selected_row = this.list_rows[this.last_selected];
    var new_row = last_selected_row.obj.nextSibling;
    while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) {
      new_row = new_row.nextSibling;
    }
    return new_row;
  }
  this.get_prev_row = function(){
    var last_selected_row = this.list_rows[this.last_selected];
    var new_row = last_selected_row.obj.previousSibling;
    while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) {
      new_row = new_row.previousSibling;
    }
    return new_row;
  }
  // highlight/unhighlight a row
  this.highlight_row = function(id, multiple)
    {
@@ -1231,7 +1241,7 @@
      if (!this.in_selection(id))  // select row
        {
        this.selection[this.selection.length] = id;
        this.set_classname(this.list_rows[id].obj, 'selected', true);
        this.set_classname(this.list_rows[id].obj, 'selected', true);
        }
      else  // unselect row
        {
@@ -1259,7 +1269,7 @@
// selects or unselects the proper row depending on the modifier key pressed
  this.select_row = function(id,mod_key)  {
  this.select_row = function(id,mod_key,with_mouse)  {
     if (!mod_key) {
      this.shift_start = id;
       this.highlight_row(id, false);
@@ -1270,7 +1280,8 @@
          break; }
        case CONTROL_KEY: { 
          this.shift_start = id;
          this.highlight_row(id, true);
          if (!with_mouse)
            this.highlight_row(id, true);
          break; 
          }
        case CONTROL_SHIFT_KEY: { 
@@ -1283,7 +1294,9 @@
          }
      }
   }
   this.last_selected = id;
   if (this.last_selected != 0) { 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);
  };
  this.shift_select = function(id, control) {
@@ -1388,6 +1401,7 @@
  // list messages of a specific mailbox
  this.list_mailbox = function(mbox, page, sort)
    {
    this.last_selected = 0;
    var add_url = '';
    var target = window;
@@ -1526,6 +1540,10 @@
        if (this.message_rows[id].obj)
          this.message_rows[id].obj.style.display = 'none';
        }
      next_row = this.get_next_row();
      prev_row = this.get_prev_row();
      new_row = (next_row) ? next_row : prev_row;
      this.select_row(new_row.uid,false,false);
      }
      
    var lock = false;
@@ -1541,10 +1559,7 @@
    this.http_request('moveto', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_target_mbox='+escape(mbox)+'&_from='+(this.env.action ? this.env.action : ''), lock);
    };
  // delete selected messages from the current mailbox
  this.delete_messages = function()
    {
  this.permanently_remove_messages = function() {
    // exit if no mailbox specified or if selection is empty
    if (!(this.selection.length || this.env.uid))
      return;
@@ -1566,10 +1581,41 @@
          this.message_rows[id].obj.style.display = 'none';
        }
      }
      next_row = this.get_next_row();
      prev_row = this.get_prev_row();
      new_row = (next_row) ? next_row : prev_row;
      this.select_row(new_row.uid,false,false);
    // send request to server
    this.http_request('delete', '_uid='+a_uids.join(',')+'&_mbox='+escape(this.env.mailbox)+'&_from='+(this.env.action ? this.env.action : ''));
    };
  }
  // delete selected messages from the current mailbox
  this.delete_messages = function()
    {
    // exit if no mailbox specified or if selection is empty
    if (!(this.selection.length || this.env.uid))
      return;
    // if there is a trash mailbox defined and we're not currently in it:
    if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase()!=String(this.env.trash_mailbox).toLowerCase())
      this.move_messages(this.env.trash_mailbox);
    // if there is a trash mailbox defined but we *are* in it:
    else if (this.env.trash_mailbox && String(this.env.mailbox).toLowerCase() == String(this.env.trash_mailbox).toLowerCase())
      this.permanently_remove_messages();
    // if there isn't a defined trash mailbox and the config is set to flag for deletion
    else if (!this.env.trash_mailbox && this.env.flag_for_deletion) {
      this.mark_message('delete');
      next_row = this.get_next_row();
      prev_row = this.get_prev_row();
      new_row = (next_row) ? next_row : prev_row;
      this.select_row(new_row.uid,false,false);
    // if there isn't a defined trash mailbox and the config is set NOT to flag for deletion
    }else if (!this.env.trash_mailbox && !this.env.flag_for_deletion) {
      this.permanently_remove_messages();
    }
    return;
  };
  // set a specific flag to one or more messages
@@ -1588,13 +1634,24 @@
        {
        id = this.selection[n];
        a_uids[a_uids.length] = id;
        // 'remove' message row from list (just hide it)
        if (this.message_rows[id].obj)
          this.message_rows[id].obj.style.display = 'none';
        }
      }
      switch (flag) {
        case 'read':
        case 'unread':
          this.toggle_read_status(flag,a_uids);
          break;
        case 'delete':
        case 'undelete':
          this.toggle_delete_status(flag,a_uids);
          break;
      }
    // send request to server
    this.http_request('mark', '_uid='+a_uids.join(',')+'&_flag='+flag);
    };
  // set class to read/unread
  this.toggle_read_status = function(flag, a_uids) {
    // mark all message rows as read/unread
    var icn_src;
    for (var i=0; i<a_uids.length; i++)
@@ -1627,11 +1684,48 @@
          this.message_rows[uid].icon.src = icn_src;
        }
      }
  }
  // mark all message rows as deleted/undeleted
  this.toggle_delete_status = function(flag, a_uids) {
    if (this.env.read_when_deleted) {
      this.toggle_read_status('read',a_uids);
    }
    // send request to server
    this.http_request('mark', '_uid='+a_uids.join(',')+'&_flag='+flag);
    };
    var icn_src;
    for (var i=0; i<a_uids.length; i++)
      {
      uid = a_uids[i];
      if (this.message_rows[uid])
        {
        this.message_rows[uid].deleted = (flag=='undelete' ? false : true);
        if (this.message_rows[uid].classname.indexOf('deleted')<0 && this.message_rows[uid].deleted)
          {
          this.message_rows[uid].classname += ' deleted';
          this.set_classname(this.message_rows[uid].obj, 'deleted', true);
          if (this.env.deletedicon)
            icn_src = this.env.deletedicon;
          }
        else if (!this.message_rows[uid].deleted)
          {
          this.message_rows[uid].classname = this.message_rows[uid].classname.replace(/\s*deleted/, '');
          this.set_classname(this.message_rows[uid].obj, 'deleted', false);
          if (this.message_rows[uid].unread && this.env.unreadicon)
            icn_src = this.env.unreadicon;
          else if (this.message_rows[uid].replied && this.env.repliedicon)
            icn_src = this.env.repliedicon;
          else if (this.env.messageicon)
            icn_src = this.env.messageicon;
          }
        if (this.message_rows[uid].icon && icn_src)
          this.message_rows[uid].icon.src = icn_src;
        }
      }
  }
  /*********************************************************/
@@ -2656,7 +2750,8 @@
    var rowcount = tbody.rows.length;
    var even = rowcount%2;
    
    this.env.messages[uid] = {replied:flags.replied?1:0,
    this.env.messages[uid] = {deleted:flags.deleted?1:0,
                              replied:flags.replied?1:0,
                              unread:flags.unread?1:0};
    
    var row = document.createElement('TR');
@@ -2666,8 +2761,9 @@
    if (this.in_selection(uid))
      row.className += ' selected';
    var icon = flags.unread && this.env.unreadicon ? this.env.unreadicon :
               (flags.replied && this.env.repliedicon ? this.env.repliedicon : this.env.messageicon);
    var icon = flags.deleted && this.env.deletedicon ? this.env.deletedicon:
               (flags.unread && this.env.unreadicon ? this.env.unreadicon :
               (flags.replied && this.env.repliedicon ? this.env.repliedicon : this.env.messageicon));
    var col = document.createElement('TD');
    col.className = 'icon';