From 545bd7209299feb0aaaba518d1d8693cc12513a7 Mon Sep 17 00:00:00 2001
From: Wolfgang Sourdeau <wsourdeau@inverse.ca>
Date: Thu, 22 Mar 2007 19:02:04 +0000
Subject: [PATCH] Monotone-Parent: fda20578f843fcc6f1e05c4ff194bef9d220bcae
 Monotone-Revision: 90f11fe6847471901ab532bfef4bca2edff332a3

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2007-03-22T19:02:04
Monotone-Branch: ca.inverse.sogo
---
 UI/Templates/ContactsUI/UIxContactEditor.wox | 295 +++++++++----------
 UI/Templates/ContactsUI/UIxContactView.wox   |   4 +-
 UI/WebServerResources/ContactsUI.css         |   4 +
 UI/WebServerResources/ContactsUI.js          |   2 +-
 UI/WebServerResources/UIxContactEditor.css   |  63 ++--
 5 files changed, 195 insertions(+), 173 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactEditor.wox b/UI/Templates/ContactsUI/UIxContactEditor.wox
index 6e3f0f94a..c4cc0e9ed 100644
--- a/UI/Templates/ContactsUI/UIxContactEditor.wox
+++ b/UI/Templates/ContactsUI/UIxContactEditor.wox
@@ -15,18 +15,16 @@
       <div class="tabsContainer" id="editorTabs">
         <ul>
           <li target="baseInfos"><var:string label:value="Contact" /></li>
-          <li target="addressesInfos"><var:string label:value="Addresses" /></li>
-          <li target="otherInfos"><var:string label:value="Other Infos" /></li>
+          <li target="addressesInfos"><var:string label:value="Address" /></li>
+          <li target="otherInfos"><var:string label:value="Other" /></li>
         </ul>
 
         <div id="baseInfos" class="tab">
+	  <span class="caption"><var:string label:value="Name" /></span>
           <table>
-            <tr>
-              <td class="titleCell"><var:string label:value="Common" /></td>
-            </tr>
             <tr>
               <td>
-                <label><var:string label:value="Firstname: " const:escapeHTML="NO" />
+                <label><var:string label:value="First:" />
                   <input type="text" class="textField" name="givenName"
                     id="givenName"
                     var:value="snapshot.givenName" />
@@ -35,7 +33,7 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Lastname: " const:escapeHTML="NO" />
+                <label><var:string label:value="Last:" />
                   <input type="text" class="textField" name="sn" id="sn"
                     var:value="snapshot.sn" />
                 </label>
@@ -43,7 +41,7 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Display Name: " const:escapeHTML="NO" />
+                <label><var:string label:value="Display:" />
                   <input type="text" class="textField" name="fn" id="fn"
                     var:value="snapshot.fn" />
                 </label>
@@ -51,58 +49,58 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Nickname: " const:escapeHTML="NO" />
+                <label><var:string label:value="Nickname:" />
                   <input type="text" class="textField" name="nickname" id="nickname"
                     var:value="snapshot.nickname" />
                 </label>
               </td>
             </tr>
           </table>
-
-          <br />
+	  <span class="caption"><var:string label:value="Internet" /></span>
           <table id="emailInfos">
-            <tr>
-              <td class="titleCell"><var:string label:value="EMail" /></td>
-              <td class="preferred">
-                <var:string label:value="Preferred" />
-              </td>
-            </tr>
             <tr>
               <td>
-                <label><var:string label:value="Work: " const:escapeHTML="NO" />
+                <label><var:string label:value="Email:" />
                   <input type="text" class="textField" name="workMail" id="workMail"
                     var:value="snapshot.workMail" />
                 </label>
               </td>
-              <td class="preferred">
-                <input type="radio" name="preferredEmail"
-                  var:selection="preferredEmail" const:value="work" />
-              </td>
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Home: " const:escapeHTML="NO" />
+                <label><var:string label:value="Additional Email:" />
                   <input type="text" class="textField" name="homeMail"
                     id="homeMail" var:value="snapshot.homeMail" />
                 </label>
               </td>
-              <td class="preferred">
-                <input type="radio"
-                  name="preferredEmail"
-                  var:selection="preferredEmail"
-                  const:value="home"
-                  />
-              </td>
             </tr>
-          </table>
-          <br />
-          <table>
             <tr>
