thomascube
2006-03-04 f5121b5639992fc9e51fd551bac2254429b638fa
program/js/app.js
@@ -13,6 +13,10 @@
  $Id$
*/
// Constants
var CONTROL_KEY = 1;
var SHIFT_KEY = 2;
var CONTROL_SHIFT_KEY = 3;
var rcube_webmail_client;
@@ -107,9 +111,11 @@
    switch (this.task)
      {
      case 'mail':
        var msg_list_frame = this.gui_objects.mailcontframe;
        var msg_list = this.gui_objects.messagelist;
        if (msg_list)
          {
          msg_list_frame.onmousedown = function(e){return rcube_webmail_client.click_on_list(e);};
          this.init_messagelist(msg_list);
          this.enable_command('markread', true);
          }
@@ -138,6 +144,9 @@
          
        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)
          this.enable_command('purge', true);
        this.set_page_buttons();
@@ -222,8 +231,13 @@
    this.enable_command('logout', true);
    // disable browser's contextmenus
    // document.oncontextmenu = function(){ return false; }
    document.oncontextmenu = function(){ return false; }
    // load body click event
    document.onmousedown = function(){ return rcube_webmail_client.reset_click(); };
    document.onkeydown   = function(e){ return rcube_webmail_client.use_arrow_keys(e, msg_list_frame); };
    // flag object as complete
    this.loaded = true;
          
@@ -232,16 +246,71 @@
      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.kepp_alive_int = setInterval(this.ref+'.'+(this.task=='mail'?'check_for_recent()':'send_keep_alive()'), this.kepp_alive_interval);
    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);
    else
      this.kepp_alive_int = setInterval(this.ref+'.send_keep_alive()', this.kepp_alive_interval);
    };
  // reset last clicked if user clicks on anything other than the message table
  this.reset_click = function()
    {
   this.in_message_list = false;
   };
  this.click_on_list = function(e)
    {
    if (!e)
      e = window.event;
    this.in_message_list = true;
    e.cancelBubble = true;
    };
  // reset last clicked if user clicks on anything other than the message table
  this.use_arrow_keys = function(e, msg_list_frame) {
    if (this.in_message_list != true)
      return true;
    var keyCode = document.layers ? e.which : document.all ? event.keyCode : document.getElementById ? e.keyCode : 0;
    var mod_key = this.get_modifier(e);
    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;
      }
      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;
      }
      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);
    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)))) {
      msg_list_frame.scrollTop = scroll_to;
    }
    return false;
  };
  // get all message rows from HTML table and init each row
  this.init_messagelist = function(msg_list)
    {
    if (msg_list && msg_list.tBodies[0])
      {
      this.message_rows = new Array();
      var row;
@@ -276,7 +345,10 @@
      // set eventhandlers to table row
      row.onmousedown = function(e){ return rcube_webmail_client.drag_row(e, this.uid); };
      row.onmouseup = function(e){ return rcube_webmail_client.click_row(e, this.uid); };
      if (document.all)
        row.onselectstart = function() { return false; };
      // set eventhandler to message icon
      if ((msg_icon = row.cells[0].childNodes[0]) && row.cells[0].childNodes[0].nodeName=='IMG')
        {                
@@ -376,7 +448,7 @@
    this.list_rows = this.contact_rows;
    
    if (this.env.cid)
      this.select(this.env.cid);
      this.highlight_row(this.env.cid);
    };
@@ -440,7 +512,7 @@
    this.list_rows = this.identity_rows;
    
    if (this.env.iid)
      this.select(this.env.iid);
      this.highlight_row(this.env.iid);
    };
    
@@ -552,9 +624,10 @@
          this.expunge_mailbox(this.env.mailbox);
        break;
      case 'clear-mailbox':
        //if (this.env.messagecount)
          //this.clear_mailbox(this.env.mailbox);
      case 'purge':
      case 'empty-mailbox':
        if (this.env.messagecount)
          this.purge_mailbox(this.env.mailbox);
        break;
@@ -995,11 +1068,12 @@
    if (this.dont_select)
      return false;
    // selects currently unselected row
    if (!this.in_selection_before)
      {
      var ctrl = this.check_ctrlkey(e);
      this.select(id, ctrl);
      }
    {
     var mod_key = this.get_modifier(e);
     this.select_row(id,mod_key);
    }
    
    if (this.selection.length)
      {
@@ -1015,8 +1089,7 @@
  // onmouseup-handler of message list row
  this.click_row = function(e, id)
    {
    var shift = this.check_shiftkey(e);
    // don't do anything (another action processed before)
    if (this.dont_select)
      {
@@ -1024,16 +1097,16 @@
      return false;
      }
    
    if (!this.drag_active && this.in_selection_before==id)
      {
      this.select(id, (shift && this.task!='settings'));
      }
    // unselects currently selected row
    if (!this.drag_active && this.in_selection_before==id) {
      var mod_key = this.get_modifier(e);
      this.select_row(id,mod_key);
    }
    this.drag_start = false;
    this.in_selection_before = false;
        
    // row was double clicked
    if (this.task=='mail' && this.list_rows && this.list_rows[id].clicked && !shift)
    if (this.task=='mail' && this.list_rows && this.list_rows[id].clicked)
      {
      this.show_message(id);
      return false;
@@ -1101,9 +1174,8 @@
  /*********     (message) list functionality      *********/
  /*********************************************************/
  // select/unselect a row
  this.select = function(id, multiple)
  // highlight/unhighlight a row
  this.highlight_row = function(id, multiple)
    {
    var selected = false
    
@@ -1130,7 +1202,6 @@
        this.selection = a_pre.concat(a_post);
        this.set_classname(this.list_rows[id].obj, 'selected', false);
        }
      selected = (this.selection.length==1);
      }
@@ -1147,6 +1218,54 @@
      }
    };
// selects or unselects the proper row depending on the modifier key pressed
  this.select_row = function(id,mod_key)  {
     if (!mod_key) {
      this.shift_start = id;
       this.highlight_row(id, false);
    } else {
      switch (mod_key) {
        case SHIFT_KEY: {
          this.shift_select(id,false);
          break; }
        case CONTROL_KEY: {
          this.shift_start = id;
          this.highlight_row(id, true);
          break;
          }
        case CONTROL_SHIFT_KEY: {
          this.shift_select(id,true);
          break;
          }
        default: {
          this.highlight_row(id, false);
          break;
          }
      }
   }
   this.last_selected = id;
  };
  this.shift_select = function(id, control) {
    var from_rowIndex = this.list_rows[this.shift_start].obj.rowIndex;
    var to_rowIndex = this.list_rows[id].obj.rowIndex;
    var i = ((from_rowIndex < to_rowIndex)? from_rowIndex : to_rowIndex);
    var j = ((from_rowIndex > to_rowIndex)? from_rowIndex : to_rowIndex);
   // iterate through the entire message list
    for (var n in this.list_rows) {
      if ((this.list_rows[n].obj.rowIndex >= i) && (this.list_rows[n].obj.rowIndex <= j)) {
        if (!this.in_selection(n))
          this.highlight_row(n, true);
      } else {
        if  (this.in_selection(n) && !control)
          this.highlight_row(n, true);
      }
    }
  };
  this.clear_selection = function()
    {
@@ -1180,7 +1299,7 @@
    
    for (var n in this.list_rows)
      if (!filter || this.list_rows[n][filter]==true)
      this.select(n, true);
      this.highlight_row(n, true);
    };
    
@@ -1318,6 +1437,28 @@
    this.http_request('expunge', url+add_url, lock);
    };
  this.purge_mailbox = function(mbox)
    {
    var lock = false;
    var add_url = '';
    if (!confirm(this.get_label('purgefolderconfirm')))
      return false;
    // lock interface if it's the active mailbox
    if (mbox == this.env.mailbox)
       {
       lock = true;
       this.set_busy(true, 'loading');
       add_url = '&_reload=1';
       }
    // send request to server
    var url = '_mbox='+escape(mbox);
    this.http_request('purge', url+add_url, lock);
    };
  // move selected messages to the specified mailbox
  this.move_messages = function(mbox)
