initial upload
This commit is contained in:
171
aem_gestion/templates/planning/planifier.pt
Normal file
171
aem_gestion/templates/planning/planifier.pt
Normal file
@@ -0,0 +1,171 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
<div class="container">
|
||||
|
||||
<div class="alert alert-warning" tal:condition="message" tal:content="message" />
|
||||
|
||||
<div class="row">
|
||||
<form method="POST" id="frm" action="${url}" class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2">Moniteur</label>
|
||||
<div class="col-sm-3">
|
||||
<select class="form-control" id="cd_mon" name="cd_mon" onChange="$('#frm').submit()">
|
||||
<tal:block tal:repeat="moniteurC moniteurs">
|
||||
<tal:block tal:repeat="item moniteurC">
|
||||
<option value="${item.CD_MON}" tal:attributes="selected cd_mon==item.CD_MON and 'selected' or None">${item.NOM} - ${item.CD_MON}</option>
|
||||
</tal:block>
|
||||
<option tal:condition="moniteurC" disabled>--------------------------------</option>
|
||||
</tal:block>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
<div id="calendar"></div>
|
||||
<br />
|
||||
<p>
|
||||
<span class="label" style="background-color:LightGreen; color:black;">Validée</span>
|
||||
<span class="label" style="background-color:LightBlue; color:black;">Activitée</span>
|
||||
<span class="label" style="background-color:LightPink; color:black;">Réservation</span>
|
||||
<span class="label" style="background-color:LightYellow; color:black;">Heure Conduite B</span>
|
||||
<span class="label" style="background-color:Gold; color:black;">Examen blanc</span>
|
||||
<span class="label" style="background-color:GoldenRod; color:black;">Avant permis</span>
|
||||
<span class="label" style="background-color:Plum; color:black;">RDV préalable</span>
|
||||
<span class="label" style="background-color:YellowGreen; color:black;">RDV pédag 1</span>
|
||||
<span class="label" style="background-color:LimeGreen; color:black;">RDV pédag 2</span>
|
||||
<span class="label" style="background-color:DeepSkyBlue; color:black;">1ères heures</span>
|
||||
<span class="label" style="background-color:DeepPink; color:black;">Absent Retard</span>
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<!-- Modal : Confirmation CREATION -->
|
||||
<div class="modal fade" id="confirmCreate" role="dialog" aria-labelledby="confirmCreateLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">Créer une semaine type ${type_planning}</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- The form is placed inside the body of modal -->
|
||||
<form id="create_rdv-form" class="form-horizontal" action="${url}" method="post"
|
||||
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">
|
||||
<p>
|
||||
Voulez-vous créer une semaine type : <br />
|
||||
</p>
|
||||
<div class="col-xs-offset-3 col-xs-9">
|
||||
<p><b>dans la semaine du <span id=dateheureRDV>date</span></b></p>
|
||||
</div>
|
||||
<div class="form-group" id="form-code">
|
||||
<label class="col-xs-3 control-label">Semaine type</label>
|
||||
<div class="col-xs-8">
|
||||
<select class="form-control" id="semaine" name="semaine">
|
||||
<div tal:repeat="item p_semaines">
|
||||
<option value="${item.CODE_SEM}" tal:attributes="selected semaine == item.CODE_SEM and 'selected' or None">${item.LIBELLE} | ${item.CODE_SEM}</option>
|
||||
</div>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="dateRDV" id=dateRDV value="date">
|
||||
<input type="hidden" name="cd_mon" id="cd_mon" value="${cd_mon}" >
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-3">Nb de semaine</label>
|
||||
<div class="col-xs-8">
|
||||
<select class="form-control static" name="QTE">
|
||||
<tal:block tal:repeat="i [x for x in range(1,6)]">
|
||||
<option tal:attributes="selected str(i)==QTE and 'selected' or None">${i}</option>
|
||||
</tal:block>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-xs-offset-3 col-xs-7 checkbox">
|
||||
<label><input type="checkbox" name="alterne" value="alterne" id="alterne">alterné (1 semaine sur 2)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="form-group">
|
||||
<div class="col-xs-5 col-xs-offset-3">
|
||||
<button type="submit" id="submitRdv" class="btn btn-danger" name="form.submitted">Créer</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
|
||||
</div><!-- content -->
|
||||
<div metal:fill-slot="additional_scripts">
|
||||
<!-- Bootstrap Fullcalendar plugin -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar-scheduler/1.9.4/scheduler.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/locale/fr.js"></script>
|
||||
<!-- autocomplete plugin -->
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var datePlan = '${datePlan}';
|
||||
|
||||
$('#calendar').fullCalendar({
|
||||
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
|
||||
locale: 'fr',
|
||||
header: {
|
||||
left: 'agendaWeek month',
|
||||
center: 'prev title next',
|
||||
right: 'today'
|
||||
},
|
||||
allDaySlot: true,
|
||||
defaultView: 'agendaWeek',
|
||||
defaultDate: moment(datePlan),
|
||||
slotDuration: '00:60:00',
|
||||
hiddenDays: [0], // hide sunday
|
||||
height: 'auto',
|
||||
minTime: "07:00:00",
|
||||
maxTime: "21:00:00",
|
||||
displayEventTime: true,
|
||||
events:${calendar_events},
|
||||
eventRender: function(event, element){
|
||||
element.find('.fc-title').append("<br/>" + event.description);
|
||||
},
|
||||
dayClick: function(date, jsEvent, view) {
|
||||
// alert('Bientôt, la possibilité de créer un rdv pour le ' + date.format());
|
||||
$('#dateheureRDV').html(moment(date).format('dddd DD MMMM'));
|
||||
$('#dateRDV').attr('value', moment(date).format('DD-MM-YYYY'));
|
||||
$("#confirmCreate").modal("show");
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
$('#create_rdv-form').formValidation({
|
||||
framework: 'bootstrap',
|
||||
excluded: ':disabled',
|
||||
icon: {
|
||||
valid: 'glyphicon glyphicon-ok',
|
||||
invalid: 'glyphicon glyphicon-remove',
|
||||
validating: 'glyphicon glyphicon-refresh'
|
||||
},
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</div><!-- scripts -->
|
||||
</metal:block>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user