From: <dcr...@hy...> - 2010-01-13 23:51:11
|
Author: dcrutchf Date: 2010-01-13 15:51:00 -0800 (Wed, 13 Jan 2010) New Revision: 14179 URL: http://svn.hyperic.org/?view=rev&root=Hyperic+HQ&revision=14179 Modified: trunk/web/css/HQ_40.css trunk/web/login.jsp Log: tweaked UI Modified: trunk/web/css/HQ_40.css =================================================================== --- trunk/web/css/HQ_40.css 2010-01-13 22:52:42 UTC (rev 14178) +++ trunk/web/css/HQ_40.css 2010-01-13 23:51:00 UTC (rev 14179) @@ -1377,7 +1377,7 @@ } .loginPanel input[type="password"], .loginPanel input[type="text"] { - width: 248px + width: 200px } .ToolbarContent td { Modified: trunk/web/login.jsp =================================================================== --- trunk/web/login.jsp 2010-01-13 22:52:42 UTC (rev 14178) +++ trunk/web/login.jsp 2010-01-13 23:51:00 UTC (rev 14179) @@ -15,6 +15,21 @@ <link rel="stylesheet" type="text/css" href="/css/HQ_40.css" /> <link rel="stylesheet" type="text/css" href="/js/dojo/1.1/dijit/themes/tundra/tundra.css" /> <link rel="stylesheet" type="text/css" href="/js/dojo/1.1/dojo/resources/dojo.css" /> + <script src="/js/dojo/1.1/dojo/dojo.js" type="text/javascript"></script> + <script> + dojo.addOnLoad(function() { + var username = dojo.byId("usernameInput"); + var password = dojo.byId("passwordInput"); + + dojo.connect(username, "onfocus", function(e) { dojo.addClass(e.target.parentNode, "active"); }); + dojo.connect(username, "onblur", function(e) { dojo.removeClass(e.target.parentNode, "active"); }); + + dojo.connect(password, "onfocus", function(e) { dojo.addClass(e.target.parentNode, "active"); }); + dojo.connect(password, "onblur", function(e) { dojo.removeClass(e.target.parentNode, "active"); }); + + username.focus(); + }); + </script> </head> <body> <div id="header"> @@ -30,47 +45,39 @@ </ul> </div> </div> - <div class="loginPanel"> - <form name='f' action='/j_spring_security_check' method='POST'> - <div class="fieldsetTitle"> - <fmt:message key="login.signin.message" /> - </div> - <div class="fieldsetNote"> - <fmt:message key="login.signin.instructions" /> - </div> - <fieldset> - <c:if test="${not empty param.authfailed}"> - <p> - <div class="msgPanel msgError"> - <fmt:message key="login.info.bad" /> + <div id="wrapper"> + <div id="content"> + <div class="loginPanel"> + <form name='f' action='/j_spring_security_check' method='POST'> + <div class="fieldsetTitle"> + <fmt:message key="login.signin.message" /> + </div> + <div class="fieldsetNote"> + <fmt:message key="login.signin.instructions" /> + </div> + <fieldset> + <c:if test="${not empty param.authfailed}"> + <p> + <div class="msgPanel msgError"> + <fmt:message key="login.info.bad" /> + </div> + </p> + </c:if> + <div class="fieldRow"> + <label for="j_username"><fmt:message key="login.field.username" /></label> + <input id="usernameInput" type="text" id="j_username" name="j_username" value="" /> </div> - </p> - </c:if> - <table> - <tr> - <td> - <label for="j_username"><fmt:message key="login.field.username" /></label> - </td> - <td> - <input type="text" id="j_username" name="j_username" value="" /> - </td> - </tr> - <tr> - <td> + <div class="fieldRow"> <label for="j_password"><fmt:message key="login.field.password" /></label> - </td> - <td> - <input type="password" id="j_password" name="j_password" /> - </td> - </tr> - <tr> - <td colspan="2" align="right"> + <input id="passwordInput" type="password" id="j_password" name="j_password" /> + </div> + <div class="button"> <input name="submit" type="submit" class="button42" value="<fmt:message key="login.signin" />" /> - </td> - </tr> - </table> - </fieldset> - </form> - </div> + </div> + </fieldset> + </form> + </div> + </div> + </div> </body> </html> \ No newline at end of file |