-              <td class="titleCell"><var:string label:value="Phones" /></td>
+              <td id="htmlMailFormat">
+                <label><var:string
+		    label:value="Prefers to receive messages formatted as:" />
+		  <var:popup list="htmlMailFormatList" item="item"
+		    label:noSelectionString="htmlMailFormat_UNKNOWN"
+		    string="itemHtmlMailFormatText"
+		    selection="snapshot.mozillaUseHtmlMail"
+		    />
+                </label>
+              </td>
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Work: " const:escapeHTML="NO" />
+                <label><var:string label:value="Screen Name:"
+		    />
+                  <input type="text" class="textField" name="screenName"
+                    id="screenName" var:value="snapshot.screenName" />
+                </label>
+              </td>
+            </tr>
+          </table>
+	  <span class="caption"><var:string label:value="Phones" /></span>
+          <table>
+            <tr>
+              <td>
+                <label><var:string label:value="Work:" />
                   <input type="text" class="textField"
                     name="telephoneNumber"
                     id="telephoneNumber"
@@ -112,7 +110,7 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Home: " const:escapeHTML="NO" />
+                <label><var:string label:value="Home:" />
                   <input type="text" class="textField"
                     name="homeTelephoneNumber"
                     id="homeTelephoneNumber"
@@ -124,15 +122,7 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Mobile: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="mobile" id="mobile"
-                    var:value="snapshot.mobile" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <label><var:string label:value="Fax: " const:escapeHTML="NO" />
+                <label><var:string label:value="Fax:" />
                   <input type="text" class="textField"
                     name="facsimileTelephoneNumber"
                     id="facsimileTelephoneNumber"
@@ -144,7 +134,7 @@
             </tr>
             <tr>
               <td>
-                <label><var:string label:value="Pager: " const:escapeHTML="NO" />
+                <label><var:string label:value="Pager:" />
                   <input type="text" class="textField"
                     name="pager"
                     id="pager"
@@ -154,111 +144,23 @@
                 </label>
               </td>
             </tr>
+            <tr>
+              <td>
+                <label><var:string label:value="Mobile:" />
+                  <input type="text" class="textField" name="mobile" id="mobile"
+                    var:value="snapshot.mobile" />
+                </label>
+              </td>
+            </tr>
           </table>
         </div>
 
         <div id="addressesInfos" class="tab">
+	  <span class="caption"><var:string label:value="Home" /></span>
           <table>
-            <tr>
-              <td class="titleCell" colspan="2">
-                <span class="aptview_title">
-                  <var:string label:value="Work" />
-                </span>
-              </td>
-            </tr>
-            <tr>
-              <td class="firstColumn">
-                <label>
-                  <var:string label:value="Title: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="title"
-                    id="title"
-                    var:value="snapshot.title" />
-                </label>
-              </td>
-              <td class="secondColumn">
-                <label>
-                  <var:string label:value="Service: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workService"
-                    id="workService"
-                    var:value="snapshot.workService" />
-                </label>
-              </td>
-            </tr>
             <tr>
               <td colspan="2">
-                <label><var:string label:value="Company: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workCompany"
-                    id="workCompany"
-                    var:value="snapshot.workCompany" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td colspan="2">
-                <label><var:string label:value="Street Address: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workStreetAddress"
-                    id="workStreetAddress"
-                    var:value="snapshot.workStreetAddress" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td colspan="2">
-                <label><var:string label:value="City: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workCity"
-                    id="workCity"
-                    var:value="snapshot.workCity" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td class="firstColumn">
-                <label><var:string label:value="State/Province: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workState"
-                    id="workState"
-                    var:value="snapshot.workState" />
-                </label>
-              </td>
-              <td class="secondColumn">
-                <label><var:string
-                    label:value="Zip or Postal Code: "
-                    const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workPostalCode"
-                    id="workPostalCode"
-                    var:value="snapshot.workPostalCode" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td colspan="2">
-                <label><var:string label:value="Country: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workCountry"
-                    id="workCountry"
-                    var:value="snapshot.workCountry" />
-                </label>
-              </td>
-            </tr>
-            <tr>
-              <td colspan="2">
-                <label><var:string label:value="Web: " const:escapeHTML="NO" />
-                  <input type="text" class="textField" name="workURL"
-                    var:value="snapshot.workURL" />
-                </label>
-              </td>
-            </tr>
-          </table>
-
-          <table>
-            <tr>
-              <td class="titleCell" colspan="2">
-                <span class="aptview_title">
-                  <var:string label:value="Home" />
-                </span>
-              </td>
-            </tr>
-            <tr>
-              <td colspan="2">
-                <label><var:string label:value="Street Address: " const:escapeHTML="NO" />
+                <label><var:string label:value="Address:" />
                   <input type="text" class="textField" name="homeStreetAddress"
                     id="homeStreetAddress"
                     var:value="snapshot.homeStreetAddress" />
@@ -267,7 +169,7 @@
             </tr>
             <tr>
               <td colspan="2">
-                <label><var:string label:value="City: " const:escapeHTML="NO" />
+                <label><var:string label:value="City:" />
                   <input type="text" class="textField" name="homeCity"
                     id="homeCity"
                     var:value="snapshot.homeCity" />
