Project

General

Profile

Download (12.8 KB) Statistics
| Branch: | Tag: | Revision:

calebasse / mockups / dossiers.html @ aff120df

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Dossiers</title>
6
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
7
    <link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
8

    
9
    <script src="js/jquery-1.7.2.min.js"></script>
10
    <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
11
    <script src="development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
12
    <script>
13
	$(function() {
14
		$('table#dossiers tr').click(function() {
15
			window.location = 'un-dossier.html';
16
		});
17
		$('#filtre input').click(function () {
18
			var states = new Array();
19
			$('#filtre input:checked').each(function() {
20
				states.push($(this).attr('class'));
21
			});
22
			$('table#dossiers tbody tr').each(function() {
23
				$(this).find(':nth-child(6)').each(function() {
24
					state = $(this).attr('class');
25
					if ($.inArray(state, states) != -1) {
26
						$(this).parent().show();
27
					} else {
28
						$(this).parent().hide();
29
					}
30
				});
31
			});
32
		});
33
		$('#new-dossier').click(function() {
34
			$('#homonyms').hide();
35
			$('#dossier-dlg').dialog({title: 'Nouveau dossier',
36
				  width: '500px',
37
				  buttons: [ { text: "Fermer",
38
					       click: function() { $(this).dialog("close"); } },
39
					     { text: "Ajouter",
40
					       click: function() {
41
						if ($('#homonyms').is(':visible')) {
42
					       	  $(this).dialog("close");
43
						} else {
44
						  $('#homonyms').show();
45
						}
46
					} }]}
47
			);
48
			});
49
		var tempScrollTop, currentScrollTop = 0;
50
		$(window).scroll(function() {
51
			/* load more rows when we reach the bottom of the table */
52
			currentScrollTop = $(window).scrollTop();
53
			if (tempScrollTop < currentScrollTop ) {
54
				if ($('#dossiers').offset().top + $('#dossiers').height() - $(window).scrollTop() - $(window).height() < 20) {
55
					$('#dossiers tbody').append($('#dossiers tbody tr').slice(0, 10).clone());
56
				}
57
			}
58
			tempScrollTop = currentScrollTop;
59
		});
60

    
61
		$('table#dossiers tbody tr').hide();
62
		$('#search-results').hide();
63
		$('#search').click(function () {
64
			$('.big-msg-info').hide();
65
			$('#search-results').show();
66
			$('table#dossiers tbody tr').show();
67
		});
68
	});
69
	</script>
70
  </head>
71
  <body>
72
  <div id="wrap-large">
73
    <div id="header">
74
      <h1><a href="accueil.html">APS 42</a></h1>
75
      <span>Dossiers - CMPP</span>
76
    </div>
77
    <div id="splash" class="cmpp">
78
      <div id="user-links">
79
        <a href="connexion.html">Déconnexion</a>
80
      </div>
81
    </div>
82
    <div id="content">
83

    
84
    <div id="appbar">
85
    <h2>Dossiers</h2>
86
    <a href="accueil.html">Retourner à l'accueil</a>
87

    
88

    
89
    <button id="new-dossier">Nouveau dossier</button>
90
    &nbsp; &nbsp; &nbsp;
91
    <span>Dossiers: <span class="num">1032</span> - En accueil: <span class="num">28</span> - Fin d'accueil: <span class="num">8</span> -
92
    <span>En diagnostic: <span class="num">322</span> - En traitement: <span class="num">485</span> - Clos: <span class="num">193</span></span>
93
    <br/>
94
    <br/>&nbsp;
95
    </div>
96

    
97

    
98
    <div id="sidebar">
99
     <div>
100
      <h3>Rechercher dans les dossiers</h3>
101
       <!--
102
      <ul>
103
       <span title="ces boutons radio sont-ils vraiment nécessaires ? les filtres au-dessus se cochent / décochent facilement">XXX</span>
104
       <li><label><input name="scope" type="radio"/>Tenir compte des états
105
       sélectionnés</label></li>
106
       <li><label><input name="scope" type="radio"/>Rechercher dans tous les
107
       dossiers</label></li>
108
      </ul>
109
      -->
110
       <label>Nom <input type="text"/></label>
111
       <label>Prénom <input type="text"/></label>
112
       <label>Numéro de dossier <input type="text"/></label>
