added mouseover-row highlighting

git-svn-id: http://svn.opengroupware.org/SOGo/trunk@565 d1b88da0-ebda-0310-925b-ed51d893ca5b

diff --git a/SOGo/UI/Mailer/ChangeLog b/SOGo/UI/Mailer/ChangeLog
index 9bcebc5916afd7d76fcd4cd0edb483ae80cfd7b0..4518c004773059df318d318d7003113eb82cac69 100644 (file)
--- a/SOGo/UI/Mailer/ChangeLog
+++ b/SOGo/UI/Mailer/ChangeLog
@@ -1,3 +1,10 @@
+2005-02-15  Helge Hess  <helge.hess@opengroupware.org>
+
+       * UIxMailListView.wox: added message row highlighting (v0.9.111)
+
+       * UIxMailAccountView.wox, UIxMailAccountsView.wox: added a title-div
+         to fix layout (v0.9.110)
+
 2005-02-14  Helge Hess  <helge.hess@opengroupware.org>
 
        * mailer.js: use 'tb.view' instead of 'view' to show a page (v0.9.109)

diff --git a/SOGo/UI/Mailer/UIxMailAccountView.wox b/SOGo/UI/Mailer/UIxMailAccountView.wox
index 28b145c0b1ab8d40bb1fd62f1e540d9ec16ba0c9..af04877ccc1449e2862fd3cf3fb597123ea1599b 100644 (file)
--- a/SOGo/UI/Mailer/UIxMailAccountView.wox
+++ b/SOGo/UI/Mailer/UIxMailAccountView.wox
@@ -9,6 +9,10 @@
   className="UIxMailMainFrame"
   title="panelTitle"
 >
+  <div class="titlediv">
+    <var:string value="clientObject.nameInContainer"/>
+  </div>
+
   <div class="embedwhite_out">
     <div class="embedwhite_in">
      <div style="padding: 8px;">
@@ -39,10 +43,10 @@
       <li><a href="">Offline settings</a> [TBD: not in Agenor]</li>
       <br />
       <br />
--->
 
       <div class="whitesec_title">Screenshot</div><br />
       <a rsrc:href="tbird_073_accountview.png">screenshot</a>
+-->
      </div>
     </div>
   </div>

diff --git a/SOGo/UI/Mailer/UIxMailAccountsView.wox b/SOGo/UI/Mailer/UIxMailAccountsView.wox
index 1198cf8ab6a05e8fcb2d0ffc4f70ecc9b7c44e71..88eeaa38e64701e850f03e29ca9221277dcce82f 100644 (file)
--- a/SOGo/UI/Mailer/UIxMailAccountsView.wox
+++ b/SOGo/UI/Mailer/UIxMailAccountsView.wox
@@ -9,9 +9,15 @@
   className="UIxMailMainFrame"
   title="panelTitle"
 >
+  <div class="titlediv">
+    <var:string value="clientObject.davDisplayName" />
+  </div>
+  
   <div class="embedwhite_out">
     <div class="embedwhite_in" style="height: 300px">
+     <div style="padding: 8px;">
       <var:string label:value="Welcome to the SOGo Mailer. Use the folder tree on the left to browse your mail accounts!" />
+     </div>
 <!--
       <h3>SOGo Mail - Available Accounts</h3>
 

diff --git a/SOGo/UI/Mailer/UIxMailListView.wox b/SOGo/UI/Mailer/UIxMailListView.wox
index e82c07fdfc2ba14acbf4cd04a6f05ae7e1a02a54..f6aab58212c4bea84c2a9aea65c7b696725c103f 100644 (file)
--- a/SOGo/UI/Mailer/UIxMailListView.wox
+++ b/SOGo/UI/Mailer/UIxMailListView.wox
@@ -99,7 +99,10 @@
         </tr>
         
         <var:foreach list="messages" item="message">
-          <tr class="tableview" var:id="msgRowID">
+          <tr class="tableview" var:id="msgRowID"
+              onmouseover="ml_highlight(this)"
+              onmouseout="ml_lowlight(this)"
+          >
             <td>
               <!-- this seems to break on Safari, it treats name==id? -->
               <input type="checkbox" var:name="msgRowID" value="0" 
@@ -147,6 +150,7 @@
                 <img rsrc:src="title_attachment_14x14.png" 
                      width="14" height="14" />
               </var:if>
+              <entity name="nbsp" />
             </td>
            
             <td var:class="messageCellStyleClass">
@@ -154,6 +158,7 @@
                 <var:string value="message.envelope.date" 
                             formatter="context.mailDateFormatter"/>
               </span>
+              <entity name="nbsp" />
             </td>
           </tr>
         </var:foreach>

diff --git a/SOGo/UI/Mailer/Version b/SOGo/UI/Mailer/Version
index 86b9dc0351f63b372b5b3b3be9f41e5b75931bf4..b2060ee5bdc62d64cc7ac2783ae696fb7b56ab0a 100644 (file)
--- a/SOGo/UI/Mailer/Version
+++ b/SOGo/UI/Mailer/Version
@@ -1,6 +1,6 @@
 # version file
 
