Fix login page.

This commit is contained in:
Paulo Gustavo Veiga 2014-02-09 21:58:23 -03:00
parent 95d9414ae3
commit bbc380366f
7 changed files with 151 additions and 167 deletions

View File

@ -248,7 +248,7 @@ ACCESS_HAS_BEEN_REVOKED= Upps. your access permissions to this map has been revo
MAP_CAN_NOT_BE_FOUND= Upps. The map can not be found. It must have been deleted. MAP_CAN_NOT_BE_FOUND= Upps. The map can not be found. It must have been deleted.
LICENSE=License LICENSE=License
WELCOME_TO_WISEMAPPING=Welcome to WiseMapping WELCOME_TO_WISEMAPPING=Welcome to WiseMapping
WELCOME_DETAILS=WiseMapping will enable you to create and read your mind maps everywhere. With WiseMapping you can: <ul><li>Embed mind map it in web pages and blogs</li><li>Link mind map and documents</li><li>Share your maps with friend and colleagues</li><li>Export your maps SVG,PNG,JPG and FreeMind</li></ul>. WELCOME_DETAILS=WiseMapping will enable you to create and read your mind maps everywhere. With WiseMapping you can: <ul><li>Embed mind map it in web pages and blogs</li><li>Link mind map and documents</li><li>Share your maps with friend and colleagues</li><li>Export your maps SVG,PNG,JPG and FreeMind</li></ul>
OPENID_LOGIN=Open Id Login OPENID_LOGIN=Open Id Login
LOGING_OPENID_DETAILS=Do you already have an account on one of these sites?. Click the logo to log in with it here: LOGING_OPENID_DETAILS=Do you already have an account on one of these sites?. Click the logo to log in with it here:
WHY_OPENID=<b>Why OpenID ?</b></br> It's a single username and password that allows you to log in to any OpenID-enabled site. It works on thousands of websites.</br>It's an open standard. </br><a href="http://openid.net/what/">learn more</a> WHY_OPENID=<b>Why OpenID ?</b></br> It's a single username and password that allows you to log in to any OpenID-enabled site. It works on thousands of websites.</br>It's an open standard. </br><a href="http://openid.net/what/">learn more</a>

View File

@ -57,6 +57,7 @@ html,body {
padding-left: 7px; padding-left: 7px;
font-weight: bold; font-weight: bold;
vertical-align: middle; vertical-align: middle;
font-size: 20px;
} }
#headerButtons { #headerButtons {

View File

@ -2,7 +2,7 @@
@import "pageHeaders.css"; @import "pageHeaders.css";
div#register { div#register {
margin: 40px auto; margin: 20px auto;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
} }
@ -17,34 +17,6 @@ div#pageContainer {
min-height: 100%; min-height: 100%;
} }
div.bodyContainer {
padding-top: 30px;
padding-bottom: 85px; /* Height of the footer */
}
div.bodyContainer h1 {
color: #093A9D;
font-size: 150%;
margin-bottom: 5px;
font-weight: bold;
}
div.bodyContainer h2 {
color: gray;
font-size: 150%;
border-bottom: 1px dashed #BBB4D6;
margin: 20px 0;
}
div.bodyContainer ul {
padding: 5px;
}
div.bodyContainer li {
list-style-type: disc;
margin-left: 12px;
}
#footerContainer { #footerContainer {
padding-top: 10px; padding-top: 10px;
border-top: 1px black solid; border-top: 1px black solid;
@ -62,17 +34,25 @@ span.errorMsg {
color: red; color: red;
} }
div.fform { /* Reduce styles */
background: #eeeeee; .jumbotron > h1 {
border: 1px solid #cfcfcf; font-size: 35px;
padding: 5px 25px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
} }
div.fform label { .jumbotron p {
font-weight: bold; font-size: 15px;
}
#login h1 {
font-size: 25px;
}
#loginPanel {
padding: 0 60px;
background: #ffffff;
margin-top: 40px;
background: #F7C931;
color: #ffffff;
} }

View File

