Project

General

Profile

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

calebasse / calebasse / dossiers / templates / dossiers / patientrecord_edit.html @ 3087a41c

1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Dossier - 12346 - Bouclier Guillaume</title>
7
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
8
    <link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
9

    
10
    <script src="js/jquery-1.7.2.min.js"></script>
11
    <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
12
    <script src="development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
13
    <script>
14
	$(function() {
15
		$('#tabs').tabs();
16
		$('#clore-dossier').click(function() {
17
			$('#dossier-change').dialog({title: 'Changement - Clôture',
18
				width: '500px',
19
				  buttons: [ { text: "Annuler",
20
					       click: function() { $(this).dialog("close"); } },
21
					     { text: "Valider",
22
					       click: function() { $(this).dialog("close"); } }]}
23
			);
24
			});
25
		$('#reaccueillir-dossier').click(function() {
26
			$('#dossier-change').dialog({title: 'Changement - Réaccueil',
27
				width: '500px',
28
				  buttons: [ { text: "Annuler",
29
					       click: function() { $(this).dialog("close"); } },
30
					     { text: "Valider",
31
					       click: function() { $(this).dialog("close"); } }]}
32
			);
33
			});
34
		$('#historique-dossier').click(function() {
35
			$('#dossier-histo-dlg').dialog({title: 'Historique dossier',
36
				width: '500px',
37
				  buttons: [ { text: "Fermer",
38
					       click: function() { $(this).dialog("close"); } }]}
39
			);
40
			});
41
		$('#new-address-btn').click(function() {
42
			$('#new-address-dlg').dialog({title: 'Nouvelle adresse',
43
				width: '500px',
44
				  buttons: [ { text: "Annuler",
45
					       click: function() { $(this).dialog("close"); } },
46
					     { text: "Valider",
47
					       click: function() { $(this).dialog("close"); } }]}
48
			);
49
			});
50

    
51
		$('#add-prise-en-charge-btn').click(function() {
52
			$('#add-prise-en-charge-dlg').dialog({title: 'Prise en charge',
53
				width: '300px',
54
				  buttons: [ { text: "Annuler",
55
					       click: function() { $(this).dialog("close"); } },
56
					     { text: "Valider",
57
					       click: function() { $(this).dialog("close"); } }]}
58
			);
59
			});
60

    
61
		$('#add-prolongation-btn').click(function() {
62
			$('#add-prolongation-dlg').dialog({title: 'Prolongation',
63
				width: '300px',
64
				  buttons: [ { text: "Annuler",
65
					       click: function() { $(this).dialog("close"); } },
66
					     { text: "Valider",
67
					       click: function() { $(this).dialog("close"); } }]}
68
			);
69
			});
70

    
71
                $('button.blind').next().hide();
72
                $('button.blind').click(function() {
73
                        $(this).next().toggle('blind');
74
                });
75
	});
76
	</script>
77
  </head>
78
  <body>
79
  <div id="wrap-large">
80
    <div id="header">
81
      <h1><a href="accueil.html">APS 42</a></h1>
82
      <span>Dossiers - CMPP</span>
83
    </div>
84
    <div id="splash" class="cmpp">
85
      <div id="user-links">
86
        <a href="connexion.html">Déconnexion</a>
87
      </div>
88
    </div>
89
    <div id="content">
90

    
91
    <div id="appbar">
92
    <h2>Bouclier Guillaume - Dossier 56789</h2>
93
    <a href="dossiers.html">Retourner aux dossiers</a>
94
    <button>Supprimer</button>
95
    </div>
96

    
97
    <div id="tabs">
98
    <ul>
99
     <li><a href="#tabs-1">Général</a></li>
100
     <li><a href="#tabs-2">Fiche administrative</a></li>
101
     <li><a href="#tabs-3">Adresses / contacts</a></li>
102
     <li><a href="#tabs-4">Prise en charge</a></li>
103
     <!--<li><a href="#tabs-5">Liste des actes</a>-->
104
     <li><a href="#tabs-6">Prochains rendez-vous</a>
105
     <li><a href="#tabs-7">Socialisation</a>
