Login icons for Google and Yahoo
[citadel.git] / webcit / static / t / get_logged_in.html
index 8903a98f55ecef45f1cdf5620e4b48499b49123c..dfce9bd7a9bfc411ca0ad622f68ac4a3310b6ab1 100644 (file)
@@ -2,11 +2,11 @@
 <body>
 <div id="loginbox_topline_container">
 <div id="loginbox_title">
-To complete this action, you must log in.  FIXME localize this string.
+<?_("You must be logged in to access this page.")>
 </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,18 +14,32 @@ To complete this action, you must log in.  FIXME localize this string.
 <div id="auth_container">
 <div id="authbar">
 <ul id="button">
-<li class="ib_button" style='background-image: url("/static/citadel-32x32-icon.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>
-<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>
-<li class="ib_button">
-</li>
+
+</li><??("X", 1)>
+<?!("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)>
+<?!("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">
@@ -38,19 +52,57 @@ To complete this action, you must log in.  FIXME localize this string.
 <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">
-<?_("User name:")>
-<input type="text" name="name" id="uname">
-<br>
-<?_("Password:")>
-<input type="password" name="pass" id="pname">
-<br>
+<label for="uname"><?_("User name:")></label>
+<input type="text" name="name" id="uname" onKeyPress="username_and_password_onkeypress(event);">
+<br><br>
+<label for="pname"><?_("Password:")></label>
+<input type="password" name="pass" id="pname" onKeyPress="username_and_password_onkeypress(event);">
+<br><br>
+</form>
+<div class="logbuttons"><a href="javascript:ajax_try_username_and_password();"><?_("Log in")></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="buttons"><a href="javascript:ajax_try_username_and_password('<?BSTR("destination_url")>');"><?_("Log in")></a></div>
+<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>
-ju gunna put da openid login here, haina?
+<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" 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>