193 lines
6.5 KiB
XML
193 lines
6.5 KiB
XML
<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">
|
|
<p>
|
|
<a href="/contacts_list" class="btn btn-default" role="button">
|
|
<span class="glyphicon glyphicon-chevron-left"></span> Retour aux CONTACTS</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<form id="exams_agence-form" action="${url}" method="POST">
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-1">Agence</label>
|
|
<div class="col-xs-11">
|
|
<a class="btn btn-default" href="${url}?agenceid=1" >VALMY</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=2" >SAXE</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=3" >CROIX ROUSSE</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=4" >MONPLAISIR</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=5" >CHARPENNES</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=6" >VAUGNERAY</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=7" >GENTIL</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=8" >VITTON</a>
|
|
<a class="btn btn-default" href="${url}?agenceid=9" >WEB</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<br />
|
|
<div id="calendar"></div>
|
|
<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 un rendez-vous</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 un nouveau rendez-vous : <br />
|
|
</p>
|
|
<div class="col-xs-offset-3 col-xs-9">
|
|
<b>le <span id=dateheureRDV>date</span></b><br />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">Pour un</label>
|
|
<div class="col-xs-8">
|
|
<label class="radio-inline"><input type="radio" name="type_rech" value="E">Elève</label>
|
|
<label class="radio-inline"><input type="radio" name="type_rech" value="P" checked>Prospect</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" id="form-code">
|
|
<label class="col-xs-3 control-label">Nom ou Code</label>
|
|
<div class="col-xs-8">
|
|
<input type="text" class="form-control" id="name" name="name" placeholder="3 caractères minimum" />
|
|
<span id="text-error-message" style="font-size:11px;color:#D9534F;"></span>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="datetimeRDV" id="datetimeRDV" value="date">
|
|
<input type="hidden" name="current_agence" id="current_agence" value="${current_agence}">
|
|
|
|
<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 listWeek',
|
|
center: 'prev title next',
|
|
right: 'today'
|
|
},
|
|
allDaySlot: true,
|
|
allDayHtml: "A relancer",
|
|
defaultView: 'agendaWeek',
|
|
defaultDate: moment(datePlan),
|
|
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) {
|
|
inputDate = moment(date).format('YYYY-MM-DD');
|
|
var today = new Date();
|
|
|
|
if (date < today)
|
|
{
|
|
return false;
|
|
}
|
|
$('#dateheureRDV').html(moment(date).format('dddd DD MMMM à HH:mm'));
|
|
$('#datetimeRDV').attr('value', moment(date).format('YYYY-MM-DD HH:mm'));
|
|
$("#confirmCreate").modal("show");
|
|
}
|
|
});
|
|
$('#create_rdv-form').formValidation({
|
|
framework: 'bootstrap',
|
|
excluded: ':disabled',
|
|
icon: {
|
|
valid: 'glyphicon glyphicon-ok',
|
|
invalid: 'glyphicon glyphicon-remove',
|
|
validating: 'glyphicon glyphicon-refresh'
|
|
},
|
|
});
|
|
$('#name').on('change input',function(){
|
|
$('#text-error-message').text('');
|
|
$('#form-code').removeClass('has-feedback has-error');
|
|
$('#submitRdv').removeClass('disabled').attr("disabled", false);;
|
|
});
|
|
$('#create_rdv-form').submit(function(ev){
|
|
var actionurl = ev.currentTarget.action;
|
|
console.log(actionurl)
|
|
var array_code = $('#name').val().split(' | ');
|
|
var reg = new RegExp('^[A-Z0-9]+-[A-Z0-9]+|[0-9]{6}$');
|
|
var condition1 = array_code.length == 2 && array_code[0].length >= 3 && array_code[1].length == 6 ;
|
|
var condition2 = reg.test( $('#name').val().trim())
|
|
if(condition1 && condition2){
|
|
$('#text-error-message').text('');
|
|
return true;
|
|
}
|
|
else{
|
|
$('#form-code').addClass('has-feedback has-error');
|
|
$('#submitRdv').addClass('disabled').attr("disabled", true);
|
|
$('#text-error-message').text('Code non validé');
|
|
ev.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$('#name').autocomplete({
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url:'/ajax_lookup',
|
|
dataType: 'json',
|
|
data: {
|
|
recherche: $("input[name='type_rech']:checked").val() + request.term,
|
|
},
|
|
success: function (data) {
|
|
response( data );
|
|
},
|
|
});
|
|
},
|
|
minLength: 3,
|
|
appendTo: "#confirmCreate"
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</metal:block>
|
|
|
|
|