Project

General

Profile

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

calebasse / mockups / sessad-dossiers.html @ 0d4bf0b4

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 = 'sessad-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 - SESSAD TED</span>
76
    </div>
77
    <div id="splash" class="sessad-ted">
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
     </div>
118
     <div id="filtre">
119
      <h3>Filtres sur l'état</h3>
120
      <ul>
121
        <li><label><input checked="checked"  class="en-accueil" type="checkbox"/>En accueil</label></li>
122
        <li><label><input checked="checked"  class="fin-accueil" type="checkbox"/>Fin d'accueil</label></li>
123
        <li><label><input checked="checked"  class="diag" type="checkbox"/>En diagnostic</label></li>
124
        <li><label><input checked="checked"  class="traite" type="checkbox"/>En traitement</label></li>
125
        <li><label><input checked="checked"  class="clos" type="checkbox"/>Clos</label></li>
126
        <li><button>Tous</button> <button>Aucun</button></li>
127
      </ul>
128
      <h3>Afficher les dossiers</h3>
129
     <ul>
130
       <li><button>En pause facturation</button></li>
131
       <li><button>Une prolongation est nécessaire</button></li>
132
       <li><button>Prise en charge arrivant à expiration</button></li>
133
       <li><button>Prise en charge manquante ou expirée</button></li>
134
       <li><button>Eligibles pour un rediagnostic</button></li>
135
     </ul>
136
    </div>
137
   </div>
138

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
423
    </tbody>
424
   </table>
425

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

    
431
   </div>
432

    
433
    </div>
434

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

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

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

    
461
  </body>
462
</html>
(17-17/23)