Files
aem_moniteurs/aem_gestion/templates/eleves/eleve_representant.pt
2023-06-22 10:34:18 +02:00

187 lines
7.9 KiB
XML

<metal:block use-macro="main_template">
<div metal:fill-slot="content">
<div class="row">
<form id="change-eleve-details-form" class="form-horizontal" action="${url}" method="post" tal:condition="eleve"
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="representant_infos " id="representant_infos">
<div class="form-group text-center">
<h4 class="text-primary"><b>Représentant légal</b></h4>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="representant_nom">Nom </label>
<div class="col-xs-6">
<input class="form-control" type="text" id="representant_nom" name="representant_nom" value="${eleve.representant_nom}"
placeholder="45 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="45"
data-fv-stringlength-message="45 caractères maximum"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="representant_prenom">Prénom</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="representant_prenom" name="representant_prenom" value="${eleve.representant_prenom}"
placeholder="45 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="45"
data-fv-stringlength-message="45 caractères maximum"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="representant_adresse">Adresse</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="representant_adresse" name="representant_adresse" value="${eleve.representant_adresse}"
placeholder="45 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="45"
data-fv-stringlength-message="45 caractères maximum"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="representant_cp">Code postal </label>
<div class="col-xs-6">
<input class="form-control" type="text" id="representant_cp" name="representant_cp" value="${representant_cp}"
placeholder="5 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="40"
data-fv-stringlength-message="40 caractères maximum"
/>
</div>
</div>
</div>
<!--? end representant infos-->
<!--? Payeur infos -->
<div class="payeur_infos " id="payeur_infos">
<div class="form-group text-center">
<h4 class="text-primary"><b>Information du payeur</b></h4>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="payeur_nom">Nom</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="payeur_nom" name="payeur_nom" value="${eleve.payeur_nom}"
placeholder="45 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="45"
data-fv-stringlength-message="45 caractères maximum"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="payeur_adresse">Adresse</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="payeur_adresse" name="payeur_adresse" value="${eleve.payeur_adresse}"
placeholder="45 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="45"
data-fv-stringlength-message="45 caractères maximum"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="payeur_cp">Code postal </label>
<div class="col-xs-6">
<input class="form-control" type="text" id="payeur_cp" name="payeur_cp" value="${payeur_cp}"
placeholder="5 caractères maximum"
data-fv-stringlength="true"
data-fv-stringlength-max="40"
data-fv-stringlength-message="40 caractères maximum"/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="payeur_email">Email </label>
<div class="col-xs-6">
<input class="form-control" type="text" id="payeur_email" name="payeur_email" value="${eleve.payeur_email}"
data-fv-stringlength="true"
data-fv-stringlength-max="50"
data-fv-stringlength-message="50 caractères maximum"
data-fv-emailaddress="true"
data-fv-emailaddress-message="L'adresse email n'est pas valide"/>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-4" for="payeur_tel">Téléphone</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="payeur_tel" name="payeur_tel" value="${eleve.payeur_tel}"
data-fv-phone="true"
data-fv-phone-country="FR"
data-fv-phone-message="Numéro de téléphone non valide"
placeholder=""/>
</div>
</div>
</div>
<!--? end payeur infos-->
<div class="form-group">
<div class="col-xs-offset-4 col-xs-5">
<a class="btn btn-default" tal:condition="eleve.CD_CLI != 0" href="${request.application_url}/fiche_eleve/${eleve.CD_CLI}">
<span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
<a class="btn btn-default" tal:condition="eleve.CD_CLI == 0" href="${request.application_url}/eleves">
<span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
<button class="btn btn-primary" type="submit" name="form.submitted">
<span class="glyphicon glyphicon-ok"></span>&nbsp;Enregistrer</button>
</div>
</div>
</form>
</div> <!-- row -->
<br />
<br />
<script>
$(document).ready(function() {
$('#change-eleve-details-form').formValidation();
// ajax for autocomple field codepost
$('#payeur_cp').autocomplete({
source: function (request, response) {
$.ajax({
url:'/ajax_codepostal',
dataType: 'json',
data: {
recherche: request.term,
},
success: function (data) {
response( data );
},
});
},
minLength: 1,
});
// ajax for autocomple field representant_cp
$('#representant_cp').autocomplete({
source: function (request, response) {
$.ajax({
url:'/ajax_codepostal',
dataType: 'json',
data: {
recherche: request.term,
},
success: function (data) {
response( data );
},
});
},
minLength: 1,
});
$('form input').on('keypress', function(e) {
return e.which !== 13;
});
});
</script>
</div>
</metal:block>