106
     <li><a href="#tabs-8">Données à caractère médical</a>
107
    </ul>
108
    <div id="tabs-1"> <!-- Général -->
109
     <div class="left">
110
     <ul>
111
      <li><label>N° dossier papier :</label> 12345 <button></button></li>
112
      <li><label>N° dossier informatique :</label> 67890</li>
113
      <li><label>Nom :</label> Bouclier</li>
114
      <li><label>Prénom :</label> Guillaume</li>
115
      <li><label>Date de naissance :</label> 1/1/2005</li>
116
      <li><label>Lieux de vie :</label>
117
        <ul>
118
          <li>Adresse A - Téléphone A</li>
119
          <li>Adresse B - Téléphone B</li>
120
        </ul></li>
121
      <li><label>Date d'inscription :</label> 01/06/2012</li>
122
      <li><label>Lieu de socialisation :</label> École Truc</li>
123
      <li><label>Commentaire :</label><br/><textarea cols="50" rows="5"></textarea> <button>Mettre à jour</button></li>
124
     </ul>
125
     </div>
126
     <div class="right">
127
     <ul>
128
      <li><label>Dernier acte :</label> 28/06/2012 - T - absence excusée</li>
129
      <li><label>Prochain rendez-vous :</label> 18/08/2012 - Roudon - mini synthèse.</li>
130
     </ul>
131
     <div class="etat">
132
       <h4>État du dossier :  en diagnostic</h4>
133
       <p>depuis le 20/05/2012</p>
134
       <p><label>Commentaire :</label> bla bla bla bla</p>
135
       <button id="clore-dossier">Clore</button>
136
       <button id="reaccueillir-dossier">Ré-accueillir</button>
137
       <button id="historique-dossier">Historique</button><br/>
138
       <hr/>
139
       3/6 diagnostics
140
     </div>
141

    
142
     <div class="notifs">
143
       <h4>Notifications</h4>
144
       <ul>
145
        <li>Dossier en pause facturation <button>Sortir</button></li>
146
       </ul>
147
     </div>
148

    
149
     </div>
150
     <br style="clear:both"/>
151
    </div>
152

    
153
    <div id="tabs-2"> <!-- Fiche administrative -->
154
     <div class="frame">
155
     <h3>État civil</h3>
156
     <button class="save"></button>
157
     <p><label>Nom :</label> <input value="Bouclier"/>
158
     <label>Prénom(s) :</label> <input value="Guillaume"/></p>
159
     <p><label>Date de naissance :</label> <input value="1/1/2005"/>
160
     <label>Genre :</label> <input value="M"/>
161
     <label>Nationalité :</label> <input value="française"/></p>
162
     </div>
163

    
164
     <div class="frame">
165
     <h3>Physiologie</h3>
166
     <button class="save"></button>
167
     <p><label>Taille (cm) :</label> <input value="176"/>
168
        <label>Poids (kg) :</label> <input value="68"/>
169
        <label>Terme en semaines :</label> <input/></p>
170
     </div>
171

    
172
     <div class="frame">
173
     <h3>Inscription</h3>
174
     <button class="save"></button>
175
     <p>
176
      <label>Motif (analysé) :</label> <select><option>Indéfini</option></select> <button>+</button>
177
      <label>Motif (famille) :</label> <select><option>Indéfini</option></select> <button>+</button>
178
      <label>Conseilleur :</label> <select><option>Indéfini</option></select> <button>+</button>
179
     </p>
180

    
181
     </div>
182

    
183
     <div class="frame">
184
     <h3>Famille</h3>
185
     <button class="save"></button>
186
     <p><label>Place dans la fratrie :</label> <input size="4"/>
187
        <label>Nombre d'enfants dans la fratrie :</label> <input size="4"/>
188
        <label>Rang (gémellité) :</label> <input size="4"/>
189
     </p>
190
     <p>
191
      <label>Autorité parentale :</label> <select><option>Indéfini</option></select> <button>+</button>
192
      <label>Situation familiale :</label> <select><option>Indéfini</option></select> <button>+</button>
