38 |
38 |
});
|
39 |
39 |
});
|
40 |
40 |
$('#agenda-date').datepicker();
|
41 |
|
$('.date').datepicker();
|
|
41 |
$('.date').datepicker({showOn: 'button'});
|
|
42 |
$('#add-intervenant-btn').click(function() {
|
|
43 |
var text = $(this).prev().val();
|
|
44 |
$('#intervenants ul').append('<li><input type="checkbox" value="' + text + '" checked="checked">' + text + '</input></li>');
|
|
45 |
$(this).prev().val('').focus();
|
|
46 |
return false;
|
|
47 |
});
|
42 |
48 |
$('#newrdv').click(function() {
|
43 |
49 |
$('#rdv').dialog({title: 'Nouveau rendez-vous',
|
44 |
|
width: '500px',
|
|
50 |
width: '800px',
|
45 |
51 |
buttons: [ { text: "Fermer",
|
46 |
52 |
click: function() { $(this).dialog("close"); } },
|
47 |
53 |
{ text: "Ajouter",
|
... | ... | |
273 |
279 |
|
274 |
280 |
<div id="rdv" style="display: none;">
|
275 |
281 |
<form>
|
|
282 |
<table><tr><td>
|
276 |
283 |
<p>
|
277 |
284 |
<label for="id_date">Date:</label>
|
278 |
285 |
<input id="id_date" class="date" name="date" value="5/7/2012"/>
|
279 |
286 |
</p>
|
280 |
|
<table><tr><td>
|
|
287 |
</td><td>
|
281 |
288 |
<p>
|
282 |
289 |
<label for="id_debut">Heure de début :</label>
|
283 |
290 |
<input id="id_debut" type="text" name="debut" maxlength="10"/>
|
284 |
291 |
</p>
|
285 |
292 |
</td><td>
|
286 |
293 |
<p>
|
287 |
|
<label for="id_fin">Heure de fin :</label>
|
288 |
|
<input id="id_fin" type="text" name="fin" maxlength="10"/>
|
|
294 |
<label for="id_duree">Durée :</label>
|
|
295 |
<input id="id_duree" type="text" name="duree" maxlength="10"/>
|
289 |
296 |
</p>
|
290 |
297 |
</td></tr>
|
291 |
298 |
|
... | ... | |
297 |
304 |
<li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
|
298 |
305 |
<li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
|
299 |
306 |
</ul>
|
300 |
|
<a href="#">Ajouter</a><br/>
|
301 |
|
<a href="#">Tout le monde</a>
|
|
307 |
<input/><button id="add-intervenant-btn">➕</button>
|
|
308 |
<p><small>(champ avec autocomplétion)</small></p>
|
|
309 |
<!-- <a href="#">Tout le monde</a> -->
|
302 |
310 |
</div>
|
303 |
311 |
</td>
|
304 |
312 |
<td>
|
305 |
313 |
<h4>Patient</h4>
|
306 |
314 |
<input name="patient"/>
|
307 |
|
<a href="#">rechercher</a>
|
|
315 |
<br/>
|
|
316 |
<p><small>(champ avec autocomplétion)</small></p>
|
|
317 |
</td>
|
|
318 |
<td>
|
308 |
319 |
|
309 |
320 |
<h4>Type d'acte</h4>
|
310 |
321 |
<select>
|
... | ... | |
315 |
326 |
</tr>
|
316 |
327 |
</table>
|
317 |
328 |
|
318 |
|
<a class="button">Configurer la périodicité</a>
|
|
329 |
<hr/>
|
|
330 |
<button>Configurer la périodicité</button>
|
319 |
331 |
|
320 |
332 |
</form>
|
321 |
333 |
</div>
|
mockups: relayout the "new appointment" dialog