Login icons for Google and Yahoo

[citadel.git] / webcit / static / t / get_logged_in.html

diff --git a/webcit/static/t/get_logged_in.html b/webcit/static/t/get_logged_in.html
index 9a7ae0f21d9fefd49a7441f5c3a32cf249a3dd61..dfce9bd7a9bfc411ca0ad622f68ac4a3310b6ab1 100644 (file)
--- a/webcit/static/t/get_logged_in.html
+++ b/webcit/static/t/get_logged_in.html
@@ -6,7 +6,7 @@
 </div>
 <div id="loginbox_closebutton">
 <a href="javascript:toggleModal(0);">
-<?_("Close window")>&nbsp;<img src="static/closewindow.gif" border="0"></a>
+<?_("Close window")>&nbsp;<img src="static/webcit_icons/closewindow.gif" border="0"></a>
 </div>
 </div>
 <br><br>
@@ -14,22 +14,32 @@
 <div id="auth_container">
 <div id="authbar">
 <ul id="button">
-<li class="ib_button" style='background-image: url("/static/citadel-button-32x32.gif");'>
+<li class="ib_button" style='background-image: url("/static/webcit_icons/citadel-button-32x32.gif");'>
     <a class="ib_button_link" href="javascript:authtoggle('authbox_userpass');" title="<?SERV:HUMANNODE>"><span>
         <?SERV:HUMANNODE>
     </span></a>
 </li>
-<?!("COND:SERV:OPENID",1)><li class="ib_button" style='background-image: url("/static/openid-32x32.gif");'>
+<?!("COND:SERV:OPENID",1)><li class="ib_button" style='background-image: url("/static/webcit_icons/openid-32x32.gif");'>
     <a class="ib_button_link" href="javascript:authtoggle('authbox_openid');" title="OpenID"><span>
         OpenID
     </span></a>
+
 </li><??("X", 1)>
-<??("COND:SERV:OPENID",2)>
-<li class="ib_button">
-</li>
+<?!("COND:SERV:OPENID",2)><li class="ib_button" style='background-image: url("/static/webcit_icons/google-32x32.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_google');" title="Google"><span>
+        Google
+    </span></a>
 </li><??("X", 2)>
-<li class="ib_button">
-</li>
+<?!("COND:SERV:OPENID",3)><li class="ib_button" style='background-image: url("/static/webcit_icons/yahoo-32x32.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_yahoo');" title="Yahoo"><span>
+        Yahoo
+    </span></a>
+</li><??("X", 3)>
+<?!("COND:SERV:OPENID",4)><li class="ib_button" style='background-image: url("/static/webcit_icons/openid-32x32.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_aol');" title="AOL"><span>
+        AOL/AIM
+    </span></a>
+</li><??("X", 4)>
 <li class="ib_button">
 </li>
 <li class="ib_button">
@@ -50,18 +60,51 @@
 <br><br>
 </form>
 <div class="logbuttons"><a href="javascript:ajax_try_username_and_password();"><?_("Log in")></a></div>
-<div class="registernow"><a href="javascript:alert('FIXME');"><?_("New user?  Register now")></a></div>
+<div class="registernow"><a href="javascript:authtoggle('authbox_newuser');"><?_("New user?  Register now")></a></div>
+</div>
+
+<div class="authbox" id="authbox_newuser" style="display: none">
+<h2><?_("New user?  Register now")></h2>
+<?_("enter the name and password you wish to use, and click &quot;New User.&quot; ")><br><br>
+<form id="ajax_newuser_form" method="POST" action="ajax_login_newuser">
+<label for="uname"><?_("User name:")></label>
+<input type="text" name="name" id="uname" onKeyPress="newuser_onkeypress(event);">
+<br><br>
+<label for="pname"><?_("Password:")></label>
+<input type="password" name="pass" id="pname" onKeyPress="newuser_onkeypress(event);">
+<br><br>
+</form>
+<div class="logbuttons"><a href="javascript:ajax_try_newuser();"><?_("New User")></a></div>
 </div>
 
 <div class="authbox" id="authbox_openid" style="display: none">
 <h2><?_("Log in using OpenID")></h2>
 <form id="ajax_openid_form" method="POST" action="ajax_login_openid">
 <?_("OpenID URL:")>
-<input type="text" name="openid_url" id="openid_url" class="openid_urlarea">
+<input type="text" name="openid_url" id="openid_url" class="openid_urlarea" onKeyPress="return openid_onkeypress(event);">
 </form>
 <div class="logbuttons"><a href="javascript:ajax_try_openid();"><?_("Log in")></a></div>
 </div>
 
+<div class="authbox" id="authbox_google" style="display: none">
+<h2><?_("Log in using Google")></h2>
+<div class="logbuttons"><a href="javascript:ajax_try_google();"><?_("Log in")></a></div>
+</div>
+
+<div class="authbox" id="authbox_yahoo" style="display: none">
+<h2><?_("Log in using Yahoo")></h2>
+<div class="logbuttons"><a href="javascript:ajax_try_yahoo();"><?_("Log in")></a></div>
+</div>
+
+<div class="authbox" id="authbox_aol" style="display: none">
+<h2><?_("Log in using AOL or AIM")></h2>
+<form id="ajax_aol_form" method="POST" action="ajax_login_aol">
+<?_("Enter your AOL or AIM screen name:")>
+<input type="text" name="aol_screenname" id="aol_screenname" class="openid_urlarea" onKeyPress="return aol_onkeypress(event);">
+</form>
+<div class="logbuttons"><a href="javascript:ajax_try_aol();"><?_("Log in")></a></div>
+</div>
+
 </div>
 </body>
 </html>