@ -12,34 +12,43 @@
}); });
</script> </script>
<div class="row"> <div class="row" id="login">
<div class="col-md-5" style="margin-top: 20px"> <div class="col-md-6" style="padding-top: 25px">
<h1><spring:message code="WELCOME_TO_WISEMAPPING"/></h1> <h1><spring:message code="WELCOME_TO_WISEMAPPING"/></h1>
<spring:message code="WELCOME_DETAILS"/> <spring:message code="WELCOME_DETAILS"/>
</div> </div>
<div id="login" class="fform col-md-6"> <div class="col-md-6">
<div class="row jumbotron" id="loginPanel">
<h1><spring:message code="SIGN_IN"/></h1> <h1><spring:message code="SIGN_IN"/></h1>
<form action="<c:url value='/c/j_spring_security_check'/>" method="POST" class="form-horizontal" id="loginForm"> <form action="<c:url value='/c/j_spring_security_check'/>" method="POST" class="form-horizontal"
id="loginForm">
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label" for="email"><spring:message code="EMAIL"/></label> <label class="col-md-3 control-label" for="email"><spring:message code="EMAIL"/>: </label>
<div class="col-md-10">
<input type='email' tabindex="1" id="email" name='j_username' required="required" class="form-control"/> <div class="col-md-9">
<input type='email' tabindex="1" id="email" name='j_username' required="required"
class="form-control"/>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label" for="password"><spring:message code="PASSWORD"/></label> <label class="col-md-3 control-label" for="password"><spring:message code="PASSWORD"/>: </label>
<div class="col-md-10">
<input type='password' tabindex="2" id="password" name='j_password' required="required" class="form-control"/> <div class="col-md-9">
<input type='password' tabindex="2" id="password" name='j_password' required="required"
class="form-control"/>
</div> </div>
</div> </div>
<div class="form-group" style="text-align: center" > <div class="form-group" style="text-align: center">
<div class="col-md-offset-2 col-md-10" style="text-align: center" > <div class="col-md-offset-2 col-md-10" style="text-align: center">
<button class="btn btn-primary" tabindex="4" data-loading-text="<spring:message code="SIGN_ING"/>"><spring:message code="SIGN_IN"/></button> <button class="btn btn-primary" tabindex="4"
<input type="checkbox" id="rememberme" name="_spring_security_remember_me"/> <label for="rememberme"><spring:message code="REMEMBER_ME"/></label> data-loading-text="<spring:message code="SIGN_ING"/>">
<spring:message code="SIGN_IN"/></button>
<input type="checkbox" id="rememberme" name="_spring_security_remember_me"/> <label
for="rememberme"><spring:message code="REMEMBER_ME"/></label>
</div> </div>
</div> </div>
<div class="form-group" style="text-align: center" > <div class="form-group" style="text-align: center">
<a href="<c:url value="/c/user/resetPassword"/>"><spring:message code="FORGOT_PASSWORD"/></a> <a href="<c:url value="/c/user/resetPassword"/>"><spring:message code="FORGOT_PASSWORD"/></a>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -56,10 +65,10 @@
</div> </div>
</form> </form>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div id="register" class="col-md-10"> <div id="register" class="col-md-12">
<c:if test="${requestScope['security.type']=='db'}"> <c:if test="${requestScope['security.type']=='db'}">
<b><spring:message code="NOT_READY_A_USER"/></b> <b><spring:message code="NOT_READY_A_USER"/></b>
<spring:message code="NOT_READY_A_USER_MESSAGE"/> <spring:message code="NOT_READY_A_USER_MESSAGE"/>
@ -69,19 +78,21 @@
</c:if> </c:if>
<c:if test="${requestScope['security.openid.enabled']}"> <c:if test="${requestScope['security.openid.enabled']}">
<p> <p>
<spring:message code="LOGIN_USING_OPENID"/> <a href="/c/loginopenid"><b><spring:message code="HERE"/></b></a>. <spring:message code="LOGIN_USING_OPENID"/> <a href="/c/loginopenid"><b><spring:message
code="HERE"/></b></a>.
</p> </p>
</c:if> </c:if>
</div> </div>
</div> </div>
<c:if test="${isHsql== 'true'}"> <c:if test="${isHsql== 'false'}">
<div class="row"> <div class="row">
<div class="alert alert-info col-md-offset12"> <div class="alert alert-info col-md-offset12">
<span class="label label-danger"><spring:message code="WARNING"/></span> <spring:message <span class="label label-danger"><spring:message code="WARNING"/></span> <spring:message
code="NO_PRODUCTION_DATABASE_CONFIGURED"/>&nbsp;<a code="NO_PRODUCTION_DATABASE_CONFIGURED"/>&nbsp;<a
href="https://wisemapping.atlassian.net/wiki/display/WS/Database+Configuration"><spring:message code="HERE"/></a>. href="https://wisemapping.atlassian.net/wiki/display/WS/Database+Configuration"><spring:message
code="HERE"/></a>.
</div> </div>
</div> </div>
</c:if> </c:if>

View File

@ -51,11 +51,10 @@
<jsp:param name="removeSignin" value="${requestScope.removeSignin}"/> <jsp:param name="removeSignin" value="${requestScope.removeSignin}"/>
</jsp:include> </jsp:include>
<div class="bodyContainer"> <div class="container">
<div class="row">
<div class="col-md-2"></div>
<div class="pageBodyContent col-md-8">
<div class="row"> <div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="jumbotron" style="margin:40px 0 100px 0;padding: 10px 60px;">
<tiles:insertAttribute name="body"/> <tiles:insertAttribute name="body"/>
</div> </div>
</div> </div>

View File

