calebasse/mockups/dossiers.html @ ff25533d
| 20ddf8d8 | Frédéric Péters | <!DOCTYPE html>
|
|
<html lang="fr">
|
|||
<head>
|
|||
<meta charset="utf-8"/>
|
|||
<title>APS42 — Dossiers</title>
|
|||
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
|
|||
<link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
|
|||
<script src="js/jquery-1.7.2.min.js"></script>
|
|||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
|||
<script src="development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
|
|||
<script>
|
|||
$(function() {
|
|||
$('table#dossiers tr').click(function() {
|
|||
window.location = 'un-dossier.html';
|
|||
});
|
|||
$('#filtre input').click(function () {
|
|||
var states = new Array();
|
|||
$('#filtre input:checked').each(function() {
|
|||
states.push($(this).attr('class'));
|
|||
});
|
|||
$('table#dossiers tbody tr').each(function() {
|
|||
$(this).find(':nth-child(6)').each(function() {
|
|||
state = $(this).attr('class');
|
|||
if ($.inArray(state, states) != -1) {
|
|||
$(this).parent().show();
|
|||
} else {
|
|||
$(this).parent().hide();
|
|||
}
|
|||
});
|
|||
});
|
|||
});
|
|||
$('#new-dossier').click(function() {
|
|||
$('#homonyms').hide();
|
|||
$('#dossier-dlg').dialog({title: 'Nouveau dossier',
|
|||
width: '500px',
|
|||
buttons: [ { text: "Fermer",
|
|||
click: function() { $(this).dialog("close"); } },
|
|||
{ text: "Ajouter",
|
|||
click: function() {
|
|||
if ($('#homonyms').is(':visible')) {
|
|||
$(this).dialog("close");
|
|||
} else {
|
|||
$('#homonyms').show();
|
|||
}
|
|||
} }]}
|
|||
);
|
|||
});
|
|||
var tempScrollTop, currentScrollTop = 0;
|
|||
$(window).scroll(function() {
|
|||
/* load more rows when we reach the bottom of the table */
|
|||
currentScrollTop = $(window).scrollTop();
|
|||
if (tempScrollTop < currentScrollTop ) {
|
|||
if ($('#dossiers').offset().top + $('#dossiers').height() - $(window).scrollTop() - $(window).height() < 20) {
|
|||
$('#dossiers tbody').append($('#dossiers tbody tr').slice(0, 10).clone());
|
|||
}
|
|||
}
|
|||
tempScrollTop = currentScrollTop;
|
|||
});
|
|||
| 78a9461a | Frédéric Péters | $('table#dossiers tbody tr').hide();
|
|
$('#search-results').hide();
|
|||
$('#search').click(function () {
|
|||
| 3b6daa75 | Frédéric Péters | $('.big-msg-info').hide();
|
|
| 78a9461a | Frédéric Péters | $('#search-results').show();
|
|
$('table#dossiers tbody tr').show();
|
|||
});
|
|||
| 20ddf8d8 | Frédéric Péters | });
|
|
</script>
|
|||
</head>
|
|||
<body>
|
|||
<div id="wrap-large">
|
|||
<div id="header">
|
|||
| d79295fb | Frédéric Péters | <h1><a href="accueil.html">APS 42</a></h1>
|
|
| 20ddf8d8 | Frédéric Péters | <span>Dossiers - CMPP</span>
|
|
</div>
|
|||
<div id="splash" class="cmpp">
|
|||
<div id="user-links">
|
|||
<a href="connexion.html">Déconnexion</a>
|
|||
</div>
|
|||
</div>
|
|||
<div id="content">
|
|||
<div id="appbar">
|
|||
<h2>Dossiers</h2>
|
|||
<a href="accueil.html">Retourner à l'accueil</a>
|
|||
<button id="new-dossier">Nouveau dossier</button>
|
|||
|
|||
<span>Dossiers: <span class="num">1032</span> - En accueil: <span class="num">28</span> - Fin d'accueil: <span class="num">8</span> -
|
|||
<span>En diagnostic: <span class="num">322</span> - En traitement: <span class="num">485</span> - Clos: <span class="num">193</span></span>
|
|||
<br/>
|
|||
<br/>
|
|||
</div>
|
|||
<div id="sidebar">
|
|||
<div>
|
|||
<h3>Rechercher dans les dossiers</h3>
|
|||
<!--
|
|||
<ul>
|
|||
<span title="ces boutons radio sont-ils vraiment nécessaires ? les filtres au-dessus se cochent / décochent facilement">XXX</span>
|
|||
<li><label><input name="scope" type="radio"/>Tenir compte des états
|
|||
sélectionnés</label></li>
|
|||
<li><label><input name="scope" type="radio"/>Rechercher dans tous les
|
|||
dossiers</label></li>
|
|||
</ul>
|
|||
-->
|
|||
| 94c60dd0 | Mikaël Ates | <label>Nom <input type="text"/></label>
|
|
<label>Prénom <input type="text"/></label>
|
|||
<label>Numéro de dossier <input type="text"/></label>
|
|||
<label>Numéro d'assuré social <input type="text"/></label>
|
|||
| 78a9461a | Frédéric Péters | <button id="search">Rechercher</button>
|
|
<p id="search-results">
|
|||
(123 dossiers trouvés)
|
|||
</p>
|
|||
| 20ddf8d8 | Frédéric Péters | </div>
|
|
<div id="filtre">
|
|||
| 94c60dd0 | Mikaël Ates | <h3>Filtres sur l'état</h3>
|
|
| 20ddf8d8 | Frédéric Péters | <ul>
|
|
<li><label><input checked="checked" class="en-accueil" type="checkbox"/>En accueil</label></li>
|
|||
<li><label><input checked="checked" class="fin-accueil" type="checkbox"/>Fin d'accueil</label></li>
|
|||
<li><label><input checked="checked" class="diag" type="checkbox"/>En diagnostic</label></li>
|
|||
<li><label><input checked="checked" class="traite" type="checkbox"/>En traitement</label></li>
|
|||
<li><label><input checked="checked" class="clos" type="checkbox"/>Clos</label></li>
|
|||
<li><button>Tous</button> <button>Aucun</button></li>
|
|||
</ul>
|
|||
| 94c60dd0 | Mikaël Ates | <h3>Afficher les dossiers</h3>
|
|
| 20ddf8d8 | Frédéric Péters | <ul>
|
|
| 94c60dd0 | Mikaël Ates | <li><button>En pause facturation</button></li>
|
|
<li><button>Une prolongation est nécessaire</button></li>
|
|||
<li><button>Prise en charge arrivant à expiration</button></li>
|
|||
<li><button>Prise en charge manquante ou expirée</button></li>
|
|||
<li><button>Eligibles pour un rediagnostic</button></li>
|
|||
| 20ddf8d8 | Frédéric Péters | </ul>
|
|
</div>
|
|||
</div>
|
|||
<div class="content">
|
|||
| b4e9e32b | Frédéric Péters | <table id="dossiers" class="main">
|
|
| 20ddf8d8 | Frédéric Péters | <thead>
|
|
<tr>
|
|||
<th colspan="2">N° dossier
|
|||
<th rowspan="2">Nom</th>
|
|||
<th rowspan="2">Prénom</th>
|
|||
<th rowspan="2">Date de naissance</th>
|
|||
<th rowspan="2">État du dossier</th>
|
|||
| 8ded50fa | Mikaël Ates | <th rowspan="2"><span title="Information à propos de la prise en charge">I</span> / <span title="Dossier en pause facturation">F</span></th>
|
|
| 20ddf8d8 | Frédéric Péters | <th rowspan="2">Dernier acte</th>
|
|
<th rowspan="2">Prochain rendez-vous</th>
|
|||
</tr>
|
|||
<tr>
|
|||
<th>papier</th>
|
|||
<th>inform.</th>
|
|||
</tr>
|
|||
</thead>
|
|||
<tbody>
|
|||
<tr>
|
|||
<td>12346</td>
|
|||
<td>67891</td>
|
|||
<td>Bouclier</td>
|
|||
<td>Guillaume</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence excusée</td>
|
|||
<td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12347</td>
|
|||
<td>67892</td>
|
|||
<td>Hendrickx</td>
|
|||
<td>André</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="en-accueil">En accueil</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>D - absence non excusable</td>
|
|||
<td>18/08/2012 15:00<br/>Roudon - accueil</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12348</td>
|
|||
<td>67893</td>
|
|||
<td>Manglos</td>
|
|||
<td>Thérèse</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="en-accueil">En accueil</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - non facturable</td>
|
|||
<td>18/08/2012 16:00<br/>Roudon - accueil</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12349</td>
|
|||
<td>67894</td>
|
|||
<td>Caswell</td>
|
|||
<td>Augustin</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12350</td>
|
|||
<td>67895</td>
|
|||
<td>Zehkat</td>
|
|||
<td>Marie</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
| 8ded50fa | Mikaël Ates | <td><span title="Information à propos de la prise en charge">I</span></td>
|
|
| 20ddf8d8 | Frédéric Péters | <td>28/06/2012<br/>T - absence non excusable</td>
|
|
<td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12351</td>
|
|||
<td>67896</td>
|
|||
<td>Verstraete</td>
|
|||
<td>Barbara</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 14:00<br/>Roudon - entretien</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12352</td>
|
|||
<td>67897</td>
|
|||
<td>Jover</td>
|
|||
<td>Henri</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 14:00<br/>Roudon - entretien</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12361</td>
|
|||
<td>67898</td>
|
|||
<td>Masson</td>
|
|||
<td>Valentine</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12353</td>
|
|||
<td>67899</td>
|
|||
<td>Sinclair</td>
|
|||
<td>Juliette</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12354</td>
|
|||
<td>67904</td>
|
|||
<td>Paige</td>
|
|||
<td>Emmanuelle</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
| 8ded50fa | Mikaël Ates | <td><span title="Dossier en pause facturation">F</span></td>
|
|
| 20ddf8d8 | Frédéric Péters | <td>28/06/2012<br/>T - absence non excusable</td>
|
|
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12355</td>
|
|||
<td>67900</td>
|
|||
<td>Kosumovic</td>
|
|||
<td>Timothée</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="fin-accueil">Fin d'accueil</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
| 78a9461a | Frédéric Péters | <tr class="clos">
|
|
| 20ddf8d8 | Frédéric Péters | <td>12346</td>
|
|
<td>67891</td>
|
|||
<td>Bouclier</td>
|
|||
<td>Guillaume</td>
|
|||
<td>12/03/1965</td>
|
|||
| 78a9461a | Frédéric Péters | <td class="clos">Clos<br/>23/07/2012</td>
|
|
| 20ddf8d8 | Frédéric Péters | <td></td>
|
|
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12347</td>
|
|||
<td>67892</td>
|
|||
<td>Hendrickx</td>
|
|||
<td>André</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12348</td>
|
|||
<td>67893</td>
|
|||
<td>Manglos</td>
|
|||
<td>Thérèse</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
| 8ded50fa | Mikaël Ates | <td><span title="Information à propos de la prise en charge">I</span> / <span title="Dossier en pause facturation">F</span></td>
|
|
| 20ddf8d8 | Frédéric Péters | <td>28/06/2012<br/>T - absence non excusable</td>
|
|
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12349</td>
|
|||
<td>67894</td>
|
|||
<td>Caswell</td>
|
|||
<td>Augustin</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12350</td>
|
|||
<td>67895</td>
|
|||
<td>Zehkat</td>
|
|||
<td>Marie</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12351</td>
|
|||
<td>67896</td>
|
|||
<td>Verstraete</td>
|
|||
<td>Barbara</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12352</td>
|
|||
<td>67897</td>
|
|||
<td>Jover</td>
|
|||
<td>Henri</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12361</td>
|
|||
<td>67898</td>
|
|||
<td>Masson</td>
|
|||
<td>Valentine</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12353</td>
|
|||
<td>67899</td>
|
|||
<td>Sinclair</td>
|
|||
<td>Juliette</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12354</td>
|
|||
<td>67904</td>
|
|||
<td>Paige</td>
|
|||
<td>Emmanuelle</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="traite">En traitement</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<td>12355</td>
|
|||
<td>67900</td>
|
|||
<td>Kosumovic</td>
|
|||
<td>Timothée</td>
|
|||
<td>12/03/1965</td>
|
|||
<td class="diag">En diagnostic</td>
|
|||
<td></td>
|
|||
<td>28/06/2012<br/>T - absence non excusable</td>
|
|||
<td>18/08/2012 (...)</td>
|
|||
</tr>
|
|||
</tbody>
|
|||
</table>
|
|||
| 3b6daa75 | Frédéric Péters | ||
<div class="big-msg-info">
|
|||
Utilisez le formulaire de recherche sur la gauche de l'écran pour afficher
|
|||
les dossiers correspondants.
|
|||
</div>
|
|||
| 20ddf8d8 | Frédéric Péters | </div>
|
|
</div>
|
|||
<div id="footer">
|
|||
—
|
|||
</div>
|
|||
</div>
|
|||
<div id="dossier-dlg" style="display: none;">
|
|||
<form>
|
|||
<p>
|
|||
<label for="id_nom">Nom :</label>
|
|||
<input id="id_nom" type="text" name="nom"/>
|
|||
</p>
|
|||
<p>
|
|||
<label for="id_prenom">Prénom :</label>
|
|||
<input id="id_prenom" type="text" name="prenom"/>
|
|||
</p>
|
|||
</form>
|
|||
<div id="homonyms" style="display: none;">
|
|||
<p>Attention, il existe des homonymes; cliquez sur le bouton pour consulter
|
|||
le dossier correspondant. Si vous voulez confirmer la création d'un nouveau
|
|||
dossier, cliquez sur le bouton 'Ajouter'.</p>
|
|||
<button>Doe James</button><br/>
|
|||
<button>Doe Dolassaumure</button>
|
|||
</div>
|
|||
</div>
|
|||
</body>
|
|||
</html>
|