113
       <label>Numéro d'assuré social <input type="text"/></label>
114
       <button id="search">Rechercher</button>
115
       <p id="search-results">
116
        (123 dossiers trouvés)
117
       </p>
118
     </div>
119
     <div id="filtre">
120
      <h3>Filtres sur l'état</h3>
121
      <ul>
122
        <li><label><input checked="checked"  class="en-accueil" type="checkbox"/>En accueil</label></li>
123
        <li><label><input checked="checked"  class="fin-accueil" type="checkbox"/>Fin d'accueil</label></li>
124
        <li><label><input checked="checked"  class="diag" type="checkbox"/>En diagnostic</label></li>
125
        <li><label><input checked="checked"  class="traite" type="checkbox"/>En traitement</label></li>
126
        <li><label><input checked="checked"  class="clos" type="checkbox"/>Clos</label></li>
127
        <li><button>Tous</button> <button>Aucun</button></li>
128
      </ul>
129
      <h3>Afficher les dossiers</h3>
130
     <ul>
131
       <li><button>En pause facturation</button></li>
132
       <li><button>Une prolongation est nécessaire</button></li>
133
       <li><button>Prise en charge arrivant à expiration</button></li>
134
       <li><button>Prise en charge manquante ou expirée</button></li>
135
       <li><button>Eligibles pour un rediagnostic</button></li>
136
     </ul>
137
    </div>
138
   </div>
139

    
140
   <div class="content">
141
   <table id="dossiers" class="main">
142
    <thead>
143
     <tr>
144
     <th colspan="2">N° dossier
145
     <th rowspan="2">Nom</th>
146
     <th rowspan="2">Prénom</th>
147
     <th rowspan="2">Date de naissance</th>
148
     <th rowspan="2">État du dossier</th>
149
     <th rowspan="2"><span title="Information à propos de la prise en charge">I</span> / <span title="Dossier en pause facturation">F</span></th>
150
     <th rowspan="2">Dernier acte</th>
151
     <th rowspan="2">Prochain rendez-vous</th>
152
     </tr>
153
     <tr>
154
     <th>papier</th>
155
     <th>inform.</th>
156
     </tr>
157
    </thead>
158
    <tbody>
159

    
160
     <tr>
161
      <td>12346</td>
162
      <td>67891</td>
163
      <td>Bouclier</td>
164
      <td>Guillaume</td>
165
      <td>12/03/1965</td>
166
      <td class="traite">En traitement</td>
167
      <td></td>
168
      <td>28/06/2012<br/>T - absence excusée</td>
169
      <td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
170
     </tr>
171

    
172
     <tr>
173
      <td>12347</td>
174
      <td>67892</td>
175
      <td>Hendrickx</td>
176
      <td>André</td>
177
      <td>12/03/1965</td>
178
      <td class="en-accueil">En accueil</td>
179
      <td></td>
180
      <td>28/06/2012<br/>D - absence non excusable</td>
181
      <td>18/08/2012 15:00<br/>Roudon - accueil</td>
182
     </tr>
183

    
184
     <tr>
185
      <td>12348</td>
186
      <td>67893</td>
187
      <td>Manglos</td>
188
      <td>Thérèse</td>
189
      <td>12/03/1965</td>
190
      <td class="en-accueil">En accueil</td>
191
      <td></td>
192
      <td>28/06/2012<br/>T - non facturable</td>
193
      <td>18/08/2012 16:00<br/>Roudon - accueil</td>
194
     </tr>
195

    
196
     <tr>
197
      <td>12349</td>
198
      <td>67894</td>
199
      <td>Caswell</td>
200
      <td>Augustin</td>
201
      <td>12/03/1965</td>
202
      <td class="traite">En traitement</td>
203
      <td></td>
204
      <td>28/06/2012<br/>T - absence non excusable</td>
205
      <td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
206
     </tr>
207

    
208
     <tr>
209
      <td>12350</td>
210
      <td>67895</td>
211
      <td>Zehkat</td>
212
      <td>Marie</td>
213
      <td>12/03/1965</td>
214
      <td class="traite">En traitement</td>
215
      <td><span title="Information à propos de la prise en charge">I</span></td>
216
      <td>28/06/2012<br/>T - absence non excusable</td>
217
      <td>18/08/2012 14:00<br/>Roudon - mini synthèse</td>
