Changeset 412 in subversion

Timestamp:

Dec 17, 2006 4:28:37 PM (6 years ago)

Author:

thomasb

Message:

Added patch for resizeable preview pane

Location:

trunk/roundcubemail

Files:

• CHANGELOG (modified) (1 diff)
• program/js/app.js (modified) (9 diffs)
• program/js/common.js (modified) (3 diffs)
• program/js/list.js (modified) (2 diffs)
• skins/default/addresses.css (modified) (1 diff)
• skins/default/common.css (modified) (1 diff)
• skins/default/images/dimple.png (added)
• skins/default/mail.css (modified) (2 diffs)
• skins/default/splitter.js (added)
• skins/default/templates/addressbook.html (modified) (2 diffs)
• skins/default/templates/mail.html (modified) (3 diffs)

trunk/roundcubemail/CHANGELOG

@@ -1 +1 @@
 CHANGELOG RoundCube Webmail
 ---------------------------
+
+2006/12/17 (thomasb)
+----------
+- Added patch by Ryan Rittenhouse & David Glick for a resizeable preview pane
+
 
 2006/12/06 (thomasb)

trunk/roundcubemail/program/js/app.js

@@ -27 +27 @@
   this.gui_objects = new Object();
   this.commands = new Object();
+  this.onloads = new Array();
 
   // create public reference to myself
@@ -78 +79 @@
     };
 
-
   // register a specific gui object
   this.gui_object = function(name, id)
@@ -84 +84 @@
     this.gui_objects[name] = id;
     };
-
+  
+  // execute the given script on load
+  this.add_onload = function(f)
+    {
+      this.onloads[this.onloads.length] = f;
+    };
 
   // initialize webmail client
@@ -102 +107 @@
     for (var n in this.gui_objects)
       this.gui_objects[n] = rcube_find_object(this.gui_objects[n]);
-      
+
     // tell parent window that this frame is loaded
     if (this.env.framed && parent.rcmail && parent.rcmail.set_busy)
@@ -294 +299 @@
     // start keep-alive interval
     this.start_keepalive();
+    
+    
+    // execute all foreign onload scripts
+    for (var i=0; i<this.onloads.length; i++)
+      {
+      if (typeof(this.onloads[i]) == 'string')
+        eval(this.onloads[i]);
+      else if (typeof(this.onloads[i]) == 'function')
+        this.onloads[i]();
+      }
     };
 
@@ -679 +694 @@
         break;
 
-          case 'lastmessage':
+      case 'lastmessage':
         if (this.env.last_uid)
           this.show_message(this.env.last_uid);
@@ -1210 +1225 @@
       this.env.current_page = page;
       this.message_list.clear_selection();
+      this.show_messageframe(false);
       }
     
@@ -1325 +1341 @@
       {
       var selection = this.message_list.get_selection();
-      var id;
-      for (var n=0; n<selection.length; n++)
+      for (var n=0, id; n<selection.length; n++)
         {
         id = selection[n];
@@ -1333 +1348 @@
         }
 
-      this.message_list.select_next();
-      }
-      
+        this.show_messageframe(false);
+      }
+
     var lock = false;
 

trunk/roundcubemail/program/js/common.js

@@ -531 +531 @@
   return {x:iX, y:iY};
   }
+
+
+/**
+ * Return the currently applied value of a css property
+ *
+ * @param {Object} html_element  Node reference
+ * @param {String} css_property  Property name to read in Javascript notation (eg. 'textAlign')
+ * @param {String} mozilla_equivalent  Equivalent property name in CSS notation (eg. 'text-align')
+ * @return CSS property value
+ * @type String
+ */
+function get_elements_computed_style(html_element, css_property, mozilla_equivalent)
+  {
+  if (arguments.length==2)
+    mozilla_equivalent = css_property;
+
+  var el = html_element;
+  if (typeof(html_element)=='string')
+    el = nex_get_object(html_element);
+
+  if (el && el.currentStyle)
+    return el.currentStyle[css_property];
+  else if (el && document.defaultView && document.defaultView.getComputedStyle)
+    return document.defaultView.getComputedStyle(el, null).getPropertyValue(mozilla_equivalent);
+  else
+    return false;
+  }
   
 
@@ -544 +571 @@
   }
 
