185 lines
7.3 KiB
XML
185 lines
7.3 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="devis_pec_frm" action="${url}" method="post" class="form-horizontal">
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-4" for="cd_prospect">Code prospect</label>
|
|
<div class="col-xs-8 text-primary">
|
|
<p class="form-control-static"><b>${devis.cd_prospect}</b></p>
|
|
</div>
|
|
<label class="control-label col-xs-4" for="cd_cli">Code élève</label>
|
|
<div class="col-xs-8 text-danger">
|
|
<p class="form-control-static"><b>${devis.cd_cli}</b></p>
|
|
</div>
|
|
<label class="control-label col-xs-4" for="cd_cli">Organisme payeur</label>
|
|
<div class="col-xs-8">
|
|
<p class="form-control-static"><b>${devis.organisme}</b></p>
|
|
</div>
|
|
<label class="control-label col-xs-4" for="cd_cli">Entreprise</label>
|
|
<div class="col-xs-8">
|
|
<p class="form-control-static"><b>${devis.entreprise}</b></p>
|
|
</div>
|
|
<label class="control-label col-xs-4" for="type_devis">Type de devis</label>
|
|
<div class="col-xs-8">
|
|
<p class="form-control-static"><b>${devis.type_devis}</b></p>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-4" for="no_pec">Numéro de PEC</label>
|
|
<div class="col-xs-8">
|
|
<input class="form-control" type="text" id="no_pec" name="no_pec" value="${devis.no_pec}"
|
|
placeholder="20 caractères maximum"
|
|
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-4" for="date_pec">Date de PEC</label>
|
|
<div class="col-xs-8">
|
|
<div class="input-group date" id="date_pec">
|
|
<input class="form-control" type="text" name="date_pec" value="${date_pec}"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="La date de PEC 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-4" for="nb_heures_pec">Nombre d'heures</label>
|
|
<div class="col-xs-8">
|
|
<input class="form-control" type="text" id="nb_heures_pec" name="nb_heures_pec" value="${devis.nb_heures_pec}"
|
|
data-fv-numeric="true"
|
|
data-fv-numeric-message="Le nombre d'heures est invalide" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-4" for="date_debut_pec">Date de début PEC</label>
|
|
<div class="col-xs-8">
|
|
<div class="input-group date" id="date_debut_pec">
|
|
<input class="form-control" type="text" name="date_debut_pec" value="${date_debut_pec}"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="La date de début PEC 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-4" for="date_fin_pec">Date de fin PEC</label>
|
|
<div class="col-xs-8">
|
|
<div class="input-group date" id="date_fin_pec">
|
|
<input class="form-control" type="text" name="date_fin_pec" value="${date_fin_pec}"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="La date de fin PEC 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-4" for="montant_pec">Montant de PEC</label>
|
|
<div class="col-xs-8">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-euro"></i></span>
|
|
<input class="form-control" type="text" id="montant_pec" name="montant_pec" value="${devis.montant_pec}"
|
|
data-fv-notempty="true"
|
|
data-fv-notempty-message="Le montant est de PEC est obligatoire"
|
|
data-fv-numeric="true"
|
|
data-fv-numeric-message="Le montant est invalide" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-4" for="code_tva">Taux TVA</label>
|
|
<div class="col-xs-8">
|
|
<select class="form-control" id="code_tva" name="code_tva">
|
|
<div tal:repeat="item codes_tva">
|
|
<option value="${item.CODE}" tal:attributes="selected devis.code_tva==item.CODE and 'selected' or None">${item.TAUX} %</option>
|
|
</div>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-4" for="statut">Statut</label>
|
|
<div class="col-xs-8">
|
|
<select class="form-control" id="statut" name="statut">
|
|
<div tal:repeat="item statuts">
|
|
<option value="${item.CODE}" tal:attributes="selected devis.statut==item.CODE and 'selected' or None">${item.CODE} - ${item.LIBELLE}</option>
|
|
</div>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-4 col-sm-8">
|
|
<a href="/devis_frm/${no_devis}/${code}" 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>
|
|
</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() {
|
|
$('#devis_pec_frm').formValidation();
|
|
$('#date_pec').datetimepicker({
|
|
format: 'DD-MM-YYYY',
|
|
allowInputToggle: true,
|
|
})
|
|
.on('dp.change', function(e) {
|
|
// Revalidate the date field
|
|
$('#devis_pec_frm').formValidation('revalidateField', 'date_pec');
|
|
});
|
|
$('#date_debut_pec').datetimepicker({
|
|
format: 'DD-MM-YYYY',
|
|
allowInputToggle: true,
|
|
})
|
|
.on('dp.change', function(e) {
|
|
// Revalidate the date field
|
|
$('#devis_pec_frm').formValidation('revalidateField', 'date_debut_pec');
|
|
});
|
|
$('#date_fin_pec').datetimepicker({
|
|
format: 'DD-MM-YYYY',
|
|
showClear: true,
|
|
allowInputToggle: true,
|
|
stepping: 15,
|
|
})
|
|
.on('dp.change', function(e) {
|
|
// Revalidate the date field
|
|
$('#devis_pec_frm').formValidation('revalidateField', 'date_fin_pec');
|
|
});
|
|
$('form input').on('keypress', function(e) {
|
|
return e.which !== 13;
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
</div>
|
|
</metal:block>
|