phuoc/dumas_gestion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

creation rdv avec saisie chantier en autocompletion

Browse Source
This commit is contained in:
Phuoc
2020-03-14 11:45:26 +01:00
parent cdff87d001
commit 59778cf3e9
7 changed files with 130 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
mondumas/templates/agenda/agenda.pt
View File

@@ -14,16 +14,6 @@
</div>
</select>
</div>
<label class="control-label col-sm-2">Dossier en cours :</label>
<div class="col-sm-6">
<div class="input-group">
<input class="form-control" type="text" name="dossier" value="${mem_nodossier}&nbsp;&nbsp;|&nbsp;&nbsp;${mem_nomdossier}" readonly />
<div class="input-group-btn">
<a href="${url_select}" class="btn btn-primary">
<span class="glyphicon glyphicon-search"></span></a>
</div>
</div>
</div>
</div>
</form>
</div>
@@ -57,19 +47,30 @@
data-fv-icon-validating="glyphicon glyphicon-refresh">
<p>
Voulez-vous créer un rendez-vous avec : <br />
Voulez-vous créer un rendez-vous : <br />
</p>
<div class="col-xs-offset-3 col-xs-9">
<b>le <span id=dateheureRDV>date</span></b><br />
</div>
<p>pour la société</p>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-8">
<p class="text-danger"><b>${mem_nodossier} - ${mem_nomdossier}</p>
<p>le <span id=dateheureRDV>date</p>
<div class="col-xs-offset-3 col-xs-8">
<label class="radio-inline"><input type="radio" name="societe" value="PE" checked>PE</label>
<label class="radio-inline"><input type="radio" name="societe" value="ME">ME</label>
<label class="radio-inline"><input type="radio" name="societe" value="PL">PL</label>
<label class="radio-inline"><input type="radio" name="societe" value="PO">PO</label>
<label class="radio-inline"><input type="radio" name="societe" value="CD">CD</label>
</div>
</div>
<input type="hidden" name="dateRDV" id=dateRDV value="date">
<input type="hidden" name="heureRDV" id=heureRDV value="heure">
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<label>Motif :</label>
<label class="col-xs-3 control-label">Nom ou numéro</label>
<div class="col-xs-8">
<input type="text" class="form-control" id="name" name="name" placeholder="3 caractères minimum" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Motif</label>
<div class="col-sm-8">
<select class="form-control" id="type_rdv" name="type_rdv">
<div tal:repeat="item types_rdv">
<option value="${item.LIB}" tal:attributes="selected type_rdv==item.LIB and 'selected' or None">${item.LIB}</option>
@@ -77,11 +78,12 @@
</select>
</div>
</div>
<input type="hidden" name="dateRDV" id=dateRDV value="date">
<input type="hidden" name="heureRDV" id=heureRDV value="heure">
<div class="form-group">
<div class="col-sm-5 col-sm-offset-4">
<button type="submit" class="btn btn-danger" name="form.submitted"
tal:condition="mem_nodossier != 'Aucun'">Créer</button>
<button type="submit" class="btn btn-danger" name="form.submitted">Créer</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
</div>
</div>
@@ -92,11 +94,15 @@
</div>
</div>
<br />
<br />
</div><!-- content -->
<div metal:fill-slot="additional_scripts">
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar-scheduler/1.9.4/scheduler.min.js"></script>
<script src="//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}';
@@ -121,6 +127,13 @@
element.find('.fc-title').append("<br/>" + event.description);
},
dayClick: function(date, jsEvent, view) {
inputDate = moment(date).format('YYYY-MM-DD');
var today = new Date();
// disable dayClick for past dates
if (date < today)
{
return false;
}
$('#dateheureRDV').html(moment(date).format('dddd DD MMMM à HH:mm'));
$('#dateRDV').attr('value', moment(date).format('YYYY-MM-DD'));
$('#heureRDV').attr('value', moment(date).format('HH:mm'));
@@ -136,6 +149,22 @@
validating: 'glyphicon glyphicon-refresh'
},
});
$('#name').autocomplete({
source: function (request, response) {
$.ajax({
url:'/ajax_lookup',
dataType: 'json',
data: {
recherche: $("input[name='societe']:checked").val() + request.term,
},
success: function (data) {
response( data );
},
});
},
minLength: 6,
appendTo: "#confirmCreate"
});
});
</script>
</div>

29
mondumas/templates/agenda/rdv_edit.pt
View File

@@ -13,7 +13,7 @@
<div class="form-group">
<label class="control-label col-sm-3">No dossier</label>
<div class="col-sm-9">
<span class="form-control-static text-danger">${nodossier}&nbsp;&nbsp;|&nbsp;&nbsp;${rdv.C_QUALITE} ${rdv.C_NOM}</span>
<p class="form-control-static text-danger">${nodossier}&nbsp;&nbsp;|&nbsp;&nbsp;${rdv.C_QUALITE} ${rdv.C_NOM}</p>
</div>
</div>
<div class="form-group">
@@ -29,18 +29,25 @@
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="COMMENT">Commentaire</label>
<label class="control-label col-sm-3">Motif </label>
<div class="col-sm-9">
<input class="form-control" type="text" id=".COMMENT" name="COMMENT" value="${rdv.COMMENT}"
placeholder="65 caractères maximum"
data-fv-notempty="true"
data-fv-notempty-message="Un commentaire est obligatoire"
data-fv-stringlength="true"
data-fv-stringlength-max="65"
data-fv-stringlength-message="65 caractères maximum" />
<select class="form-control" id="COMMENT" name="COMMENT">
<div tal:repeat="item types_rdv">
<option value="${item.LIB}" tal:attributes="selected rdv.COMMENT==item.LIB and 'selected' or None">${item.LIB}</option>
</div>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="LISTE">RDV avec</label>
<div class="col-sm-9">
<select class="form-control" id="LISTE" name="LISTE">
<div tal:repeat="item agendas">
<option value="${item.CD_UTI}" tal:attributes="selected rdv.LISTE==item.CD_UTI and 'selected' or None">${item.NOM}</option>
</div>
</select>
</div>
</div>