@ -9,16 +9,13 @@
}); });
</script> </script>
<div> <h1>
<div class="fform">
<h1>
<spring:message code="FORGOT_PASSWORD"/> <spring:message code="FORGOT_PASSWORD"/>
</h1> </h1>
<p><spring:message code="FORGOT_PASSWORD_MESSAGE"/></p> <p><spring:message code="FORGOT_PASSWORD_MESSAGE"/></p>
<form:form method="post" commandName="resetPassword" class="form-horizontal"> <form:form method="post" commandName="resetPassword" class="form-horizontal">
<fieldset>
<label for="email" class="col-md-2 control-label"><spring:message code="EMAIL"/>: </label> <label for="email" class="col-md-2 control-label"><spring:message code="EMAIL"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
<input id="email" type="email" required="required" name="email" class="form-control"/> <input id="email" type="email" required="required" name="email" class="form-control"/>
@ -27,11 +24,7 @@
data-loading-text="<spring:message code="SENDING"/>"/> data-loading-text="<spring:message code="SENDING"/>"/>
<input type="button" value="<spring:message code="CANCEL"/>" class="btn" <input type="button" value="<spring:message code="CANCEL"/>" class="btn"
onclick="window.location='<c:url value="c/maps/"/>'"/> onclick="window.location='<c:url value="c/maps/"/>'"/>
</fieldset> </form:form>
</form:form>
</br>
</div>
</div>
<div id="register"> <div id="register">
<b> <b>

View File

@ -1,13 +1,10 @@
<%@page pageEncoding="UTF-8" %> <%@page pageEncoding="UTF-8" %>
<%@include file="/jsp/init.jsp" %> <%@include file="/jsp/init.jsp" %>
<div class="fform" > <h1><spring:message code="USER_REGISTRATION"/></h1>
<h1><spring:message code="USER_REGISTRATION"/></h1> <p><spring:message code="REGISTRATION_TITLE_MSG"/></p>
<form:form method="post" commandName="user" class="form-horizontal">
<p><spring:message code="REGISTRATION_TITLE_MSG"/></p>
<form:form method="post" commandName="user" class="form-horizontal">
<fieldset>
<div class="form-group"> <div class="form-group">
<label for="email" class="col-md-2 control-label"><spring:message code="EMAIL"/>: </label> <label for="email" class="col-md-2 control-label"><spring:message code="EMAIL"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
@ -17,6 +14,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="firstname" class="col-md-2 control-label"><spring:message code="FIRSTNAME"/>: </label> <label for="firstname" class="col-md-2 control-label"><spring:message code="FIRSTNAME"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
<form:input path="firstname" id="firstname" required="required" class="form-control"/> <form:input path="firstname" id="firstname" required="required" class="form-control"/>
<form:errors path="firstname" cssClass="errorMsg"/> <form:errors path="firstname" cssClass="errorMsg"/>
@ -24,6 +22,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="lastname" class="col-md-2 control-label"><spring:message code="LASTNAME"/>: </label> <label for="lastname" class="col-md-2 control-label"><spring:message code="LASTNAME"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
<form:input path="lastname" id="lastname" required="required" class="form-control"/> <form:input path="lastname" id="lastname" required="required" class="form-control"/>
<form:errors path="lastname" cssClass="errorMsg"/> <form:errors path="lastname" cssClass="errorMsg"/>
@ -31,13 +30,16 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password" class="col-md-2 control-label"><spring:message code="PASSWORD"/>: </label> <label for="password" class="col-md-2 control-label"><spring:message code="PASSWORD"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
<form:password path="password" id="password" required="required" class="form-control"/> <form:password path="password" id="password" required="required" class="form-control"/>
<form:errors path="password" cssClass="errorMsg"/> <form:errors path="password" cssClass="errorMsg"/>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="retypePassword" class="col-md-2 control-label"><spring:message code="RETYPE_PASSWORD"/>: </label> <label for="retypePassword" class="col-md-2 control-label"><spring:message
code="RETYPE_PASSWORD"/>: </label>
<div class="col-md-5"> <div class="col-md-5">
<form:password path="retypePassword" id="retypePassword" class="form-control"/> <form:password path="retypePassword" id="retypePassword" class="form-control"/>
<form:errors path="retypePassword" cssClass="errorMsg"/> <form:errors path="retypePassword" cssClass="errorMsg"/>
@ -53,12 +55,11 @@
</c:if> </c:if>
</div> </div>
</div> </div>
<div> <div class="form-group">
<p> <p>
<spring:message code="TERM_OF_THE_SERVICE"/> <spring:message code="TERM_OF_THE_SERVICE"/>
<spring:message code="WISEMAPPING_ACCOUNT_MESSAGE"/> <a href="c/termsOfUse" <spring:message code="WISEMAPPING_ACCOUNT_MESSAGE"/>
target="_blank"><spring:message <a href="c/termsOfUse" target="_blank"><spring:message code="HERE"/></a>.
code="HERE"/></a>.
<spring:message code="REGISTRATION_CLICK_ADVICE"/> <spring:message code="REGISTRATION_CLICK_ADVICE"/>
</p> </p>
</div> </div>
@ -69,11 +70,10 @@
class="btn btn-primary"> class="btn btn-primary">
<input type="button" value="<spring:message code="CANCEL"/>" <input type="button" value="<spring:message code="CANCEL"/>"
onclick="window.location='c/<c:url value="maps/"/>'" class="btn"> onclick="window.location='c/<c:url value="maps/"/>'" class="btn">
<div>
<div>
</fieldset>
</form:form> </div>
</div> </div>
</form:form>