218
     </tr>
219

    
220
     <tr>
221
      <td>12351</td>
222
      <td>67896</td>
223
      <td>Verstraete</td>
224
      <td>Barbara</td>
225
      <td>12/03/1965</td>
226
      <td class="diag">En diagnostic</td>
227
      <td></td>
228
      <td>28/06/2012<br/>T - absence non excusable</td>
229
      <td>18/08/2012 14:00<br/>Roudon - entretien</td>
230
     </tr>
231

    
232
     <tr>
233
      <td>12352</td>
234
      <td>67897</td>
235
      <td>Jover</td>
236
      <td>Henri</td>
237
      <td>12/03/1965</td>
238
      <td class="diag">En diagnostic</td>
239
      <td></td>
240
      <td>28/06/2012<br/>T - absence non excusable</td>
241
      <td>18/08/2012 14:00<br/>Roudon - entretien</td>
242
     </tr>
243

    
244
     <tr>
245
      <td>12361</td>
246
      <td>67898</td>
247
      <td>Masson</td>
248
      <td>Valentine</td>
249
      <td>12/03/1965</td>
250
      <td class="traite">En traitement</td>
251
      <td></td>
252
      <td>28/06/2012<br/>T - absence non excusable</td>
253
      <td>18/08/2012 (...)</td>
254
     </tr>
255

    
256
     <tr>
257
      <td>12353</td>
258
      <td>67899</td>
259
      <td>Sinclair</td>
260
      <td>Juliette</td>
261
      <td>12/03/1965</td>
262
      <td class="diag">En diagnostic</td>
263
      <td></td>
264
      <td>28/06/2012<br/>T - absence non excusable</td>
265
      <td>18/08/2012 (...)</td>
266
     </tr>
267

    
268
     <tr>
269
      <td>12354</td>
270
      <td>67904</td>
271
      <td>Paige</td>
272
      <td>Emmanuelle</td>
273
      <td>12/03/1965</td>
274
      <td class="diag">En diagnostic</td>
275
      <td><span title="Dossier en pause facturation">F</span></td>
276
      <td>28/06/2012<br/>T - absence non excusable</td>
277
      <td>18/08/2012 (...)</td>
278
     </tr>
279

    
280
     <tr>
281
      <td>12355</td>
282
      <td>67900</td>
283
      <td>Kosumovic</td>
284
      <td>Timothée</td>
285
      <td>12/03/1965</td>
286
      <td class="fin-accueil">Fin d'accueil</td>
287
      <td></td>
288
      <td>28/06/2012<br/>T - absence non excusable</td>
289
      <td>18/08/2012 (...)</td>
290
     </tr>
291

    
292
     <tr class="clos">
293
      <td>12346</td>
294
      <td>67891</td>
295
      <td>Bouclier</td>
296
      <td>Guillaume</td>
297
      <td>12/03/1965</td>
298
      <td class="clos">Clos<br/>23/07/2012</td>
299
      <td></td>
300
      <td>28/06/2012<br/>T - absence non excusable</td>
301
      <td>18/08/2012 (...)</td>
302
     </tr>
303

    
304
     <tr>
305
      <td>12347</td>
306
      <td>67892</td>
307
      <td>Hendrickx</td>
308
      <td>André</td>
309
      <td>12/03/1965</td>
310
      <td class="diag">En diagnostic</td>
311
      <td></td>
312
      <td>28/06/2012<br/>T - absence non excusable</td>
313
      <td>18/08/2012 (...)</td>
314
     </tr>
315

    
316
     <tr>
317
      <td>12348</td>
318
      <td>67893</td>
319
      <td>Manglos</td>
320
      <td>Thérèse</td>
321
      <td>12/03/1965</td>
322
      <td class="diag">En diagnostic</td>
323
      <td><span title="Information à propos de la prise en charge">I</span> / <span title="Dossier en pause facturation">F</span></td>
324
      <td>28/06/2012<br/>T - absence non excusable</td>
325
      <td>18/08/2012 (...)</td>
326
     </tr>
327

    
328
     <tr>
329
      <td>12349</td>
330
      <td>67894</td>
331
      <td>Caswell</td>
332
      <td>Augustin</td>
333
      <td>12/03/1965</td>
334
      <td class="diag">En diagnostic</td>
335
      <td></td>
