99 lines
3.4 KiB
XML
99 lines
3.4 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
|
|
<div class="row">
|
|
|
|
<!-- Bloc adresse postale -->
|
|
<div class="col-xs-offset-2 col-xs-5 well" tal:condition="member">
|
|
${member.ADRESSE}<br />
|
|
<div tal:condition="member.ADRESSE2">
|
|
${member.ADRESSE2}<br />
|
|
</div>
|
|
${member.CODEPOST} ${member.VILLE}
|
|
<br />
|
|
<p>[<i>Pour changer votre adresse postale, veuillez contacter votre agence.</i>]</p>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
|
|
<div class="row">
|
|
<form id="change-member-details-form" class="form-horizontal" action="${url}" method="post" tal:condition="member"
|
|
data-fv-framework="bootstrap"
|
|
data-fv-icon-valid="glyphicon glyphicon-ok"
|
|
data-fv-icon-invalid="glyphicon glyphicon-remove"
|
|
data-fv-icon-validating="glyphicon glyphicon-refresh">
|
|
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label">Votre courriel</label>
|
|
<div class="col-xs-5">
|
|
<input class="form-control" type="text" name="email"
|
|
value="${member.email}" placeholder="50 caractères maximum"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="L'adresse email est obligatoire"
|
|
data-fv-emailaddress="true"
|
|
data-fv-emailaddress-message="L'adresse email n'est pas valide" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label">Téléphone personnel</label>
|
|
<div class="col-xs-5">
|
|
<input class="form-control" type="text" name="TEL"
|
|
value="${member.TEL}" placeholder="20 caractères maximum"
|
|
data-fv-phone="true"
|
|
data-fv-phone-country="FR"
|
|
data-fv-phone-message="Ce numéro de téléphone n'est pas vailde" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label">Téléphone mobile</label>
|
|
<div class="col-xs-5">
|
|
<input class="form-control" type="text" name="TEL2"
|
|
value="${member.TEL2}" placeholder="20 caractères maximum"
|
|
data-fv-phone="true"
|
|
data-fv-phone-country="FR"
|
|
data-fv-phone-message="Ce numéro de téléphone n'est pas vailde" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label">Téléphone du père</label>
|
|
<div class="col-xs-5">
|
|
<input class="form-control" type="text" name="TEL3"
|
|
value="${member.TEL3}" placeholder="20 caractères maximum"
|
|
data-fv-phone="true"
|
|
data-fv-phone-country="FR"
|
|
data-fv-phone-message="Ce numéro de téléphone n'est pas vailde" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-2 control-label">Téléphone de la mère</label>
|
|
<div class="col-xs-5">
|
|
<input class="form-control" type="text" name="TEL4"
|
|
value="${member.TEL4}" placeholder="20 caractères maximum"
|
|
data-fv-phone="true"
|
|
data-fv-phone-country="FR"
|
|
data-fv-phone-message="Ce numéro de téléphone n'est pas vailde" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-xs-offset-2 col-xs-5">
|
|
<button class="btn btn-primary" type="submit" name="form.submitted">
|
|
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div> <!-- row -->
|
|
<br />
|
|
<br />
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#change-member-details-form').formValidation();
|
|
$('form input').on('keypress', function(e) {
|
|
return e.which !== 13;
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</div>
|
|
</metal:block>
|