@@ -1952,6 +2093,7 @@
      return false;
      
    //if (this.env.framed && add_url=='')
    //  add_url = '&_framed=1';
    
    if (action && (cid || action=='add'))
@@ -1965,9 +2107,9 @@
  this.delete_contacts = function()
    {
    // exit if no mailbox specified or if selection is empty
    if (!(this.selection.length || this.env.cid))
    if (!(this.selection.length || this.env.cid) || !confirm(this.get_label('deletecontactconfirm')))
      return;
    var a_cids = new Array();
    if (this.env.cid)
@@ -2502,6 +2644,13 @@
    this.set_page_buttons();
    };
  // replace content of quota display
   this.set_quota = function(text)
     {
     if (this.gui_objects.quotadisplay)
       this.gui_objects.quotadisplay.innerHTML = text;
     };
  // update the mailboxlist
  this.set_unread_count = function(mbox, count, set_title)
@@ -2531,7 +2680,7 @@
      }
    // set unread count to window title
    if (set_title && document.title)
    if ((set_title || mbox==this.env.mailbox) && document.title)
      {
      var doc_title = String(document.title);
      reg = /^\([0-9]+\)\s+/i;
@@ -2705,7 +2854,7 @@
    if (request_obj.__lock)
      this.set_busy(false);
  console(request_obj.responseText);
  console(request_obj.get_text());
    // if we get javascript code from server -> execute it
    if (request_obj.get_text() && (ctype=='text/javascript' || ctype=='application/x-javascript'))
@@ -2721,9 +2870,12 @@
        break;
      case 'list':
        if (this.env.messagecount)
          this.enable_command('purge', (this.env.mailbox==this.env.trash_mailbox));
      case 'expunge':
        this.enable_command('select-all', 'select-none', 'expunge', this.env.messagecount ? true : false);
        break;
        break;
      }
    request_obj.reset();
@@ -2807,6 +2959,26 @@
      return false;
    }
// returns modifier key (constants defined at top of file)
  this.get_modifier = function(e)
    {
    var opcode = 0;
    if (e = e || window.event)
    {
      opcode += (e.ctrlKey && CONTROL_KEY) + (e.shiftKey && SHIFT_KEY);
     return opcode;
    }
    if (e.cancelBubble)
    {
      e.cancelBubble = true;
      e.returnValue = false;
    }
    else if (e.preventDefault)
      e.preventDefault();
  }
  this.get_mouse_pos = function(e)
    {
    if(!e) e = window.event;