Project

General

Profile

« Previous | Next » 

Revision 9889ad72

Added by Frédéric Péters over 13 years ago

mockups: use (unicode) symbols in save, edit, and delete buttons

View differences:

mockups/un-dossier.html
<div id="tabs-1"> <!-- Général -->
<div class="left">
<ul>
<li><label>N° dossier papier :</label> 12345 <button>Modifier</button></li>
<li><label>N° dossier papier :</label> 12345 <button>✍</button></li>
<li><label>N° dossier informatique :</label> 67890</li>
<li><label>Nom :</label> Bouclier</li>
<li><label>Prénom :</label> Guillaume</li>
......
<div id="tabs-2"> <!-- Fiche administrative -->
<div class="frame">
<h3>État civil</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p><label>Nom :</label> <input value="Bouclier"/>
<label>Prénom(s) :</label> <input value="Guillaume"/></p>
<p><label>Date de naissance :</label> <input value="1/1/2005"/>
......
<div class="frame">
<h3>Physiologie</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p><label>Taille (cm) :</label> <input value="176"/>
<label>Poids (kg) :</label> <input value="68"/>
<label>Terme en semaines :</label> <input/></p>
......
<div class="frame">
<h3>Inscription</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p>
<label>Motif (analysé) :</label> <select><option>Indéfini</option></select> <button>+</button>
<label>Motif (famille) :</label> <select><option>Indéfini</option></select> <button>+</button>
......
<div class="frame">
<h3>Famille</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p><label>Place dans la fratrie :</label> <input size="4"/>
<label>Nombre d'enfants dans la fratrie :</label> <input size="4"/>
<label>Rang (gémellité) :</label> <input size="4"/>
......
<div class="frame">
<h3>Transport</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p>
<label>Type de transport :</label> <select><option>Indéfini</option></select> <button>+</button>
<label>Compagnie de transport :</label> <select><option>Indéfini</option></select> <button>+</button>
......
<div class="frame">
<h3>Suivi du patient</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save">✔</button>
<p>
<label>Coordinateur I :</label> <select><option>Indéfini</option></select> <button>+</button>
<label>Coordinateur II :</label> <select><option>Indéfini</option></select> <button>+</button>
......
<button id="new-address-btn">Nouvelle adresse</button> <button>Nouveau contact</button>
<div class="frame">
<h3>16 rue du Clocher</h3>
<div class="buttons"><button>Supprimer</button> <button>Modifier</button></div>
<div class="buttons"><button>➖</button> <button>✍</button></div>
<div class="right">
<input type="checkbox" checked>Lieu de vie</input>
</div>
......
<h4>Mme Marie Carmarie</h4>
<div class="right">
<input type="radio" name="radio-assure" checked="checked">Assuré</input>
<button>Supprimer</button> <button>Modifier</button>
<button>➖</button> <button>✍</button>
</div>
<p>2 70 12 34 567 890 12</p>
<p>06 12 34 56 78</p>
......
<h4>M. Guillaume Bouclier (PATIENT)</h4>
<div class="right">
<input type="radio" name="radio-assure" >Assuré</input>
<button>Supprimer</button> <button>Modifier</button>
<button>➖</button> <button>✍</button>
</div>
<p>1 04 12 34 567 890 12</p>
</div>
......
<div class="frame">
<h3>2 rue du Château</h3>
<div class="buttons"><button>Supprimer</button> <button>Modifier</button></div>
<div class="buttons"><button>➖</button> <button>✍</button></div>
<div class="right">
<input type="checkbox">Lieu de vie</input>
</div>
......
<h4>M. John Leponge</h4>
<div class="right">
<input type="radio" name="radio-assure">Assuré</input>
<button>Supprimer</button> <button>Modifier</button>
<button>➖</button> <button>✍</button>
</div>
<p>1 70 12 34 567 890 12</p>
</div>

Also available in: Unified diff