+roundcube_browser.prototype.set_cookie = setCookie;
+
 function getCookie(name)
   {
@@ -562 +591 @@
   }
 
+roundcube_browser.prototype.get_cookie = getCookie;
+
 
 var bw = new roundcube_browser();

trunk/roundcubemail/program/js/list.js

@@ -273 +273 @@
 
   var last_selected_row = this.rows[this.last_selected];
-  var new_row = last_selected_row && last_selected_row.obj.nextSibling;
+  var new_row = last_selected_row ? last_selected_row.obj.nextSibling : null;
   while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none'))
     new_row = new_row.nextSibling;
@@ -286 +286 @@
 
   var last_selected_row = this.rows[this.last_selected];
-  var new_row = last_selected_row && last_selected_row.obj.previousSibling;
+  var new_row = last_selected_row ? last_selected_row.obj.previousSibling : null;
   while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none'))
     new_row = new_row.previousSibling;

trunk/roundcubemail/skins/default/addresses.css

@@ -71 +71 @@
   overflow: hidden;
   /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-530)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-80-document.getElementById('addresslist').offsetWidth)+'px');
   height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
 }
+
+
+#addressviewsplitter
+{
+  background-position: 6px center;
+}
+
+#addressviewsplitter .splitterLine
+{
+  margin-left: 3px;
+  width: 9px;
+}
+
 
 body.iframe,

trunk/roundcubemail/skins/default/common.css

@@ -214 +214 @@
 }
 
+.splitter
+{
+  position: absolute;
+  padding: 2px;
+  background: url(images/dimple.png) center no-repeat;
+}
+
+.splitter-h
+{
+  cursor: n-resize;
+  background-position: center 2px;
+}
+
+.splitter-v
+{
+  cursor: e-resize;
+  background-position: 1px center;
+}
+
 
 /***** common table settings ******/

trunk/roundcubemail/skins/default/mail.css

@@ -124 +124 @@
 {
   position: absolute;
-  top: 300px;
+  top: 305px;
   left: 200px;
   right: 40px;
@@ -132 +132 @@
   /* css hack for IE */
   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
-  height: expression((parseInt(document.documentElement.clientHeight)-340)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px');
 }
 

trunk/roundcubemail/skins/default/templates/addressbook.html

@@ -5 +5 @@
 <roundcube:include file="/includes/links.html" />
 <link rel="stylesheet" type="text/css" href="/addresses.css" />
+<script type="text/javascript" src="/splitter.js"></script>
 </head>
 <body>
@@ -32 +33 @@
 </div>
 
+<script type="text/javascript">
+  var addrviewsplit = new rcube_splitter({id:'addressviewsplitter', p1: 'addresslist', p2: 'contacts-box', orientation: 'v'});
+  rcmail.add_onload('addrviewsplit.init()');
+</script>
+
 <div id="contacts-box">
 <roundcube:object name="addressframe" id="contact-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" />

trunk/roundcubemail/skins/default/templates/mail.html

@@ -5 +5 @@
 <roundcube:include file="/includes/links.html" />
 <link rel="stylesheet" type="text/css" href="/mail.css" />
+<script type="text/javascript" src="/splitter.js"></script>
 </head>
 <body>
@@ -56 +57 @@
 
 <roundcube:if condition="config:preview_pane == true" />
+<script type="text/javascript">
+  var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h'});
+  rcmail.add_onload('mailviewsplit.init()');
+</script>
 <div id="mailpreviewframe">
 <roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
@@ -63 +68 @@
 #mailcontframe {
   bottom: auto;
-  height: 210px;
+  height: 208px;
 }
 </style>