193
      <label>Garde parentale :</label> <select><option>Indéfini</option></select> <button>+</button>
194
     </p>
195

    
196
     </div>
197

    
198
     <div class="frame">
199
     <h3>Transport</h3>
200
     <button class="save"></button>
201
     <p>
202
      <label>Type de transport :</label> <select><option>Indéfini</option></select> <button>+</button>
203
      <label>Compagnie de transport :</label> <select><option>Indéfini</option></select> <button>+</button>
204
     </p>
205
     <table>
206
      <tr><td><button>Attestation</button></td> <td><button>Prescription</td></tr>
207
      <tr><td>Dernière attestation le 25/07/2012 <button>Historique</button></td>
208
          <td>Dernière prescription le 25/07/2012 <button>Historique</button></td></tr>
209
     </table>
210
     </div>
211

    
212
     <div class="frame">
213
     <h3>Suivi du patient</h3>
214
     <button class="save"></button>
215
     <p>
216
      <label>Coordinateur I :</label> <select><option>Indéfini</option></select> <button>+</button>
217
      <label>Coordinateur II :</label> <select><option>Indéfini</option></select> <button>+</button>
218
      <label>Coordinateur III :</label> <select><option>Indéfini</option></select> <button>+</button>
219
     </p>
220
     <p>
221
      <label>Médecin extérieur :</label> <select><option>Indéfini</option></select> <button>+</button>
222
      <label>Intervenant extérieur :</label> <select><option>Indéfini</option></select> <button>+</button>
223
     </p>
224
     </div>
225

    
226
    </div>
227

    
228
    <div id="tabs-3"> <!-- Adresses / Contacts -->
229
      <button id="new-address-btn">Nouvelle adresse</button> <button>Nouveau contact</button>
230
      <div class="frame">
231
       <h3>16 rue du Clocher</h3>
232
       <div class="buttons"><button></button> <button></button></div>
233
       <div class="right">
234
       <input type="checkbox" checked>Lieu de vie</input>
235
       </div>
236
       <p>13004 Marseille</p>
237
       <p>04 91 12 34 56</p>
238
       <div class="contact">
239
        <h4>Mme Marie Carmarie</h4>
240
        <div class="right">
241
         <input type="radio" name="radio-assure" checked="checked">Assuré</input>
242
         <button></button> <button></button>
243
        </div>
244
        <p>2 70 12 34 567 890 12</p>
245
        <p>06 12 34 56 78</p>
246
       </div>
247
       <div class="contact patient">
248
        <h4>M. Guillaume Bouclier (PATIENT)</h4>
249
        <div class="right">
250
         <input type="radio" name="radio-assure" >Assuré</input>
251
         <button></button> <button></button>
252
        </div>
253
        <p>1 04 12 34 567 890 12</p>
254
       </div>
255
      </div>
256

    
257
      <div class="frame">
258
       <h3>2 rue du Château</h3>
259
       <div class="buttons"><button></button> <button></button></div>
260
       <div class="right">
261
       <input type="checkbox">Lieu de vie</input>
262
       </div>
263
       <p>42000 Saint-Etienne</p>
264
       <p>04 77 12 34 56</p>
265
       <div class="contact">
266
        <h4>M. John Leponge</h4>
267
        <div class="right">
268
         <input type="radio" name="radio-assure">Assuré</input>
269
         <button></button> <button></button>
270
        </div>
271
        <p>1 70 12 34 567 890 12</p>
272
       </div>
273
      </div>
274

    
275
    </div>
276

    
277
    <div id="tabs-4"> <!-- Prise en charge -->
278
      <div id="patient-diag">
279
      <div class="frame">
280
       <h3>En diagnostic depuis le 11 juin 2012</h3>
281
       <ul>
282
       <li><input size="4" value="6"/> actes prévus</li>
283
       <li><strong>3</strong> actes réalisés dont <strong>2</strong> facturés <button class="blind">détails</button>
284
         <ul>
285
          <li>Facturation <strong>28</strong> (assuré: Sophie Fonfec) - <strong>2</strong> actes
286
           <ul>