@@ -276,7 +178,7 @@
             </tr>
             <tr>
               <td class="firstColumn">
-                <label><var:string label:value="State/Province: " const:escapeHTML="NO" />
+                <label><var:string label:value="State_Province:" />
                   <input type="text" class="textField" name="homeState"
                     id="homeState"
                     var:value="snapshot.homeState" />
@@ -284,8 +186,8 @@
               </td>
               <td class="secondColumn">
                 <label><var:string
-                    label:value="Zip or Postal Code: "
-                    const:escapeHTML="NO" />
+                    label:value="ZIP_Postal Code:"
+                    />
                   <input type="text" class="textField" name="homePostalCode"
                     id="homePostalCode"
                     var:value="snapshot.homePostalCode" />
@@ -294,7 +196,7 @@
             </tr>
             <tr>
               <td colspan="2">
-                <label><var:string label:value="Country: " const:escapeHTML="NO" />
+                <label><var:string label:value="Country:" />
                   <input type="text" class="textField" name="homeCountry"
                     id="homeCountry"
                     var:value="snapshot.homeCountry" />
@@ -304,12 +206,97 @@
             <tr>
               <td colspan="2">
                 <label>
-                  <var:string label:value="Web: " const:escapeHTML="NO" />
+                  <var:string label:value="Web Page:" />
                   <input type="text" class="textField" name="homeURL"
                     var:value="snapshot.homeURL" />
                 </label>
               </td>
             </tr>
+          </table> 
+	  <span class="caption"><var:string label:value="Work" /></span>
+	  <table>
+            <tr>
+              <td colspan="2">
+                <label>
+                  <var:string label:value="Title:" />
+                  <input type="text" class="textField" name="title"
+                    id="title"
+                    var:value="snapshot.title" />
+                </label>
+              </td>
+	    </tr>
+	    <tr>
+              <td colspan="2">
+                <label>
+                  <var:string label:value="Department:" />
+                  <input type="text" class="textField" name="workService"
+                    id="workService"
+                    var:value="snapshot.workService" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <label><var:string label:value="Organization:" />
+                  <input type="text" class="textField" name="workCompany"
+                    id="workCompany"
+                    var:value="snapshot.workCompany" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <label><var:string label:value="Address:" />
+                  <input type="text" class="textField" name="workStreetAddress"
+                    id="workStreetAddress"
+                    var:value="snapshot.workStreetAddress" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <label><var:string label:value="City:" />
+                  <input type="text" class="textField" name="workCity"
+                    id="workCity"
+                    var:value="snapshot.workCity" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td class="firstColumn">
+                <label><var:string label:value="State_Province:" />
+                  <input type="text" class="textField" name="workState"
+                    id="workState"
+                    var:value="snapshot.workState" />
+                </label>
+              </td>
+              <td class="secondColumn">
+                <label><var:string
+                    label:value="ZIP_Postal Code:"
+                    />
+                  <input type="text" class="textField" name="workPostalCode"
+                    id="workPostalCode"
+                    var:value="snapshot.workPostalCode" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <label><var:string label:value="Country:" />
+                  <input type="text" class="textField" name="workCountry"
+                    id="workCountry"
+                    var:value="snapshot.workCountry" />
+                </label>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <label><var:string label:value="Web Page:" />
+                  <input type="text" class="textField" name="workURL"
+                    var:value="snapshot.workURL" />
+                </label>
+              </td>
+            </tr>
           </table>
         </div>
 
@@ -317,13 +304,13 @@
           <table>
             <tr>
               <td class="firstColumn">
-                <label><var:string label:value="Birthday: " const:escapeHTML="NO" />
+                <label><var:string label:value="Birthday:" />
                   <input type="text" class="textField" name="birthday" id="birthday"
                     var:value="snapshot.bday" />
                 </label>
               </td>
               <td class="secondColumn">
-                <label><var:string label:value="Timezone: " const:escapeHTML="NO" />
+                <label><var:string label:value="Timezone:" />
                   <input type="text" class="textField" name="tz" id="tz"
                     var:value="snapshot.tz" />
                 </label>
@@ -331,7 +318,7 @@
             </tr>
             <tr>
               <td colspan="2">
-                <label><var:string label:value="Freebusy URL: " const:escapeHTML="NO" />
+                <label><var:string label:value="Freebusy URL:" />
                   <input type="text" class="textField" name="calFBURL" id="calFBURL"
                     var:value="snapshot.calFBURL" />
                 </label>
@@ -339,7 +326,7 @@
             </tr>
             <tr>
               <td colspan="2">
