Revision 9889ad72
Added by Frédéric Péters over 13 years ago
| mockups/sessad-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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
|
<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>
|
||
| 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>
|
||
| mockups/un-membre.html | ||
|---|---|---|
|
<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>
|
||
| ... | ... | |
|
|
||
|
<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>
|
||
| ... | ... | |
|
|
||
|
<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>
|
||
| mockups/validation-des-actes.html | ||
|---|---|---|
|
<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>
|
||
Also available in: Unified diff
mockups: use (unicode) symbols in save, edit, and delete buttons