287
            <li>Accueil le 11 juin 2012 - 9h00 - 45 minutes - Bob Leponge</li>
288
            <li>Dialogue le 12 juin 2012 - 10h00 - 30 minutes - Bob Leponge</li>
289
           </ul></li>
290
          <li>Non facturé - <strong>1 acte</strong>
291
           <ul>
292
            <li>Dialogue le 13 juin 2012 - 11h00 - 45 minutes - Sandy Kilo</li>
293
           </ul></li>
294
         </ul>
295
         </li>
296
       </ul>
297
      </div>
298
      </div>
299

    
300
      <div id="patient-traitement" style="display: none;">
301
       <div class="frame">
302
       <h3>En diagnostic depuis le 6 mars 2012</h3>
303
       <ul>
304
       <li><strong>6</strong> actes réalisés et facturés <button class="blind">détails</button>
305
         <ul>
306
          <li>Facturation <strong>28</strong> (assuré: Sophie Fonfec) - <strong>6</strong> actes
307
           <ul>
308
            <li>...</li>
309
           </ul></li>
310
         </ul>
311
         </li>
312
       </ul>
313
       </div>
314

    
315
       <div class="frame">
316
        <h3>En traitement depuis le 11 juin 2012</h3>
317
        <ul>
318
         <li><strong>4</strong> actes réalisés <button class="blind">détails</button>
319
          <ul><li>...</li></ul>
320
          </li>
321
         <li>Pas de prise en charge - <button id="add-prise-en-charge-btn">Ajouter une prise en charge</button></li>
322
        </ul>
323
       </div>
324

    
325
      </div>
326

    
327
      <div id="patient-traitement-charge" style="display: none;">
328

    
329
       <div class="frame">
330
       <h3>En diagnostic depuis le 2 avril 2008</h3>
331
       <ul>
332
       <li><strong>3</strong> actes réalisés et facturés <button class="blind">détails</button>
333
         <ul>
334
          <li>Facturation <strong>28</strong> (assuré: Sophie Fonfec) - <strong>3</strong> actes
335
           <ul>
336
            <li>...</li>
337
           </ul></li>
338
         </ul>
339
         </li>
340
       </ul>
341
       </div>
342

    
343
       <div class="frame">
344
       <h3>En diagnostic depuis le 5 octobre 2010</h3>
345
       <ul>
346
       <li><strong>6</strong> actes réalisés et facturés <button class="blind">détails</button>
347
         <ul>
348
          <li>Facturation <strong>28</strong> (assuré: Sophie Fonfec) - <strong>6</strong> actes
349
           <ul>
350
            <li>...</li>
351
           </ul></li>
352
         </ul>
353
         </li>
354
       </ul>
355
       </div>
356

    
357
       <div class="frame">
358
        <h3>En traitement depuis le 12 décembre 2010</h3>
359
        <ul>
360
         <li>Prise en charge depuis le 12 décembre 2010
361
          <ul>
362
           <li><strong>30</strong> actes réalisés et facturés <button class="blind">détails</button>
363
            <ul><li>...</li></ul></li>
364
           <li><strong>10</strong> actes réalisés et facturés en prolongation <button class="blind">détails</button>
365
            <ul><li>...</li></ul></li>
366
           <li><strong>6</strong> actes réalisés et non pris en charge <button class="blind">détails</button>
367
            <ul><li>...</li></ul></li>
368
          </ul>
369
         </li>
370
         <li>Prise en charge depuis le 15 décembre 2011
371
          <ul>
372
           <li><strong>30</strong> actes réalisés et facturés <button class="blind">détails</button>
373
            <ul><li>...</li></ul></li>
374
           <li><strong>6</strong> actes réalisés non facturés <button class="blind">détails</button>
375
            <ul><li>...</li></ul></li>
376
           <li><button id="add-prolongation-btn">Ajouter une prolongation</button></li>
377
          </ul>
378
         </li>
379
        </ul>
380
       </div>
381

    
382

    
383
      </div>
384

    
385
      <div id="overlay">
386
      <p>
387
       Exemples pour cet onglet :
