webapp/view/Register.jsp

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2
   3 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
   4 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
   5 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
   6 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
   7 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
   8
   9 <html>
  10 <jsp:include page="fragments/header.jsp" />
  11 <body>
  12         <div class="container">
  13         <jsp:include page="fragments/publicmenu.jsp" />
  14         <spring:url value="/register/do" var="query"/>
  15
  16         <div class="panel panel-default">
  17                 <div class="panel-heading">
  18                         <div style="font-weight:bold;">Create a new user account</div>
  19                 </div>
  20                 <div class="panel-body">
  21
  22                 <form:form method="POST" modelAttribute="user" action="${query}">
  23                         <div class="col-xs-4"><!-- make the field shorter -->
  24                                 <c:choose>
  25                                 <c:when test="${error == null}">
  26                                 <div class="form-group">
  27                                         <form:input class="form-control" type="text" path="fullName" placeholder="Full name (3-50 symbols)" />
  28                                         <p></p>
  29                                         <form:input class="form-control" type="text" path="email" placeholder="Email (used as account name)" />
  30                                         <p></p>
  31                                         <form:input class="form-control" type="password" path="password" placeholder="Password (at least 6 symbols)" />
  32                                         <p></p>
  33                                         <form:input class="form-control" type="text" path="position" placeholder="Your position" />
  34                                         <p></p>
  35                                         <form:input class="form-control" type="text" path="organisation" placeholder="Your organisation (3-250 symbols)" />
  36                                         <p></p>
  37                                         <form:checkbox path="updateByEmail"/>
  38                                         <form:label path="updateByEmail" >Subscribe to ProteoCache mailing list</form:label>
  39                                         <p></p>
  40                                         <button type="submit" class="btn btn-default">Login</button>
  41                                 </div>
  42                                 </c:when>
  43                                 <c:otherwise>
  44                                         <div class="form-group has-error">
  45                                         <form:input class="form-control" type="text" path="fullName" placeholder="Full name" />
  46                                         <form:errors path="fullName" cssClass="error" />
  47                                         <p></p>
  48                                         <form:input class="form-control" type="text" path="email" placeholder="Email, used as account name" />
  49                                         <form:errors path="email" cssClass="error" />
  50                                         <p></p>
  51                                         <form:input class="form-control" type="password" path="password" placeholder="Password" />
  52                                         <form:errors path="password" cssClass="error" />
  53                                         <p></p>
  54                                         <form:input class="form-control" type="text" path="position" placeholder="Your position" />
  55                                         <form:errors path="position" cssClass="error" />
  56                                         <p></p>
  57                                         <form:input class="form-control" type="text" path="organisation" placeholder="Your organisation" />
  58                                         <form:errors path="organisation" cssClass="error" />
  59                                         <p></p>
  60                                         <form:checkbox path="updateByEmail"/>
  61                                         <form:label path="updateByEmail" >Subscribe to ProteoCache mailing list</form:label>
  62                                         <p></p>
  63                                         <button type="submit" class="btn btn-default">Login</button>
  64                                 </div>
  65                                 </c:otherwise>
  66                                 </c:choose>
  67                         </div>
  68                 </form:form>
  69
  70 <!--
  71         <sf:form method="POST" modelAttribute="user" action="/register/do">
  72         <fieldset>
  73         <table cellspacing="0">
  74                 <tr>
  75                         <td><sf:input path="fullName" size="15"/>
  76                                  <sf:errors path="fullName" cssClass="error" />
  77                         </td>
  78                 </tr>
  79                 <tr>
  80                         <td><sf:input path="email" size="30"/>
  81                                 <small>the email address is used as your JABAWS download username</small><br/>
  82                                 <sf:errors path="email" cssClass="error" />
  83                         </td>
  84                 </tr>
  85                 <tr>
  86                         <th><sf:label path="password">Enter a password for JABAWS:</sf:label></th>
  87                         <td><sf:password path="password" size="30" showPassword="true"/>
  88                                 <small>6 characters or more</small><br/>
  89
  90                         </td>
  91                 </tr>
  92                 <tr>
  93                         <th><sf:label path="position">Position:</sf:label></th>
  94                         <td><sf:input path="position" size="20" maxlength="200" />
  95                                 <small>postdoc, PI, Staff scientists, Industry, etc</small><br/>
  96                                 <sf:errors path="position" cssClass="error" />
  97                         </td>
  98                 </tr>
  99                 <tr>
 100                         <th><sf:label path="organisation">Organisation:</sf:label></th>
 101                         <td><sf:input path="organisation" size="20" maxlength="200" />
 102                                 <small>your organisation</small><br/>
 103                                 <sf:errors path="organisation" cssClass="error" />
 104                         </td>
 105                 </tr>
 106                 <tr>
 107                         <th></th>
 108                         <td>
 109                                 <sf:checkbox path="updateByEmail"/>
 110                                 <sf:label path="updateByEmail" >Subscribe to ProteoCache mailing list</sf:label>
 111                                 <br/>
 112                         </td>
 113                 </tr>
 114                 <tr>
 115                         <th></th>
 116                         <td><input name="commit" type="submit" value="I accept. Create my account." /></td>
 117                 </tr>
 118                 </table>
 119         </fieldset>
 120         </sf:form>
 121 -->
 122
 123                 </div>
 124         </div>
 125         <jsp:include page="fragments/footer.jsp"/>
 126         </div>
 127 </body>
 128 </html>