From b01506f7f8fbda1c0427a509e81ba71012e39fdb Mon Sep 17 00:00:00 2001
From: Art Cancro <ajc@citadel.org>
Date: Tue, 10 Apr 2007 22:06:41 +0000
Subject: [PATCH] More work on the css/js for the address book popup. Warning:
 I've left it enabled this time.  Don't build packages from this.

---
 webcit/messages.c        | 14 +++++++-------
 webcit/static/wclib.js   |  7 +++++--
 webcit/static/webcit.css | 39 +++++++++++++++++++++------------------
 3 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/webcit/messages.c b/webcit/messages.c
index ec13b9d37..4c5a0b3e7 100644
--- a/webcit/messages.c
+++ b/webcit/messages.c
@@ -3008,7 +3008,7 @@ void display_enter(void)
 		wprintf("\" size=50 maxlength=1000 />");
 		wprintf("<div class=\"auto_complete\" id=\"recp_name_choices\"></div>");
 
-		/** Pop open an address book -- begin **
+		/** Pop open an address book -- begin **/
 
 		wprintf(
 			"<a href=\"javascript:PopOpenAddressBook();\" title=\"%s\">"
@@ -3016,7 +3016,7 @@ void display_enter(void)
 			"</a>", _("Contacts")
 		);
 
-		** Pop open an address book -- end **/
+		/** Pop open an address book -- end **/
 
 		wprintf("</td><td></td></tr>\n");
 
@@ -3203,17 +3203,17 @@ void display_enter(void)
 	 * closing the main div.  FIXME put this in its own function so we can use it from the
 	 * calendar too.
 	 */
-	wprintf("</div><div id=\"address_book_popup_dropshadow\" style=\"display:none;\">");
-	wprintf("&nbsp;");
 	wprintf("</div><div id=\"address_book_popup\" style=\"display:none;\">");
+	wprintf("<div id=\"address_book_popup_middle_div\">");
 	wprintf("<table border=0 width=100%%><tr valign=middle>");
 	wprintf("<td align=left><img src=\"static/viewcontacts_32x.gif\"></td>");
-	wprintf("<td align=center>%s</td>", _("Contacts") );
+	wprintf("<td align=center><span class=\"address_book_popup_title\">%s</span></td>", _("Contacts") );
 	wprintf("<td align=right "
-		"onclick=\"javascript:$('address_book_popup').style.display='none'; $('address_book_popup_dropshadow').style.display='none';\" "
+		"onclick=\"javascript:$('address_book_popup').style.display='none';\" "
 		"><img src=\"static/closewindow.gif\">");
-	wprintf("</td></tr></table><hr>");
+	wprintf("</td></tr></table>");
 	wprintf("<div id=\"address_book_inner_div\"></div>");
+	wprintf("</div>");
 DONE:	wDumpContent(1);
 }
 
diff --git a/webcit/static/wclib.js b/webcit/static/wclib.js
index c31af14df..11156a33f 100644
--- a/webcit/static/wclib.js
+++ b/webcit/static/wclib.js
@@ -661,11 +661,14 @@ function CtdlShowUserInfoPopup(Element) {
 // Pop open the address book
 function PopOpenAddressBook() {
 	$('address_book_inner_div').innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
-	$('address_book_popup_dropshadow').style.display = 'block';
 	$('address_book_popup').style.display = 'block';
+	Nifty('div#address_book_popup_middle_div','big transparent');
 	new Ajax.Updater(
 		'address_book_inner_div',
 		'display_address_book_inner_div',
-		{ method: 'get', parameters: Math.random() }
+		{
+			method: 'get',
+			parameters: Math.random()
+		}
 	);
 }
diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 14335896e..5d787872e 100644
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -858,28 +858,31 @@ div.auto_complete ul strong.highlight {
         text-align: left;
 }
 
-#address_book_popup_dropshadow {
-        position: absolute;
-        top: 110px;
-        left: 210px;
-        width: 320px;
-        height: 300px;
-        z-index: 99;
-	background-color: #fff;
-	filter:alpha(opacity=50);
-	-moz-opacity:.50;
-	opacity:.50;
-	display: none;
-}
-
 #address_book_popup {
         position: absolute;
         top: 100px;
-        left: 200px;
+        left: 25%;
         width: 320px;
-	height: 300px;
+	height: auto;
         z-index: 100;
-	background-color: #ffc;
-	color:#000;
+	background-color: #fff;
+	color: #000;
 	display: none;
 }
+
+#address_book_popup_middle_div {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-color: #ffd;
+}
+
+#address_book_inner_div {
+	margin: 5px;
+}
+
+.address_book_popup_title {
+        font-size: 14pt;
+        font-weight: bold;
+        color: #000;
+}
-- 
2.39.2