388
        <a href="#" onclick="$('#patient-diag').show(); $('#patient-traitement').hide(); $('#patient-traitement-charge').hide();">Patient en diagnostic</a> -
389
        <a href="#" onclick="$('#patient-diag').hide(); $('#patient-traitement').show(); $('#patient-traitement-charge').hide();">Patient en traitement</a> -
390
        <a href="#" onclick="$('#patient-diag').hide(); $('#patient-traitement').hide(); $('#patient-traitement-charge').show();">Patient en traitement avec prise en charge</a>
391
      </p>
392
      </div>
393

    
394
    </div>
395

    
396
    <!--
397
    <div id="tabs-5">
398
    </div>
399
    -->
400

    
401
    <div id="tabs-6">
402
    </div>
403

    
404
    <div id="tabs-7">
405
    </div>
406

    
407
    <div id="tabs-8">
408
    </div>
409
    </div>
410

    
411
    <div id="footer">
412
413
    </div>
414
  </div>
415

    
416
  <div id="dossier-change" style="display: none;">
417
   <form>
418
   <p>
419
   <label for="id_date">Date :</label>
420
   <input id="id_date" class="date" name="date" value="5/7/2012"/>
421
   </p>
422
   <p>
423
    <label for="id_comment">Commentaire :</label>
424
    <textarea id="id_comment" style="width: 90%;"></textarea>
425
   </p>
426
   </form>
427
  </div>
428

    
429
  <div id="dossier-histo-dlg" style="display: none;">
430
   <dl>
431
    <dt><b>20/05/2012</b> <small>(date info: 22/05/2012)</small></dt>
432
    <dd>
433
     <p><b>en diagnostic</b>; <label>commentaire:</label> bla bla bla bla</p>
434
     <p>changement manuel (par M. Tom)</p>
435
    </dd>
436
    <dt><b>10/05/2012</b></dt>
437
    <dd>
438
     <p><b>accueil</b>; <label>commentaire:</label> bla bla bla bla</p>
439
     <p>changement manuel (par M. Tom)</p>
440
    </dd>
441
   </dl>
442
  </div>
443

    
444
  <div id="new-address-dlg" style="display: none;">
445
   <form>
446
   <table>
447
   <tr>
448
   <td>
449
   <label for="id_numero">Numéro :</label><br/>
450
   <input id="id_numero" class="numero" name="numero" size="10"/>
451
   </td>
452
   <td>
453
   <label for="id_rue">Rue :</label><br/>
454
   <input id="id_rue" class="rue" name="rue" size="35"/>
455
   </td>
456
   </tr>
457
   <tr>
458
   <td>
459
   <label for="id_cp">Code postal :</label><br/>
460
   <input id="id_cp" class="cp" name="cp" size="10"/>
461
   </td>
462
   <td>
463
   <label for="id_ville">Ville :</label><br/>
464
   <input id="id_ville" class="ville" name="ville" size="35"/>
465
   </td>
466
   </tr>
467
   </table>
468
   <p>
469
   <br/>
470
   <label for="id_tel">Téléphone :</label>
471
   <input id="id_tel" class="tel" name="tel" size="35"/>
472
   <button>+</button>
473
   <p>
474
   <input type="checkbox">Lieu de vie</input>
475
   </p>
476
   </form>
477

    
478
  </div>
479

    
480
  <div id="add-prise-en-charge-dlg" style="display: none;">
481
   <div>
482
    <label for="id_partir">À partir du :</label>
483
    <input id="id_partir" class="partir" name="partir" size="10" value="11/06/2012"/>
484
   </div>
485
   <div>
486
    <label for="id_pour">Pour :</label>
487
    <input id="id_pour" class="pour" name="pour" size="4" value="30"/> séances
488
   </div>
489
  </div>
490

    
491
  <div id="add-prolongation-dlg" style="display: none;">
492
   <div>
493
    <label for="id_pour">Pour :</label>
494
    <input id="id_pour" class="pour" name="pour" size="4" value="10"/> actes
495
   </div>
496
  </div>
497

    
498
  </body>
499
</html>
(2-2/4)