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

This commit is contained in:
Frédéric Péters 2012-10-06 19:43:54 +02:00
parent e2da8e9600
commit 9889ad7267
4 changed files with 32 additions and 32 deletions

View File

@ -117,7 +117,7 @@
<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>
@ -162,7 +162,7 @@
<div id="tabs-2"> <!-- Fiche administrative -->
<div>
<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"/>
@ -172,7 +172,7 @@
<div>
<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>
@ -180,7 +180,7 @@
<div>
<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>
@ -191,7 +191,7 @@
<div>
<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"/>
@ -206,7 +206,7 @@
<div>
<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>
@ -220,7 +220,7 @@
<div>
<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>
@ -238,7 +238,7 @@
<button id="new-address-btn">Nouvelle adresse</button> <button>Nouveau contact</button>
<div>
<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>
@ -248,7 +248,7 @@
<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>
@ -257,7 +257,7 @@
<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>
@ -265,7 +265,7 @@
<div>
<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>
@ -275,7 +275,7 @@
<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>

View File

@ -107,7 +107,7 @@
<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>
@ -152,7 +152,7 @@
<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"/>
@ -162,7 +162,7 @@
<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>
@ -170,7 +170,7 @@
<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>
@ -181,7 +181,7 @@
<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"/>
@ -196,7 +196,7 @@
<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>
@ -210,7 +210,7 @@
<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>
@ -228,7 +228,7 @@
<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>
@ -238,7 +238,7 @@
<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>
@ -247,7 +247,7 @@
<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>
@ -255,7 +255,7 @@
<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>
@ -265,7 +265,7 @@
<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>

View File

@ -45,7 +45,7 @@
<div id="info-membre">
<div class="frame">
<h3>État civil</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save"></button>
<p><label>Nom :</label> <input value="Durant"/>
<label>Prénom(s) :</label> <input value="François"/>
<label>Genre :</label> <input value="M"/></p>
@ -53,7 +53,7 @@
<div class="frame">
<h3>Services</h3>
<button class="save">Enregistrer les modifications</button>
<button class="save"></button>
<p class="services">
<input type="checkbox" checked="checked"><label>CMPP</label></input>
@ -85,7 +85,7 @@
<div class="frame">
<h3>Congés</h3>
<button class="save">Modifier</button>
<button class="save"></button>
<ul>
<li>Du 20 août au 3 septembre 2012 (en cours)</li>
<li>Du 3 au 10 octobre 2012</li>

View File

@ -81,27 +81,27 @@
<div id="actes">
<div class="frame acte">
<h3>8:00 - 45m - <strong>John Doe</strong> (1051) - <strong>Sylvie Legrand</strong> (28) - 3, 46, 52 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn">Modifier</button></h3>
<h3>8:00 - 45m - <strong>John Doe</strong> (1051) - <strong>Sylvie Legrand</strong> (28) - 3, 46, 52 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn"></button></h3>
<p><strong>Absent</strong>, pointé le 24 août 2012 à 7h46. <button>Annuler le pointage</button></p>
</div>
<div class="frame acte">
<h3>8:00 - 1h - <strong>Bob Dilane</strong> (3051) - <strong>Sylvain Mirouf</strong> (51) - 2 - <strong>Rééducation</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn">Modifier</button></h3>
<h3>8:00 - 1h - <strong>Bob Dilane</strong> (3051) - <strong>Sylvain Mirouf</strong> (51) - 2 - <strong>Rééducation</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn"></button></h3>
<p><strong>Absent</strong>, pointé le 24 août 2012 à 7h46. <button>Annuler le pointage</button></p>
</div>
<div class="frame acte">
<h3>9:00 - 45m - <strong>Sabine Malouf</strong> (4048) - <strong>Norbert Lecuisto</strong> (12) - <strong>Synthèse</strong> <button class="acte-btn">Modifier</button></h3>
<h3>9:00 - 45m - <strong>Sabine Malouf</strong> (4048) - <strong>Norbert Lecuisto</strong> (12) - <strong>Synthèse</strong> <button class="acte-btn"></button></h3>
<p><select><option>Absent</option></select> <button>Pointer</button></p>
</div>
<div class="frame acte">
<h3>9:00 - 45m - <strong>Gomez Chavez</strong> (4049) - <strong>Sylvie Legrand</strong> (28) - 46 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/></span> <button class="acte-btn">Modifier</button></h3>
<h3>9:00 - 45m - <strong>Gomez Chavez</strong> (4049) - <strong>Sylvie Legrand</strong> (28) - 46 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/></span> <button class="acte-btn"></button></h3>
<p><select><option>Absent</option></select> <button>Pointer</button></p>
</div>
<div class="frame acte">
<h3>10:00 - 1h - <strong>Lechat Kitchyan</strong> (5012) - <strong>Martine Dupont</strong> (17) - <strong>Entretien</strong></span> <button class="acte-btn">Modifier</button></h3>
<h3>10:00 - 1h - <strong>Lechat Kitchyan</strong> (5012) - <strong>Martine Dupont</strong> (17) - <strong>Entretien</strong></span> <button class="acte-btn"></button></h3>
<p><select><option>Absent</option></select> <button>Pointer</button></p>
<p><em>Type d'acte non facturable</em></p>
</div>