336
      <td>28/06/2012<br/>T - absence non excusable</td>
337
      <td>18/08/2012 (...)</td>
338
     </tr>
339

    
340
     <tr>
341
      <td>12350</td>
342
      <td>67895</td>
343
      <td>Zehkat</td>
344
      <td>Marie</td>
345
      <td>12/03/1965</td>
346
      <td class="traite">En traitement</td>
347
      <td></td>
348
      <td>28/06/2012<br/>T - absence non excusable</td>
349
      <td>18/08/2012 (...)</td>
350
     </tr>
351

    
352
     <tr>
353
      <td>12351</td>
354
      <td>67896</td>
355
      <td>Verstraete</td>
356
      <td>Barbara</td>
357
      <td>12/03/1965</td>
358
      <td class="traite">En traitement</td>
359
      <td></td>
360
      <td>28/06/2012<br/>T - absence non excusable</td>
361
      <td>18/08/2012 (...)</td>
362
     </tr>
363

    
364
     <tr>
365
      <td>12352</td>
366
      <td>67897</td>
367
      <td>Jover</td>
368
      <td>Henri</td>
369
      <td>12/03/1965</td>
370
      <td class="traite">En traitement</td>
371
      <td></td>
372
      <td>28/06/2012<br/>T - absence non excusable</td>
373
      <td>18/08/2012 (...)</td>
374
     </tr>
375

    
376
     <tr>
377
      <td>12361</td>
378
      <td>67898</td>
379
      <td>Masson</td>
380
      <td>Valentine</td>
381
      <td>12/03/1965</td>
382
      <td class="traite">En traitement</td>
383
      <td></td>
384
      <td>28/06/2012<br/>T - absence non excusable</td>
385
      <td>18/08/2012 (...)</td>
386
     </tr>
387

    
388
     <tr>
389
      <td>12353</td>
390
      <td>67899</td>
391
      <td>Sinclair</td>
392
      <td>Juliette</td>
393
      <td>12/03/1965</td>
394
      <td class="diag">En diagnostic</td>
395
      <td></td>
396
      <td>28/06/2012<br/>T - absence non excusable</td>
397
      <td>18/08/2012 (...)</td>
398
     </tr>
399

    
400
     <tr>
401
      <td>12354</td>
402
      <td>67904</td>
403
      <td>Paige</td>
404
      <td>Emmanuelle</td>
405
      <td>12/03/1965</td>
406
      <td class="traite">En traitement</td>
407
      <td></td>
408
      <td>28/06/2012<br/>T - absence non excusable</td>
409
      <td>18/08/2012 (...)</td>
410
     </tr>
411

    
412
     <tr>
413
      <td>12355</td>
414
      <td>67900</td>
415
      <td>Kosumovic</td>
416
      <td>Timothée</td>
417
      <td>12/03/1965</td>
418
      <td class="diag">En diagnostic</td>
419
      <td></td>
420
      <td>28/06/2012<br/>T - absence non excusable</td>
421
      <td>18/08/2012 (...)</td>
422
     </tr>
423

    
424
    </tbody>
425
   </table>
426

    
427
   <div class="big-msg-info">
428
     Utilisez le formulaire de recherche sur la gauche de l'écran pour afficher
429
     les dossiers correspondants.
430
   </div>
431

    
432
   </div>
433

    
434
    </div>
435

    
436
    <div id="footer">
437
438
    </div>
439
  </div>
440

    
441
  <div id="dossier-dlg" style="display: none;">
442
   <form>
443
   <p>
444
    <label for="id_nom">Nom :</label>
445
    <input id="id_nom" type="text" name="nom"/>
446
   </p>
447
   <p>
448
    <label for="id_prenom">Prénom :</label>
449
    <input id="id_prenom" type="text" name="prenom"/>
450
   </p>
451
   </form>
452

    
453
  <div id="homonyms" style="display: none;">
454
   <p>Attention, il existe des homonymes; cliquez sur le bouton pour consulter
455
      le dossier correspondant. Si vous voulez confirmer la création d'un nouveau
456
      dossier, cliquez sur le bouton 'Ajouter'.</p>
457
   <button>Doe James</button><br/>
458
   <button>Doe Dolassaumure</button>
459
  </div>
460
  </div>
461

    
462
  </body>
463
</html>
(10-10/23)