Projet

Général

Profil

« Précédent | Suivant » 

Révision b723a1ff

Ajouté par Frédéric Péters il y a plus de 11 ans

mockups: relayout the "new appointment" dialog

Voir les différences:

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