thomascube
2012-02-15 19b34b7058117832de44682a7d3eb4ada9859be4
skins/larry/ui.js
@@ -54,12 +54,14 @@
  }
  /**
   *
   * Initialize UI
   * Called on document.ready
   */
  function init()
  {
    rcmail.addEventListener('message', message_displayed);
    /***  mail task  ***/
    if (rcmail.env.task == 'mail') {
      rcmail.addEventListener('menu-open', show_listoptions);
      rcmail.addEventListener('menu-save', save_listoptions);
@@ -71,21 +73,23 @@
        popups.dragmessagemenu = dragmenu;
      }
      var previewframe = $('#mailpreviewframe').is(':visible');
      $('#mailpreviewtoggle').addClass(previewframe ? 'enabled' : 'closed').click(function(e){ toggle_preview_pane(e); return false });
      $('#maillistmode').addClass(rcmail.env.threading ? '' : 'selected').click(function(e){ switch_view_mode('list'); return false });
      $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e){ switch_view_mode('thread'); return false });
      if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') {
        layout_messageview();
        $("#all-headers").resizable({ handles: 's', minHeight: 50 });
        $('#previewheaderstoggle').click(function(e){ toggle_preview_headers(this); return false });
      }
      else if (rcmail.env.action == 'compose') {
        rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 100); });
        rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 200); });
        rcmail.addEventListener('aftersend-attachment', show_uploadform);
        rcmail.addEventListener('add-recipient', function(p){ show_header_row(p.field, true); });
        layout_composeview();
        // Show input elements with non-empty value
        var field, fields = ['cc', 'bcc', 'replyto', 'followupto'];
        for (var f=0; f < fields.length; f++) {
          if ((field = $('#_'+fields[f])) && field.length && field.val() != '')
            show_header_row(fields[f], true);
        }
        $('#composeoptionstoggle').parent().click(function(){
          $('#composeoptionstoggle').toggleClass('enabled');
@@ -95,15 +99,20 @@
        }).css('cursor', 'pointer');
        new rcube_splitter({ id:'composesplitterv', p1:'#composeview-left', p2:'#composeview-right',
          orientation:'v', relative:true, start:248, min:170, size:12 }).init();
          orientation:'v', relative:true, start:248, min:170, size:12, render:layout_composeview }).init();
      }
      else if (rcmail.env.action == 'list' || !rcmail.env.action) {
          mailviewsplit = new rcube_splitter({ id:'mailviewsplitter', p1:'#mailview-top', p2:'#mailview-bottom',
            orientation:'h', relative:true, start:310, min:150, size:0, offset:-22 });
          if (previewframe)
            mailviewsplit.init();
        var previewframe = $('#mailpreviewframe').is(':visible');
        $('#mailpreviewtoggle').addClass(previewframe ? 'enabled' : 'closed').click(function(e){ toggle_preview_pane(e); return false });
        $('#maillistmode').addClass(rcmail.env.threading ? '' : 'selected').click(function(e){ switch_view_mode('list'); return false });
        $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e){ switch_view_mode('thread'); return false });
          rcmail.addEventListener('setquota', update_quota);
        mailviewsplit = new rcube_splitter({ id:'mailviewsplitter', p1:'#mailview-top', p2:'#mailview-bottom',
          orientation:'h', relative:true, start:310, min:150, size:0, offset:-22 });
        if (previewframe)
          mailviewsplit.init();
        rcmail.addEventListener('setquota', update_quota);
      }
      if ($('#mailview-left').length) {
@@ -111,6 +120,7 @@
          orientation:'v', relative:true, start:248, min:150, size:12, callback:render_mailboxlist, render:resize_leftcol }).init();
      }
    }
    /***  settings task  ***/
    else if (rcmail.env.task == 'settings') {
      rcmail.addEventListener('init', function(){
        var tab = '#settingstabpreferences';
@@ -130,6 +140,7 @@
          orientation:'v', relative:true, start:305, min:150, size:12 }).init();
      }
    }
    /***  addressbook task  ***/
    else if (rcmail.env.task == 'addressbook') {
      rcmail.addEventListener('afterupload-photo', show_uploadform);
@@ -140,6 +151,7 @@
          orientation:'v', relative:true, start:296, min:220, size:12 }).init();
      }
    }
    /***  login page  ***/
    else if (rcmail.env.task == 'login') {
      if (bw.ie && bw.vendver < 9) {
        var popup = $('<div>')
@@ -271,22 +283,26 @@
  function layout_composeview()
  {
    var body = $('#composebody'),
      form = $('#compose-content'),
      bottom = $('#composeview-bottom'),
      w, h;
    bottom.css('height', (bottom.parent().height() - bottom.position().top) + 'px');
    bottom.css('height', (form.height() - bottom.position().top) + 'px');
    w = body.parent().width() - 8;
    w = body.parent().width() - 6;
    h = body.parent().height() - 36;
    body.width(w).height(h);
    if (window.tinyMCE && tinyMCE.get('composebody')) {
      $('#composebody_tbl').width((w+12)+'px').height('').css('margin-top', '1px');
      $('#composebody_ifr').width((w+12)+'px').height((h-22)+'px');
      $('#composebody_tbl').width((w+10)+'px').height('').css('margin-top', '1px');
      $('#composebody_ifr').width((w+10)+'px').height((h-22)+'px');
    }
    else {
      $('#googie_edit_layer').height(h+'px');
    }
    var abooks = $('#directorylist');
    $('#compose-contacts .scroller').css('top', abooks.position().top + abooks.outerHeight());
  }
@@ -696,8 +712,8 @@
   */
  function init_tabs(elem, current)
  {
    var id = elem.id,
      content = $(elem),
    var content = $(elem),
      id = content.get(0).id,
      fs = content.children('fieldset');
    if (!fs.length)
@@ -705,7 +721,7 @@
    if (!id) {
      id = 'rcmtabcontainer';
      elem.attr('id', id);
      content.attr('id', id);
    }
    // first hide not selected tabs
@@ -756,6 +772,7 @@
  {
    var frame = $('<iframe>').attr('id', 'aboutframe')
      .attr('src', rcmail.url('settings/about'))
      .attr('frameborder', '0')
      .appendTo(document.body);
    var h = Math.floor($(window).height() * 0.75);
@@ -782,7 +799,7 @@
/**
 * Roundcube splitter GUI class
 * Roundcube UI splitter class
 *
 * @constructor
 */
@@ -801,11 +818,16 @@
  this.callback = p.callback;
  var me = this;
  rcube_splitter._instances[this.id] = me;
  this.init = function()
  {
    this.p1 = $(this.p.p1);
    this.p2 = $(this.p.p2);
    // check if referenced elements exist, otherwise abort
    if (!this.p1.length || !this.p2.length)
      return;
    // create and position the handle for this splitter
    this.p1pos = this.relative ? this.p1.position() : this.p1.offset();
@@ -826,11 +848,9 @@
      this.handle.css({ left:left+'px', top:'0px' });
    }
    this.elm = this.handle.get(0);
    // listen to window resize on IE
    if (bw.ie)
      $(window).resize(function(e){ onResize(e) });
      $(window).resize(onResize);
    // read saved position from cookie
    var cookie = bw.get_cookie(this.id);
@@ -1000,3 +1020,11 @@
} // end class rcube_splitter
// static getter for splitter instances
rcube_splitter._instances = {};
rcube_splitter.get_instance = function(id)
{
  return rcube_splitter._instances[id];
};