|
|
@@ -1,6 +1,7 @@
|
|
|
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
|
|
pageEncoding="UTF-8"%>
|
|
|
<%@ taglib prefix="s" uri="/struts-tags"%>
|
|
|
+<%@ taglib prefix="tag" tagdir="/WEB-INF/tags" %>
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
@@ -69,14 +70,14 @@
|
|
|
<div class="row">
|
|
|
<div class="input-field col m6 s12">
|
|
|
<i class="material-icons prefix">person</i>
|
|
|
- <s:textfield id="pnom" name="prenom" label="Prenom*" class="validate" required="required" />
|
|
|
+ <s:textfield id="pnom" name="prenom" class="validate" required="required" />
|
|
|
<label for="pnom">Prénom*</label>
|
|
|
<span class="helper-text"></span>
|
|
|
<s:fielderror fieldName="prenom" class="field-error hide" />
|
|
|
</div>
|
|
|
<div class="input-field col m6 s12">
|
|
|
<i class="material-icons prefix">account_circle</i>
|
|
|
- <s:textfield id="nom" name="nom" label="Nom*" class="validate" required="required" />
|
|
|
+ <s:textfield id="nom" name="nom" class="validate" required="required" />
|
|
|
<label for="nom">Nom*</label>
|
|
|
<span class="helper-text"></span>
|
|
|
<s:fielderror fieldName="nom" class="field-error hide" />
|
|
|
@@ -85,15 +86,16 @@
|
|
|
<div class="row">
|
|
|
<div class="input-field col m6 s12">
|
|
|
<i class="material-icons prefix">wc</i>
|
|
|
- <s:select id="genre" nom="genre" label="Genre*" list="getGenres()" required="required" />
|
|
|
+ <s:select id="genre" name="genre" list="getGenres()" headerKey="" headerValue="Selectionnez une valeur" required="required" />
|
|
|
<label for="genre">Genre*</label>
|
|
|
- <span class="helper-text"></span>
|
|
|
- <s:fielderror fieldName="genre" class="field-error hide" />
|
|
|
+ <s:fielderror fieldName="genre" class="red-text" style="padding-left: 3em" />
|
|
|
</div>
|
|
|
<div class="input-field col m6 s12">
|
|
|
<i class="material-icons prefix">cake</i>
|
|
|
- <input id="naissance" type="text" class="datepicker">
|
|
|
+ <s:textfield id="naissance" name="naissance" class="validate datepicker" required="required" />
|
|
|
<label for="naissance">Date de naissance*</label>
|
|
|
+ <span class="helper-text"></span>
|
|
|
+ <s:fielderror fieldName="prenom" class="field-error hide" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
@@ -139,12 +141,15 @@
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col s12 center-align">
|
|
|
- <s:submit class="btn waves-effect waves-light btn red" value="Valider" />
|
|
|
+ <s:submit id="btn-valid" class="btn waves-effect waves-light btn red" value="Valider" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</s:form>
|
|
|
</div>
|
|
|
</main>
|
|
|
+
|
|
|
+ <!-- Loader -->
|
|
|
+ <tag:loader name="loader"/>
|
|
|
|
|
|
<!-- Footer -->
|
|
|
<footer class="page-footer red">
|
|
|
@@ -178,6 +183,15 @@
|
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="js/materialize.min.js"></script>
|
|
|
<script type="text/javascript" src="js/script.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(document).ready(() => {
|
|
|
+ const loader = M.Modal.getInstance($('#loader'));
|
|
|
+
|
|
|
+ $('#btn-valid').on('click', function() {
|
|
|
+ loader.open();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
Arthur Brandao