-SUBMINOR_VERSION:=109
+SUBMINOR_VERSION:=111
 
 # v0.9.100 requires libNGMime        v4.5.213
 # v0.9.99  requires libNGMime        v4.5.212

diff --git a/SOGo/UI/Mailer/mailer.css b/SOGo/UI/Mailer/mailer.css
index 44f1842d7714ee610aada93d391403b558db9ded..ccc2e063bf95180e8b1ca2d3571f42c6b94bc5f1 100644 (file)
--- a/SOGo/UI/Mailer/mailer.css
+++ b/SOGo/UI/Mailer/mailer.css
@@ -188,6 +188,12 @@ td.titlecell {
   font-family:    Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
   vertical-align: top;
 }
+.tableview td {
+  border-top-width:    1px;
+  border-top-color:    white;
+  border-bottom-width: 1px;
+  border-bottom-color: white;
+}
 
 .tableview_selected { 
   font-size:        9pt;
@@ -196,6 +202,21 @@ td.titlecell {
   background-color: #ffffcc;
 }
 
+.tableview_highlight { 
+  font-size:        9pt;
+  font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+  vertical-align:   top;
+  background-color: #D4D0C8;
+}
+.tableview_highlight td {
+  border-top-width:    1px;
+  border-bottom-width: 1px;
+  border-top-style:    solid;
+  border-bottom-style: solid;
+  border-top-color:    #808080;
+  border-bottom-color: #808080;
+}
+
 td.tbtv_navcell { 
   border-width:        1;
   border-style:        solid;

diff --git a/SOGo/UI/Mailer/mailer.js b/SOGo/UI/Mailer/mailer.js
index 54d9f634216fb6755d39ee3d18a57155ebd1fffd..b360181e18ffed45bbe7cd7d277dccd1cebbd3b5 100644 (file)
--- a/SOGo/UI/Mailer/mailer.js
+++ b/SOGo/UI/Mailer/mailer.js
@@ -339,3 +339,20 @@ function mailListMarkMessage(sender, action, msguid, markread) {
     window.opener.location.href = url;
   }
 }
+
+/* maillist row highlight */
+
+var oldMaillistHighlight = None; // to remember deleted/selected style
+
+function ml_highlight(sender) {
+  oldMaillistHighlight = sender.className;
+  sender.className = "tableview_highlight";
+}
+function ml_lowlight(sender) {
+  if (oldMaillistHighlight) {
+    sender.className = oldMaillistHighlight;
+    oldMaillistHighlight = None;
+  }
+  else
+    sender.className = "tableview";
+}

diff --git a/SOGo/UI/MailerContacts/UIxMailContactList.wox b/SOGo/UI/MailerContacts/UIxMailContactList.wox
index e49a72fc063ea3d90dee0d2c8114ba4041810e46..bf1a1f681131d3dc6e728fca90f618439d7cd01a 100644 (file)
--- a/SOGo/UI/MailerContacts/UIxMailContactList.wox
+++ b/SOGo/UI/MailerContacts/UIxMailContactList.wox
@@ -86,12 +86,21 @@
         <var:foreach list="contactInfos" item="contact">
           <tr class="tableview" var:id="contact.cName"
               onclick="openContact(this, this.id)"
+              onmouseover="cl_highlight(this)"
+              onmouseout="cl_lowlight(this)"
+              style="cursor: pointer;"
           >
-            <td><var:string value="contact.sn"              /></td>
-            <td><var:string value="contact.givenname"       /></td>
-            <td><var:string value="contact.mail"            /></td>
-            <td><var:string value="contact.telephonenumber" /></td>
-            <td><var:string value="contact.l"               /></td>
+            <td><var:string value="contact.sn" /><entity name="nbsp"/></td>
+            <td>
+              <var:string value="contact.givenname" />
+              <entity name="nbsp"/>
+            </td>
+            <td><var:string value="contact.mail" /><entity name="nbsp"/></td>
+            <td>
+              <var:string value="contact.telephonenumber" />
+              <entity name="nbsp"/>
+            </td>
+            <td><var:string value="contact.l" /><entity name="nbsp"/></td>
           </tr>
         </var:foreach>
       </table>

diff --git a/SOGo/UI/MailerContacts/mailercontacts.js b/SOGo/UI/MailerContacts/mailercontacts.js
index 48863a0d16ecb4789278b87443a9398619e9b31f..730caf82881540693a9112b0f0e4f675f26560fa 100644 (file)
--- a/SOGo/UI/MailerContacts/mailercontacts.js
+++ b/SOGo/UI/MailerContacts/mailercontacts.js
@@ -29,3 +29,10 @@ function openContact(sender, addruid) {
   w.focus();
   return false;
 }
+
+function cl_highlight(sender) {
+  sender.className = "tableview_highlight";
+}
+function cl_lowlight(sender) {
+  sender.className = "tableview";
+}