From 52153480a8dddd132a9ed1fd296bba31ae71d31a Mon Sep 17 00:00:00 2001
From: helge <helge@d1b88da0-ebda-0310-925b-ed51d893ca5b>
Date: Mon, 14 Feb 2005 23:51:55 +0000
Subject: [PATCH] added mouseover-row highlighting

git-svn-id: http://svn.opengroupware.org/SOGo/trunk@565 d1b88da0-ebda-0310-925b-ed51d893ca5b
---
 SOGo/UI/Mailer/ChangeLog                      |  7 +++++++
 SOGo/UI/Mailer/UIxMailAccountView.wox         |  6 +++++-
 SOGo/UI/Mailer/UIxMailAccountsView.wox        |  6 ++++++
 SOGo/UI/Mailer/UIxMailListView.wox            |  7 ++++++-
 SOGo/UI/Mailer/Version                        |  2 +-
 SOGo/UI/Mailer/mailer.css                     | 21 +++++++++++++++++++
 SOGo/UI/Mailer/mailer.js                      | 17 +++++++++++++++
 SOGo/UI/MailerContacts/UIxMailContactList.wox | 19 ++++++++++++-----
 SOGo/UI/MailerContacts/mailercontacts.js      |  7 +++++++
 9 files changed, 84 insertions(+), 8 deletions(-)

diff --git a/SOGo/UI/Mailer/ChangeLog b/SOGo/UI/Mailer/ChangeLog
index 9bcebc59..4518c004 100644
--- 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 28b145c0..af04877c 100644
--- 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 1198cf8a..88eeaa38 100644
--- 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 e82c07fd..f6aab582 100644
--- 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 86b9dc03..b2060ee5 100644
--- 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 44f1842d..ccc2e063 100644
--- 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 54d9f634..b360181e 100644
--- 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 e49a72fc..bf1a1f68 100644
--- 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 48863a0d..730caf82 100644
--- 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";
+}
-- 
2.39.5