Révision b723a1ff
Ajouté par Frédéric Péters il y a plus de 11 ans
mockups/agenda.html | ||
---|---|---|
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> |
Formats disponibles : Unified diff
mockups: relayout the "new appointment" dialog