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

258 lines
11 KiB
XML

<metal:block use-macro="main_template">
<div metal:fill-slot="content">
<div tal:condition="message" tal:content="message" class="alert alert-danger" />
<br />
<div class="row" style="margin:20px;">
<form id="moniteur-aff-edit-form" class="form-horizontal" action="${url}" method="post" tal:condition="individu"
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="control-label col-md-2" for="CD_MON">Moniteur</label>
<div class="col-md-6">
<input class="form-control" type="text" id="CD_MON" name="CD_MON" value="${individu.CD_MON}"
placeholder="10 caractères maximum" readonly/>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="AGENCE">Agence</label>
<div class="col-md-6">
<select class="form-control" id="AGENCE" name="AGENCE">
<div tal:repeat="item agences">
<option value="${item.CODE}" tal:attributes="selected individu.AGENCE==item.CODE and 'selected' or None">${item.CODE} | ${item.LIBELLE}</option>
</div>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="DATED"> A partir de </label>
<div class="col-md-6">
<div class="input-group date" id='datepicker1'>
<input class="form-control " type="text" id="DATED" name="DATED" value="${DATED}"
data-fv-notempty="true"
data-fv-notempty-message="La date est obligatoire"
data-fv-date="true"
data-fv-date-format="DD/MM/YYYY"
data-fv-date-message="La date n'est pas valide (JJ/MM/AAAA)" />
<!-- <span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span> -->
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="DATEF"> Jusqu'au</label>
<div class="col-md-6">
<div class="input-group date" id='datepicker2'>
<input class="form-control " type="text" id="DATEF" name="DATEF" value="${DATEF}"
data-fv-notempty="true"
data-fv-notempty-message="La date est obligatoire"
data-fv-date="true"
data-fv-date-format="DD/MM/YYYY"
data-fv-date-message="La date n'est pas valide (JJ/MM/AAAA)" />
<!-- <span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span> -->
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-6">Horaires </label>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="DMATIN">Matin</label>
<div class="col-md-4">
<div class="input-group">
<input class="form-control " type="text" id="DMATIN" name="DMATIN" value="${individu.DMATIN}"
data-fv-notempty="true"
data-fv-integer="true"
data-fv-integer-message = "Seulement nombre"
data-fv-notempty-message="Heure est obligatoire" />
</div>
</div>
<label class="control-label col-md-2" for="FMATIN">à</label>
<div class="col-md-4">
<div class="input-group">
<input class="form-control " type="text" id="FMATIN" name="FMATIN" value="${individu.FMATIN}"
data-fv-notempty="true"
data-fv-integer="true"
data-fv-integer-message = "Seulement nombre"
data-fv-notempty-message="Heure est obligatoire"/>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="DSOIR">Après-midi</label>
<div class="col-md-4">
<div class="input-group">
<input class="form-control " type="text" id="DSOIR" name="DSOIR" value="${individu.DSOIR}"
data-fv-notempty="true"
data-fv-integer="true"
data-fv-integer-message = "Seulement nombre"
data-fv-notempty-message="Heure est obligatoire" />
</div>
</div>
<label class="control-label col-md-2" for="FSOIR">à</label>
<div class="col-md-4">
<div class="input-group">
<input class="form-control " type="text" id="FSOIR" name="FSOIR" value="${individu.FSOIR}"
data-fv-notempty="true"
data-fv-integer="true"
data-fv-integer-message = "Seulement nombre"
data-fv-notempty-message="Heure est obligatoire" />
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-6">Jours de repos </label>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS1" value="individu.REPOS1" id="REPOS1"
tal:attributes="checked individu.REPOS1 == 1 and 'checked' or None">Lundi
</label>
</div>
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS2" value="individu.REPOS2" id="REPOS2"
tal:attributes="checked individu.REPOS2 == 1 and 'checked' or None">Mardi
</label>
</div>
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS3" value="individu.REPOS3" id="REPOS3"
tal:attributes="checked individu.REPOS1 == 1 and 'checked' or None">Mercredi
</label>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS4" value="individu.REPOS4" id="REPOS4"
tal:attributes="checked individu.REPOS4 != 0 and 'checked' or None">Jeudi
</label>
</div>
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS5" value="individu.REPOS5" id="REPOS5"
tal:attributes="checked individu.REPOS5 != 0 and 'checked' or None">Vendredi
</label>
</div>
<div class="col-md-offset-2 col-md-2 checkbox">
<label><input type="checkbox" name="REPOS6" value="individu.REPOS6" id="REPOS6"
tal:attributes="checked individu.REPOS6 != 0 and 'checked' or None">Samedi
</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-2" for="access"></label>
<div class="col-xs-7">
<p class="form-control-static" tal:condition="individu.no_ligne != '0'"> <b>Crée le</b> ${cree_le} , <b>modifié le</b> ${modif_le} par ${individu.cd_uti}</p>
</div>
</div>
<br />
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<div class="form-group">
<a class="btn btn-default" href="${request.application_url}/${redirect}">
<span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
<button class="btn btn-warning" type="button" data-toggle="modal" data-target="#deleteMoniteurAff"
tal:condition="individu.no_ligne != '0' and code==9">
<span class="glyphicon glyphicon-remove"></span> Supprimer</button>
<button class="btn btn-primary" type="submit" name="form.submitted" tal:condition="code==9">
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
</div>
</div>
</div>
<!-- modal -->
<div class="modal fade" id="deleteMoniteurAff" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel">Suppression</h4>
</div>
<div class="modal-body">
Confirmez-vous la suppression de cette affectation ?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
<button type="submit" class="btn btn-danger" name="form.deleted" >Supprimer</button>
</div>
</div>
</div>
</div>
</form>
<br />
<br />
</div> <!-- row -->
<script>
$(document).ready(function() {
$('#moniteur-aff-edit-form').formValidation({
fields : {
DMATIN : {
validators: {
between: {
min: 1,
max: 14,
message: 'L\'heure devrait entre 1h - 14 h'
}
}
},
FMATIN : {
validators: {
between: {
min: 1,
max: 14,
message: 'L\'heure devrait entre 1h - 14 h'
}
}
},
DSOIR : {
validators: {
between: {
min: 12,
max: 23,
message: 'L\'heure devrait entre 12h - 23h'
}
}
},
FSOIR : {
validators: {
between: {
min: 12,
max: 23,
message: 'L\'heure devrait entre 12h - 23 h'
}
}
}
}
});
$('form input').on('keypress', function(e) {
return e.which !== 13;
});
$('#DATED').datetimepicker({
format: 'DD/MM/YYYY'
});
$('#DATEF').datetimepicker({
useCurrent: false ,
format: 'DD/MM/YYYY'
});
$("#DATED").on("dp.change", function (e) {
$('#DATEF').data("DateTimePicker").minDate(e.date);
});
$("#DATEF").on("dp.change", function (e) {
$('#DATED').data("DateTimePicker").maxDate(e.date);
});
});
</script>
</div>
</metal:block>