-                <label><var:string label:value="Note: " const:escapeHTML="NO" />
+                <label><var:string label:value="Note:" />
                   <textarea var:value="snapshot.note" name="note" id="note"></textarea>
                 </label>
               </td>
diff --git a/UI/Templates/ContactsUI/UIxContactView.wox b/UI/Templates/ContactsUI/UIxContactView.wox
index 7d3e078d7..e7094c444 100644
--- a/UI/Templates/ContactsUI/UIxContactView.wox
+++ b/UI/Templates/ContactsUI/UIxContactView.wox
@@ -17,7 +17,9 @@
         ><h4><var:string label:value="Contact" /></h4
           ><var:string value="displayName" escapeHTML="NO"
           /><var:string value="nickName" escapeHTML="NO"
-          /><var:string value="preferredEmail" escapeHTML="NO"
+          /><var:string value="primaryEmail" escapeHTML="NO"
+          /><var:string value="secondaryEmail" escapeHTML="NO"
+          /><var:string value="screenName" escapeHTML="NO"
           /><var:string value="preferredTel" escapeHTML="NO"
           /><var:string value="preferredAddress" escapeHTML="NO"
           /></div
diff --git a/UI/WebServerResources/ContactsUI.css b/UI/WebServerResources/ContactsUI.css
index 77e4003b2..172d13a6a 100644
--- a/UI/WebServerResources/ContactsUI.css
+++ b/UI/WebServerResources/ContactsUI.css
@@ -222,6 +222,10 @@ DIV#contactView
   line-height: 1em;
 }
 
+DIV#contactView A
+{ color: #00f;
+  text-decoration: none; }
+
 DIV#contactView H3.contactCardTitle
 { display: block;
   margin: .2em 0px;
diff --git a/UI/WebServerResources/ContactsUI.js b/UI/WebServerResources/ContactsUI.js
index fd7cd970f..5ac0bfba6 100644
--- a/UI/WebServerResources/ContactsUI.js
+++ b/UI/WebServerResources/ContactsUI.js
@@ -39,7 +39,7 @@ var currentFolderIsExternal = false;
 var contactSelectorAction = 'addressbooks-contacts';
 
 function openContactWindow(sender, url) {
-  var msgWin = window.open(url, null, "width=545,height=545,resizable=0");
+  var msgWin = window.open(url, null, "width=450,height=600,resizable=0");
   msgWin.focus();
 }
 
diff --git a/UI/WebServerResources/UIxContactEditor.css b/UI/WebServerResources/UIxContactEditor.css
index d3cb32715..9fa6d6c80 100644
--- a/UI/WebServerResources/UIxContactEditor.css
+++ b/UI/WebServerResources/UIxContactEditor.css
@@ -1,16 +1,46 @@
 DIV#editorTabs
-{
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 2.5em;;
-  margin-bottom: 1em;
-}
+{ position: absolute;
+  top: .5em;
+  left: .5em;
+  right: .5em;
+  bottom: 2.5em;
+  margin-bottom: 1em; }
 
 DIV#editorTabs DIV.tab
 { padding: .5em;
-  overflow: auto; }
+  overflow: hidden; }
+
+SELECT
+{ width: 8em; }
+
+DIV.tab TABLE
+{ border: 1px solid #aaa;
+  margin-top: -.5em;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 1em;
+  padding: 1em;
+  -moz-border-radius: 6px;
+  display: table;
+  text-align: right;
+  width: 100%; }
+
+SPAN.caption
+{ text-align: center;
+  cursor: default;
+  background: #999;
+  width: auto;
+  padding: .25em;
+  margin-left: 7px;
+  border-top: 2px solid #fffffb;
+  border-left: 2px solid #fffffb;
+  border-bottom: 2px solid #888;
+  border-right: 2px solid #888;
+  background-color: #dbdad5;
+  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
+  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
+  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
 
 DIV#buttons
 { visibility: visible;
@@ -32,7 +62,10 @@ DIV#contactInfos TABLE
  */
 
 DIV#contactInfos INPUT.textField
-{ width: 65%; }
+{ width: 60%; }
+
+TD#htmlMailFormat
+{ text-align: left !important; }
 
 TABLE#emailInfos TD
 { width: 90%; }
@@ -42,17 +75,13 @@ TABLE#emailInfos TD.preferred
   overflow: visible;
   text-align: center; }
 
-TABLE
-{ display: table;
-  text-align: right;
-  width: 90%; }
-
 DIV.tab TD INPUT.textField
-{ width: 70%; }
+{ width: 60%;
+  margin-left: .5em; }
 
 DIV.tab TD.firstColumn INPUT.textField,
 DIV.tab TD.secondColumn INPUT.textField
-{ width: 40%; }
+{ width: 35%; }
 
 #otherInfos TEXTAREA
 { width: 70%; }