From 0646541ec367e07b6c4ea2855a6532db6e3dcf63 Mon Sep 17 00:00:00 2001
From: Art Cancro <ajc@citadel.org>
Date: Tue, 4 Jan 2011 15:43:43 -0500
Subject: [PATCH] New CSS for the login modal

---
 webcit/static/authmethods.js       |  9 ++++++
 webcit/static/styles/webcit.css    | 44 +++++++++++++++++++++++++--
 webcit/static/t/get_logged_in.html | 48 ++++++++++++++++++++++++------
 3 files changed, 89 insertions(+), 12 deletions(-)

diff --git a/webcit/static/authmethods.js b/webcit/static/authmethods.js
index 57550687a..3709669d0 100644
--- a/webcit/static/authmethods.js
+++ b/webcit/static/authmethods.js
@@ -62,3 +62,12 @@ function ajax_try_username_and_password(destination_url) {
 		}
 	});
 }
+
+/*
+ * tab handler for the login box
+ */
+function authtoggle(show_which_div) {
+	$('authbox_userpass').style.display = 'none';
+	$('authbox_openid').style.display = 'none';
+	$(show_which_div).style.display = 'block';
+}
diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index d6965794c..838521d14 100644
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -1220,8 +1220,8 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 	background: url(/static/bubble.gif) no-repeat bottom;
 }
 
-/*---------- bubble tooltips end -----------*/
 
+/*---------- styles for the blog view -----------*/
 
 .blog_post {
 }
@@ -1263,6 +1263,9 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 	font-style: italic;
 }
 
+
+/*---------- styles for the attachments form -----------*/
+
 #attachments_form {
 	display:none;
 	position:absolute;
@@ -1290,15 +1293,18 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 }
 
 
+/*---------- styles for the login modal box -----------*/
+
 #loginbox_topline_container {
 	position: relative;
+	font-size: 130%;
+	color: white;
 }
 
 #loginbox_title {
 	float: left;
 	width: 75%;
 	text-align: left;
-	color: white;
 	background-color: #022750;
 	border: 3px solid #022750;
 }
@@ -1307,7 +1313,39 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 	float: right;
 	width: 23%;
 	text-align: right;
-	color: white;
 	background-color: #ddd;
 	border: 3px solid #ddd;
 }
+
+#auth_container {
+	position: relative;
+	border: 1px solid #777;
+}
+
+#authbar {
+	top: 0;
+	left: 0;
+	width: 23%;
+	z-index: 0;
+	overflow: auto;
+	overflow-x: hidden !important;
+}
+
+#authbar ul {
+	margin-top: 1px;
+	margin-bottom: 0;
+}
+
+.authbox {
+	text-align: center;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 75%;
+	height: 100%;
+	z-index: 0;
+	overflow: auto;
+	overflow-x: hidden !important;
+	background-color: #ddd;
+}
+
diff --git a/webcit/static/t/get_logged_in.html b/webcit/static/t/get_logged_in.html
index 6dd14347b..3fcb651bb 100644
--- a/webcit/static/t/get_logged_in.html
+++ b/webcit/static/t/get_logged_in.html
@@ -11,18 +11,48 @@ To complete this action, you must log in.  FIXME localize this string.
 </div>
 <br><br>
 <div class="login_message" id="login_errmsg"></div>
+<div id="auth_container">
+<div id="authbar">
+<ul id="button">
+<li class="ib_button" style='background-image: url("/static/usermanag_32x.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_userpass');" title="<?SERV:HUMANNODE>"><span>
+        <?SERV:HUMANNODE>
+    </span></a>
+</li>
+<li class="ib_button" style='background-image: url("/static/usermanag_32x.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_openid');" title="OpenID"><span>
+        OpenID
+    </span></a>
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+</ul>
+</div>
+
+<div class="authbox" id="authbox_userpass" style="display: block">
+<h2><?_("Log in using a user name and password")></h2>
 <form id="ajax_username_password_form" method="POST" action="ajax_login_username_password">
-<table border=0 cellspacing=0 cellpadding=0><tr>
-<td><?_("User name:")></td>
-<td><input type="text" name="name" id="uname"></td>
-</tr><tr>
-<td><?_("Password:")></td>
-<td><input type="password" name="pass" id="pname"></td>
-</tr></table>
+<?_("User name:")>
+<input type="text" name="name" id="uname">
+<br>
+<?_("Password:")>
+<input type="password" name="pass" id="pname">
+<br>
 </form>
-<hr>
 <div class="buttons"><a href="javascript:ajax_try_username_and_password('<?BSTR("destination_url")>');"><?_("Log in")></a></div>
-<div class="buttons"><a href="javascript:toggleModal(0);"><?_("Cancel")></a></div>
+</div>
+
+<div class="authbox" id="authbox_openid" style="display: none">
+<h2><?_("Log in using OpenID")></h2>
+ju gunna put da openid login here, haina?
+</div>
+
 </div>
 </body>
 </html>
-- 
2.30.2