102 lines
3.8 KiB
XML
102 lines
3.8 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
|
|
<div class="alert alert-danger" tal:condition="message" tal:content="message" />
|
|
|
|
<div class="row">
|
|
<form id="permis_edit-form" action="${url}" method="post" class="form-horizontal">
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-2" for="PERMIS">Catégorie de permis</label>
|
|
<div class="col-xs-8">
|
|
<input class="form-control" type="text" id="PERMIS" name="PERMIS" value="${permis.PERMIS}"
|
|
placeholder="5 caractères maximum"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="Le type de devis est obligatoire"
|
|
data-fv-stringlength="true"
|
|
data-fv-stringlength-max="5"
|
|
data-fv-stringlength-message="5 caractères maximum" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-2" for="NUMERO">Numéro</label>
|
|
<div class="col-xs-8">
|
|
<input class="form-control" type="text" id="NUMERO" name="NUMERO" value="${permis.NUMERO}"
|
|
placeholder="20 caractères maximum"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="Le NUMERO est obligatoire"
|
|
data-fv-stringlength="true"
|
|
data-fv-stringlength-max="20"
|
|
data-fv-stringlength-message="20 caractères maximum" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-2" for="OBTENU_LE">Obtenu le</label>
|
|
<div class="col-xs-8">
|
|
<div class="input-group date" id="OBTENU_LE">
|
|
<input class="form-control" type="text" name="OBTENU_LE" value="${OBTENU_LE}"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="La date d'obtention est obligatoire"
|
|
data-fv-date="true"
|
|
data-fv-date-format="DD/MM/YYYY"
|
|
data-fv-date-message="La date n'est pas valide" />
|
|
<span class="input-group-addon add-on">
|
|
<span class="glyphicon glyphicon-calendar"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-2" for="LIEU">Lieu</label>
|
|
<div class="col-xs-8">
|
|
<input class="form-control" type="text" id="LIEU" name="LIEU" value="${permis.LIEU}"
|
|
placeholder="25 caractères maximum"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="Le LIEU est obligatoire"
|
|
data-fv-stringlength="true"
|
|
data-fv-stringlength-max="25"
|
|
data-fv-stringlength-message="25 caractères maximum" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<br />
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-2 col-sm-8">
|
|
<a href="${request.application_url}/fiche_eleve/${cd_cli}" class="btn btn-default" role="button">
|
|
<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> Enregistrer</button>
|
|
<button class="btn btn-danger" type="submit" name="form.deleted"
|
|
tal:condition="permis.PERMIS != '0'">
|
|
<span class="glyphicon glyphicon-remove"></span> Supprimer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<br />
|
|
<br />
|
|
</div> <!-- row -->
|
|
|
|
<div metal:fill-slot="additional_scripts">
|
|
<!-- Bootstrap Datepicker plugin -->
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#permis_edit-form').formValidation();
|
|
$('#OBTENU_LE').datetimepicker({
|
|
format: 'DD/MM/YYYY',
|
|
allowInputToggle: true,
|
|
})
|
|
.on('dp.change', function(e) {
|
|
// Revalidate the date field
|
|
$('#permis_edit-form').formValidation('revalidateField', 'OBTENU_LE');
|
|
});
|
|
$('form input').on('keypress', function(e) {
|
|
return e.which !== 13;
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</metal:block>
|