Project

General

Profile

« Previous | Next » 

Revision d4eb7e7f

Added by Jérôme Schneider about 12 years ago

templates: update names

View differences:

calebasse/actes/templates/acte/acte_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/actes/templates/acte/acte_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/actes/templates/acte/acte_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Actes</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
		$('.date').datepicker();
16
		$('table#actes tr').click(function() {
17

  
18
			$('#acte-dlg').dialog({title: 'Acte',
19
				  width: '500px',
20
				  buttons: [ { text: "Annuler",
21
					       click: function() { $(this).dialog("close"); } },
22
					     { text: "Enregistrer",
23
					       click: function() { $(this).dialog("close"); } }
24
					]}
25
			);
26

  
27
		});
28
		$('#new-acte').click(function() {
29
			$('#new-acte-dlg').dialog({title: 'Nouvel acte',
30
				  width: '550px',
31
				  buttons: [ { text: "Fermer",
32
					       click: function() { $(this).dialog("close"); } },
33
					     { text: "Ajouter",
34
					       click: function() { $(this).dialog("close"); } }
35
					]}
36
			);
37
			});
38

  
39
	});
40
	</script>
41
  </head>
42
  <body>
43
  <div id="wrap-large">
44
    <div id="header">
45
      <h1><a href="accueil.html">APS 42</a></h1>
46
      <span>Actes - CMPP</span>
47
    </div>
48
    <div id="splash" class="cmpp">
49
      <div id="user-links">
50
        <a href="connexion.html">Déconnexion</a>
51
      </div>
52
    </div>
53
    <div id="content">
54

  
55
    <div id="appbar">
56
    <h2>Saisie des actes</h2>
57
    <a href="accueil.html">Retourner à l'accueil</a>
58
    <button id="new-acte">Ajouter un acte</button>
59
    </div>
60

  
61

  
62
    <div id="sidebar">
63
     <div>
64
      <h3>Rechercher dans les actes</h3>
65
        <h4>Patient</h4>
66
       <label>Nom: <input type="text"/></label>
67
       <label>Numéro de dossier: <input type="text"/></label>
68
       <label>Numéro de sécu: <input type="text"/></label>
69
       <button>Rechercher</button>
70
       <h4>Thérapeute</h4>
71
       <label>Nom: <input type="text"/></label>
72
       <button>Rechercher</button>
73
     </div>
74
     <div id="filtre">
75
      <h3>Filtrer les actes</h3>
76
      <ul>
77
        <li><label><input checked="checked"  class="diag" type="checkbox"/>Non facturables</label></li>
78
        <li><label><input checked="checked"  class="fin-accueil" type="checkbox"/>Absences ou annulés</label></li>
79
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Perdus</label></li>
80
        <li><label><input checked="checked"  class="en-accueil" type="checkbox"/>Facturés</label></li>
81
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Dernière facturation</label></li>
82
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Facturation en cours</label></li>
83
        <li><button>Tous</button> <button>Aucun</button></li>
84
      </ul>
85
    </div>
86
   </div>
87

  
88
   <div class="content">
89
   <div id="datesel">
90
   <a href="#">««</a> <a href="#">«</a>
91
   <!-- <span>Jeudi 5 juillet 2012</span> -->
92
   <input id="agenda-date" value="Jeudi 5 juillet 2012"/>
93
   <a href="#">»</a> <a href="#">»»</a>
94
   </div>
95
   <br/>
96

  
97
   <table id="actes" class="main">
98
    <thead>
99
     <tr>
100
     <th>Dossier</th>
101
     <th>État</th>
102
     <th>Type d'acte</th>
103
     <th>Validation</th>
104
     <th>Facturation</th>
105
     <th>Thérapeuts</th>
106
     <th>Heure</th>
107
     <th>Durée</th>
108
     </tr>
109
    </thead>
110
    <tbody>
111

  
112
     <tr>
113
      <td>1234 Bob Léponge</td>
114
      <td>Traitement</td>
115
      <td>(11) Ortophonie</td>
116
      <td>Validé</td>
117
      <td>123-123456</td>
118
      <td>(10) Peyrard</td>
119
      <td>17:15</td>
120
      <td>00:45</td>
121
     </tr>
122

  
123
     <tr class="non-factu">
124
      <td>2345 Cindy Lop</td>
125
      <td>Traitement</td>
126
      <td>(29) Travail perso</td>
127
      <td>Non facturable<br/>Validé</td>
128
      <td></td>
129
      <td>(62) Grangy<br/>(81) Blondiau</td>
130
      <td>10:00</td>
131
      <td>01:00</td>
132
     </tr>
133

  
134

  
135
     <tr class="non-factu">
136
      <td>3456 Mark Spencer</td>
137
      <td>Traitement</td>
138
      <td>(29) Travail perso</td>
139
      <td>Non facturable<br/>Absence non excusée</td>
140
      <td></td>
141
      <td>(62) Grangy<br/>(81) Blondiau</td>
142
      <td>11:00</td>
143
      <td>01:00</td>
144
     </tr>
145

  
146
     <tr>
147
      <td>4567 John Doe</td>
148
      <td>Diagnostic</td>
149
      <td>(10) Entretien</td>
150
      <td>Validé</td>
151
      <td>124-en cours</td>
152
      <td>(5) Roudon</td>
153
      <td>14:15</td>
154
      <td>00:45</td>
155
     </tr>
156

  
157
     <tr class="non-factu">
158
      <td>5678 Philippe Maurice</td>
159
      <td>Traitement</td>
160
      <td>(16) Groupe langage</td>
161
      <td>Validé</td>
162
      <td>Acte perdu</td>
163
      <td>(11) Douare</td>
164
      <td>14:00</td>
165
      <td>01:00</td>
166
     </tr>
167

  
168
    </tbody>
169
   </table>
170
   </div>
171

  
172
    </div>
173

  
174
    <div id="footer">
175
176
    </div>
177
  </div>
178

  
179
  <div id="new-acte-dlg" style="display: none;">
180
   <form>
181
   <p>
182
   <label for="id_date">Date:</label>
183
   <input id="id_date" class="date" name="date" value="5/7/2012"/>
184
   </p>
185
   <table><tr><td>
186
   <p>
187
    <label for="id_debut">Heure de début :</label>
188
    <input id="id_debut" type="text" name="debut" maxlength="10"/>
189
   </p>
190
   </td><td>
191
   <p>
192
    <label for="id_fin">Heure de fin :</label>
193
    <input id="id_fin" type="text" name="fin" maxlength="10"/>
194
   </p>
195
   </td></tr>
196

  
197
   <tr>
198
   <td>
199
   <h4>Intervenants</h4>
200
   <div id="intervenants">
201
    <ul>
202
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
203
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
204
    </ul>
205
    <a href="#">Ajouter</a><br/>
206
    <a href="#">Tout le monde</a>
207
   </div>
208
   </td>
209
   <td>
210
   <h4>Patient</h4>
211
   <input name="patient"/>
212
   <a href="#">rechercher</a>
213

  
214
   <h4>Type d'acte</h4>
215
   <select>
216
    <option>Analyse</option>
217
    <option>Bla bla bla bla bla bla</option>
218
   </select>
219
   </td>
220
   </tr>
221
   </table>
222

  
223
   </form>
224
  </div>
225

  
226
  <div id="acte-dlg" style="display: none;">
227
   <p>1234 Bob Leponge (Traitement)</p>
228
   <p><select><option>(11) Ortophonie</option></select></p>
229
   <p>8 août 2012 - 17:15 - 45 minutes</p>
230

  
231
   <table>
232
   <tr><td width="50%">
233
   <h4>Intervenants</h4>
234
   <div id="intervenants">
235
    <ul>
236
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
237
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
238
    </ul>
239
    <a href="#">Ajouter</a><br/>
240
    <a href="#">Tout le monde</a>
241
   </div>
242
   </td>
243

  
244
   <td width="50%">
245

  
246
   <ul>
247
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
248
    <li>Acte validé le 10 août 2012 à 9h10</li>
249
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
250
   </ul>
251
   </td>
252
   </tr>
253
   </table>
254

  
255
   <br/>
256
   <br/>
257
   <textarea cols="50">Bla bla bla</textarea>
258

  
259
  </div>
260

  
261
  </body>
262
</html>
calebasse/actes/templates/acte/acte_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/actes/templates/actes/act_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/actes/templates/actes/act_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/actes/templates/actes/act_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Actes</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
		$('.date').datepicker();
16
		$('table#actes tr').click(function() {
17

  
18
			$('#acte-dlg').dialog({title: 'Acte',
19
				  width: '500px',
20
				  buttons: [ { text: "Annuler",
21
					       click: function() { $(this).dialog("close"); } },
22
					     { text: "Enregistrer",
23
					       click: function() { $(this).dialog("close"); } }
24
					]}
25
			);
26

  
27
		});
28
		$('#new-acte').click(function() {
29
			$('#new-acte-dlg').dialog({title: 'Nouvel acte',
30
				  width: '550px',
31
				  buttons: [ { text: "Fermer",
32
					       click: function() { $(this).dialog("close"); } },
33
					     { text: "Ajouter",
34
					       click: function() { $(this).dialog("close"); } }
35
					]}
36
			);
37
			});
38

  
39
	});
40
	</script>
41
  </head>
42
  <body>
43
  <div id="wrap-large">
44
    <div id="header">
45
      <h1><a href="accueil.html">APS 42</a></h1>
46
      <span>Actes - CMPP</span>
47
    </div>
48
    <div id="splash" class="cmpp">
49
      <div id="user-links">
50
        <a href="connexion.html">Déconnexion</a>
51
      </div>
52
    </div>
53
    <div id="content">
54

  
55
    <div id="appbar">
56
    <h2>Saisie des actes</h2>
57
    <a href="accueil.html">Retourner à l'accueil</a>
58
    <button id="new-acte">Ajouter un acte</button>
59
    </div>
60

  
61

  
62
    <div id="sidebar">
63
     <div>
64
      <h3>Rechercher dans les actes</h3>
65
        <h4>Patient</h4>
66
       <label>Nom: <input type="text"/></label>
67
       <label>Numéro de dossier: <input type="text"/></label>
68
       <label>Numéro de sécu: <input type="text"/></label>
69
       <button>Rechercher</button>
70
       <h4>Thérapeute</h4>
71
       <label>Nom: <input type="text"/></label>
72
       <button>Rechercher</button>
73
     </div>
74
     <div id="filtre">
75
      <h3>Filtrer les actes</h3>
76
      <ul>
77
        <li><label><input checked="checked"  class="diag" type="checkbox"/>Non facturables</label></li>
78
        <li><label><input checked="checked"  class="fin-accueil" type="checkbox"/>Absences ou annulés</label></li>
79
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Perdus</label></li>
80
        <li><label><input checked="checked"  class="en-accueil" type="checkbox"/>Facturés</label></li>
81
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Dernière facturation</label></li>
82
        <li><label><input checked="checked"  class="traite" type="checkbox"/>Facturation en cours</label></li>
83
        <li><button>Tous</button> <button>Aucun</button></li>
84
      </ul>
85
    </div>
86
   </div>
87

  
88
   <div class="content">
89
   <div id="datesel">
90
   <a href="#">««</a> <a href="#">«</a>
91
   <!-- <span>Jeudi 5 juillet 2012</span> -->
92
   <input id="agenda-date" value="Jeudi 5 juillet 2012"/>
93
   <a href="#">»</a> <a href="#">»»</a>
94
   </div>
95
   <br/>
96

  
97
   <table id="actes" class="main">
98
    <thead>
99
     <tr>
100
     <th>Dossier</th>
101
     <th>État</th>
102
     <th>Type d'acte</th>
103
     <th>Validation</th>
104
     <th>Facturation</th>
105
     <th>Thérapeuts</th>
106
     <th>Heure</th>
107
     <th>Durée</th>
108
     </tr>
109
    </thead>
110
    <tbody>
111

  
112
     <tr>
113
      <td>1234 Bob Léponge</td>
114
      <td>Traitement</td>
115
      <td>(11) Ortophonie</td>
116
      <td>Validé</td>
117
      <td>123-123456</td>
118
      <td>(10) Peyrard</td>
119
      <td>17:15</td>
120
      <td>00:45</td>
121
     </tr>
122

  
123
     <tr class="non-factu">
124
      <td>2345 Cindy Lop</td>
125
      <td>Traitement</td>
126
      <td>(29) Travail perso</td>
127
      <td>Non facturable<br/>Validé</td>
128
      <td></td>
129
      <td>(62) Grangy<br/>(81) Blondiau</td>
130
      <td>10:00</td>
131
      <td>01:00</td>
132
     </tr>
133

  
134

  
135
     <tr class="non-factu">
136
      <td>3456 Mark Spencer</td>
137
      <td>Traitement</td>
138
      <td>(29) Travail perso</td>
139
      <td>Non facturable<br/>Absence non excusée</td>
140
      <td></td>
141
      <td>(62) Grangy<br/>(81) Blondiau</td>
142
      <td>11:00</td>
143
      <td>01:00</td>
144
     </tr>
145

  
146
     <tr>
147
      <td>4567 John Doe</td>
148
      <td>Diagnostic</td>
149
      <td>(10) Entretien</td>
150
      <td>Validé</td>
151
      <td>124-en cours</td>
152
      <td>(5) Roudon</td>
153
      <td>14:15</td>
154
      <td>00:45</td>
155
     </tr>
156

  
157
     <tr class="non-factu">
158
      <td>5678 Philippe Maurice</td>
159
      <td>Traitement</td>
160
      <td>(16) Groupe langage</td>
161
      <td>Validé</td>
162
      <td>Acte perdu</td>
163
      <td>(11) Douare</td>
164
      <td>14:00</td>
165
      <td>01:00</td>
166
     </tr>
167

  
168
    </tbody>
169
   </table>
170
   </div>
171

  
172
    </div>
173

  
174
    <div id="footer">
175
176
    </div>
177
  </div>
178

  
179
  <div id="new-acte-dlg" style="display: none;">
180
   <form>
181
   <p>
182
   <label for="id_date">Date:</label>
183
   <input id="id_date" class="date" name="date" value="5/7/2012"/>
184
   </p>
185
   <table><tr><td>
186
   <p>
187
    <label for="id_debut">Heure de début :</label>
188
    <input id="id_debut" type="text" name="debut" maxlength="10"/>
189
   </p>
190
   </td><td>
191
   <p>
192
    <label for="id_fin">Heure de fin :</label>
193
    <input id="id_fin" type="text" name="fin" maxlength="10"/>
194
   </p>
195
   </td></tr>
196

  
197
   <tr>
198
   <td>
199
   <h4>Intervenants</h4>
200
   <div id="intervenants">
201
    <ul>
202
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
203
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
204
    </ul>
205
    <a href="#">Ajouter</a><br/>
206
    <a href="#">Tout le monde</a>
207
   </div>
208
   </td>
209
   <td>
210
   <h4>Patient</h4>
211
   <input name="patient"/>
212
   <a href="#">rechercher</a>
213

  
214
   <h4>Type d'acte</h4>
215
   <select>
216
    <option>Analyse</option>
217
    <option>Bla bla bla bla bla bla</option>
218
   </select>
219
   </td>
220
   </tr>
221
   </table>
222

  
223
   </form>
224
  </div>
225

  
226
  <div id="acte-dlg" style="display: none;">
227
   <p>1234 Bob Leponge (Traitement)</p>
228
   <p><select><option>(11) Ortophonie</option></select></p>
229
   <p>8 août 2012 - 17:15 - 45 minutes</p>
230

  
231
   <table>
232
   <tr><td width="50%">
233
   <h4>Intervenants</h4>
234
   <div id="intervenants">
235
    <ul>
236
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
237
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
238
    </ul>
239
    <a href="#">Ajouter</a><br/>
240
    <a href="#">Tout le monde</a>
241
   </div>
242
   </td>
243

  
244
   <td width="50%">
245

  
246
   <ul>
247
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
248
    <li>Acte validé le 10 août 2012 à 9h10</li>
249
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
250
   </ul>
251
   </td>
252
   </tr>
253
   </table>
254

  
255
   <br/>
256
   <br/>
257
   <textarea cols="50">Bla bla bla</textarea>
258

  
259
  </div>
260

  
261
  </body>
262
</html>
calebasse/actes/templates/actes/act_new.html
1
{% extends "calebasse/popup.html %}
calebasse/dossiers/templates/dossier/dossier_confirm_delete.html
1
{% extends "calebasse/popup.html" %}
calebasse/dossiers/templates/dossier/dossier_edit.html
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>
calebasse/dossiers/templates/dossier/dossier_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Dossiers</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
		$('table#dossiers tr').click(function() {
16
			window.location = 'un-dossier.html';
17
		});
18
		$('#filtre input').click(function () {
19
			var states = new Array();
20
			$('#filtre input:checked').each(function() {
21
				states.push($(this).attr('class'));
22
			});
23
			$('table#dossiers tbody tr').each(function() {
24
				$(this).find(':nth-child(6)').each(function() {
25
					state = $(this).attr('class');
26
					if ($.inArray(state, states) != -1) {
27
						$(this).parent().show();
28
					} else {
29
						$(this).parent().hide();
30
					}
31
				});
32
			});
33
		});
34
		$('#new-dossier').click(function() {
35
			$('#homonyms').hide();
36
			$('#dossier-dlg').dialog({title: 'Nouveau dossier',
37
				  width: '500px',
38
				  buttons: [ { text: "Fermer",
39
					       click: function() { $(this).dialog("close"); } },
40
					     { text: "Ajouter",
41
					       click: function() {
42
						if ($('#homonyms').is(':visible')) {
43
					       	  $(this).dialog("close");
44
						} else {
45
						  $('#homonyms').show();
46
						}
47
					} }]}
48
			);
49
			});
50
		var tempScrollTop, currentScrollTop = 0;
51
		$(window).scroll(function() {
52
			/* load more rows when we reach the bottom of the table */
53
			currentScrollTop = $(window).scrollTop();
54
			if (tempScrollTop < currentScrollTop ) {
55
				if ($('#dossiers').offset().top + $('#dossiers').height() - $(window).scrollTop() - $(window).height() < 20) {
56
					$('#dossiers tbody').append($('#dossiers tbody tr').slice(0, 10).clone());
57
				}
58
			}
59
			tempScrollTop = currentScrollTop;
60
		});
61

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

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

  
89

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

  
98

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  
425
    </tbody>
426
   </table>
427

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

  
433
   </div>
434

  
435
    </div>
436

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

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

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

  
463
  </body>
464
</html>
calebasse/dossiers/templates/dossier/dossier_nouveau.html
1
{% extends "calebasse/popup.html" %}
calebasse/dossiers/templates/dossiers/patient_record_confirm_delete.html
1
{% extends "calebasse/popup.html" %}
calebasse/dossiers/templates/dossiers/patient_record_edit.html
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>
calebasse/dossiers/templates/dossiers/patient_record_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Dossiers</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
		$('table#dossiers tr').click(function() {
16
			window.location = 'un-dossier.html';
17
		});
18
		$('#filtre input').click(function () {
19
			var states = new Array();
20
			$('#filtre input:checked').each(function() {
21
				states.push($(this).attr('class'));
22
			});
23
			$('table#dossiers tbody tr').each(function() {
24
				$(this).find(':nth-child(6)').each(function() {
25
					state = $(this).attr('class');
26
					if ($.inArray(state, states) != -1) {
27
						$(this).parent().show();
28
					} else {
29
						$(this).parent().hide();
30
					}
31
				});
32
			});
33
		});
34
		$('#new-dossier').click(function() {
35
			$('#homonyms').hide();
36
			$('#dossier-dlg').dialog({title: 'Nouveau dossier',
37
				  width: '500px',
38
				  buttons: [ { text: "Fermer",
39
					       click: function() { $(this).dialog("close"); } },
40
					     { text: "Ajouter",
41
					       click: function() {
42
						if ($('#homonyms').is(':visible')) {
43
					       	  $(this).dialog("close");
44
						} else {
45
						  $('#homonyms').show();
46
						}
47
					} }]}
48
			);
49
			});
50
		var tempScrollTop, currentScrollTop = 0;
51
		$(window).scroll(function() {
52
			/* load more rows when we reach the bottom of the table */
53
			currentScrollTop = $(window).scrollTop();
54
			if (tempScrollTop < currentScrollTop ) {
55
				if ($('#dossiers').offset().top + $('#dossiers').height() - $(window).scrollTop() - $(window).height() < 20) {
56
					$('#dossiers tbody').append($('#dossiers tbody tr').slice(0, 10).clone());
57
				}
58
			}
59
			tempScrollTop = currentScrollTop;
60
		});
61

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

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

  
89

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

  
98

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  
425
    </tbody>
426
   </table>
427

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

  
433
   </div>
434

  
435
    </div>
436

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

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

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

  
463
  </body>
464
</html>
calebasse/dossiers/templates/dossiers/patient_record_new.html
1
{% extends "calebasse/popup.html" %}
calebasse/dossiers/urls.py
7 7

  
8 8
urlpatterns = patterns('',
9 9
    url(r'^$', ListView.as_view(model=PatientRecord)),
10
    url(r'^nouveau/$', CreateView.as_view(model=PatientRecord,
10
    url(r'^new/$', CreateView.as_view(model=PatientRecord,
11 11
        form_class=CreateDossierForm,
12
        template_name_suffix='_nouveau.html')),
12
        template_name_suffix='_new.html')),
13 13
    url(r'^(?P<pk>\d+)/$', UpdateView.as_view(model=PatientRecord,
14 14
        form_class=EditDossierForm,
15 15
        template_name_suffix='_edit.html')),
calebasse/facturation/templates/facturation/facturation_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/facturation/templates/facturation/facturation_edit.html
1
{% extends "calebasse/popup.html %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Facturation 123</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
		$('#clore-btn').click(function() {
16
			$('#clore-dlg').dialog({title: 'Clôre la facturation',
17
				width: '300px',
18
				  buttons: [ { text: "Annuler",
19
					       click: function() { $(this).dialog("close"); } },
20
					     { text: "Valider",
21
					       click: function() {
22
                                                $(this).dialog("close");
23
                                                $("#clore-btn").hide();
24
                                                $("#valider-btn").show();
25
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012");
26
                                               } }]}
27
			);
28
			});
29

  
30
		$('#valider-btn').click(function() {
31
			$('#valider-dlg').dialog({title: 'Valider la facturation',
32
				width: '300px',
33
				  buttons: [ { text: "Annuler",
34
					       click: function() { $(this).dialog("close"); } },
35
					     { text: "Valider",
36
					       click: function() {
37
                                                $(this).dialog("close");
38
                                                $("#valider-btn").hide();
39
                                                $('#teletrans-btn').show();
40
                                                $('#facturation-contents').hide();
41
                                                $('#facturation-validee').show();
42
                                                $('#filtre-dossiers').hide();
43
                                                $('#dossier-bouba').hide();
44
                                                $('#pause-fac').hide();
45
                                                $('.facturable').toggleClass('facturable');
46
                                                $('.dossier ul li span').text('2 actes facturés');
47
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012 - validée");
48
                                               } }]}
49
			);
50
			});
51

  
52
                $('button.blind').next().hide();
53
                $('button.blind').click(function() {
54
                        $(this).next().toggle('blind');
55
                });
56

  
57
		$('#hide-dossiers-cb').click(function() {
58
			$('#dossier-bouclier').toggle('fold');
59
		});
60

  
61
		$('.acte-btn').click(function() {
62
			$('#acte-dlg').dialog({title: 'Acte',
63
				  width: '500px',
64
				  buttons: [ { text: "Annuler",
65
					       click: function() { $(this).dialog("close"); } },
66
					     { text: "Enregistrer",
67
					       click: function() { $(this).dialog("close"); } }
68
					]}
69
			);
70
		});
71

  
72
	});
73
    </script>
74
  </head>
75
  <body>
76
  <div id="wrap-large">
77
    <div id="header">
78
      <h1><a href="accueil.html">APS 42</a></h1>
79
      <span>Facturation - CMPP</span>
80
    </div>
81
    <div id="splash" class="cmpp">
82
      <div id="user-links">
83
        <a href="connexion.html">Déconnexion</a>
84
      </div>
85
    </div>
86
    <div id="content">
87

  
88
    <div id="appbar">
89
    <h2>Facturation 123 - en cours depuis le 6 juillet 2012</h2>
90
    <a href="facturation.html">Retourner à facturation</a>
91
    <button id="clore-btn">Clôre cette facturation</button>
92
    <button id="valider-btn" style="display: none;">Valider cette facturation</button>
93
    <button id="teletrans-btn" style="display: none;">Télétransmission à l'assurance maladie</button>
94
    </div>
95

  
96
    <div id="export-compta">
97
    </div>
98

  
99
    <div id="facturation-contents">
100
    <h3>Résumé</h3>
101
    <ul>
102
     <li>Actes facturables : 652
103
      <ul>
104
       <li>Actes facturés : 602
105
        <ul>
106
         <li>Dossiers concernés : 125</li>
107
         <li>Nombre de factures : 305</li>
108
        </ul></li>
109
       <li>Actes non facturés : 50
110
        <ul>
111
         <li>Dossiers concernés : 12
112
          <ul>
113
           <li>Pause facturation : 7</li>
114
           <li>Quota des actes pris en charge dépassé : 2</li>
115
           <li>Prises en charge expirées : 2</li>
116
           <li>Pas de prise en charge : 1</li>
117
          </ul>
118
         </li>
119
        </ul>
120
       </li>
121
      </ul>
122
     </li>
123
    </ul>
124

  
125
    </div> <!-- #facturation-contents -->
126

  
127

  
128
    <div id="facturation-validee" style="display: none;">
129
     <p>
130
      <button>Export comptabilité</button>
131
     </p>
132

  
133
    <h3>Résumé</h3>
134
      <ul>
135
       <li>Actes facturés : 602
136
        <ul>
137
         <li>Dossiers concernés : 125</li>
138
         <li>Nombre de factures : 305</li>
139
        </ul></li>
140
      </ul>
141

  
142
    </div>
143

  
144

  
145
   <div id="dossiers">
146
    <h3>Dossiers concernés</h3>
147

  
148
    <p id="filtre-dossiers">
149
     <input type="checkbox" id="hide-dossiers-cb"><label for="hide-dossiers-cb">N'afficher que les dossiers avec des actes non facturés</label></input>
150
    </p>
151

  
152
    <div id="dossiers-concernes">
153

  
154
     <div class="frame dossier facturable">
155
      <h3><a href="un-dossier.html">1234/8652 Clarisse Denice - 02/05/1999</a></h3>
156
      <div class="info">
157
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
158
      <p>En diagnostic (6 actes) - 0 actes facturés</p>
159
      </div>
160
      <p id="pause-fac"><span class="hi-fact">Pause facturation (manuel - 28/08/2012)</span></p>
161
      <ul>
162
      <li><span>2 actes facturables</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
163
      </ul>
164
     </div>
165

  
166
     <div class="frame dossier facturable" id="dossier-bouba">
167
      <h3><a href="un-dossier.html">5678/7854 Bouba Lourson - 06/11/2006</a></h3>
168
      <div class="info">
169
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
170
      <p>En traitement (prise en charge 40 actes au 10/09/2011) (prolongation
171
      10 actes au 5/06/2012) - 38 actes facturés</p>
172
      </div>
173
      <ul>
174
      <li>2 actes facturables <button class="blind">détails</button><ul><li>...</li><li></ul></li>
175
      <li><span class="hi-fact">2 actes facturables non pris en charge</span> <button class="blind">détails</button>
176
       <ul>
177
        <li>28/08/2012 - 8h00 - 45 min - Sylvain Mirouf - Analyse <button class="flat acte-btn">Modifier</button></li>
178
        <li>31/08/2012 - 9h30 - 60 min - Bob Dilane - Entretien <button class="flat acte-btn">Modifier</button></li>
179
       </ul>
180
      </li>
181
      </ul>
182
     </div>
183

  
184
     <div class="frame dossier" id="dossier-bouclier">
185
      <h3><a href="un-dossier.html">9012/4567 Bouclier Guillaume - 05/12/2010</a></h3>
186
      <div class="info">
187
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
188
      <p>En traitement (prise en charge 30 actes au 15/11/2011)
189
      - 24 actes facturés</p>
190
      </div>
191
      <ul>
192
      <li><span>2 actes facturables</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
193
      </ul>
194
     </div>
195

  
196
    </div>
197

  
198
   </div>
199

  
200
    </div>
201

  
202
    <div id="footer">
203
204
    </div>
205
  </div>
206

  
207
  <div id="clore-dlg" style="display: none;">
208
   <form>
209
   <p>
210
    <label for="id_nom">Clôre la facturation 123 en date du :</label>
211
    <input id="id_nom" type="text" name="nom" value="29/08/2012"/>
212
   </p>
213
   <p>
214
    et commencer la facturation 124.
215
   </p>
216
   </form>
217
  </div>
218

  
219
  <div id="valider-dlg" style="display: none;">
220
   <form>
221
   <p>
222
    Valider la facturation de 602 actes sur 305 factures pour 125 dossiers.
223
   </p>
224
   </form>
225
  </div>
226

  
227

  
228
  <div id="acte-dlg" style="display: none;">
229
   <p>1234 Bob Leponge (Traitement)</p>
230
   <p><select><option>(11) Ortophonie</option></select></p>
231
   <p>8 août 2012 - 17:15 - 45 minutes</p>
232

  
233
   <table>
234
   <tr><td width="50%">
235
   <h4>Intervenants</h4>
236
   <div id="intervenants">
237
    <ul>
238
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
239
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
240
    </ul>
241
    <a href="#">Ajouter</a><br/>
242
    <a href="#">Tout le monde</a>
243
   </div>
244
   </td>
245

  
246
   <td width="50%">
247

  
248
   <ul>
249
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
250
    <li>Acte validé le 10 août 2012 à 9h10</li>
251
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
252
   </ul>
253
   </td>
254
   </tr>
255
   </table>
256

  
257
   <br/>
258
   <br/>
259
   <textarea cols="50">Bla bla bla</textarea>
260

  
261
  </div>
262

  
263

  
264
  </body>
265
</html>
calebasse/facturation/templates/facturation/facturation_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Facturation et décompte</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
    </script>
15
  </head>
16
  <body>
17
  <div id="wrap-large">
18
    <div id="header">
19
      <h1><a href="accueil.html">APS 42</a></h1>
20
      <span>Facturation - CMPP</span>
21
    </div>
22
    <div id="splash" class="cmpp">
23
      <div id="user-links">
24
        <a href="connexion.html">Déconnexion</a>
25
      </div>
26
    </div>
27
    <div id="content">
28

  
29
    <div id="appbar">
30
    <h2>Facturation et décompte</h2>
31
    <a href="accueil.html">Retourner à l'accueil</a>
32
    </div>
33

  
34
    <ul>
35
     <li><label>Facturation en cours :</label> <a href="facturation-123.html">123</a> à partir du
36
     6 juillet 2012</li>
37
     <li><label>Dernière facturation :</label> <a href="#">122</a> du 6 juin au
38
     5 juillet 2012</li>
39
    </ul>
40

  
41
    <form>
42
     Afficher la facturation : <input size="4"/> <button>OK</button>
43
    </form>
44

  
45
    <h3>Récapitulatif des facturations</h3>
46

  
47
    <table id="tableau-recap-facturation">
48
     <thead>
49
      <tr>
50
       <td rowspan="2"></td>
51
       <th rowspan="2">2009<br/>et avant</th>
52
       <th rowspan="2">2010</th>
53
       <th rowspan="2">2011</th>
54
       <th colspan="13">2012</th>
55
       <th rowspan="2">Total</th>
56
      </tr>
57
      <tr>
58
       <th>01</th>
59
       <th>02</th>
60
       <th>03</th>
61
       <th>04</th>
62
       <th>05</th>
63
       <th>06</th>
64
       <th>07</th>
65
       <th>08</th>
66
       <th>09</th>
67
       <th>10</th>
68
       <th>11</th>
69
       <th>12</th>
70
       <th>Total</th>
71
      </tr>
72
     </thead>
73
     <tbody>
74
      <tr id="total-row">
75
       <th>Total</th>
76
       <td>5931</td>
77
       <td>6181</td>
78
       <td>6212</td>
79
       <td>600</td>
80
       <td>601</td>
81
       <td>602</td>
82
       <td>603</td>
83
       <td>604</td>
84
       <td>605</td>
85
       <td>50</td>
86
       <td>60</td>
87
       <td></td>
88
       <td></td>
89
       <td></td>
90
       <td></td>
91
       <td>3020</td>
92
       <td>21344</td>
93
      </tr>
94

  
95
      <tr>
96
       <th><a href="#">100</a></th>
97
       <td>5079</td>
98
       <td></td>
99
       <td></td>
100
       <td></td>
101
       <td></td>
102
       <td></td>
103
       <td></td>
104
       <td></td>
105
       <td></td>
106
       <td></td>
107
       <td></td>
108
       <td></td>
109
       <td></td>
110
       <td></td>
111
       <td></td>
112
       <td></td>
113
       <td>5079</td>
114
      </tr>
115

  
116
      <tr>
117
       <th><a href="#">...</a></th>
118
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
119
      </tr>
120

  
121
      <tr>
122
       <th><a href="#">...</a></th>
123
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
124
      </tr>
125

  
126
      <tr>
127
       <th><a href="facturation-124.html">124</a></th>
128
       <td></td>
129
       <td></td>
130
       <td>7</td>
131
       <td>1</td>
132
       <td>1</td>
133
       <td>3</td>
134
       <td>7</td>
135
       <td>5</td>
136
       <td>14</td>
137
       <td>23</td>
138
       <td>45</td>
139
       <td></td>
140
       <td></td>
141
       <td></td>
142
       <td></td>
143
       <td>91</td>
144
       <td>91</td>
145
      </tr>
146
     </tbody>
147

  
148
     <tfoot>
149

  
150
      <tr>
151
       <th>Non facturés</th>
152
       <td>-1</td>
153
       <td>1</td>
154
       <td>9</td>
155
       <td>5</td>
156
       <td>3</td>
157
       <td>9</td>
158
       <td>7</td>
159
       <td>12</td>
160
       <td>24</td>
161
       <td>6</td>
162
       <td>15</td>
163
       <td></td>
164
       <td></td>
165
       <td></td>
166
       <td></td>
167
       <td>90</td>
168
       <td>90</td>
169
      </tr>
170

  
171
     </tfoot>
172

  
173
    </table>
174

  
175

  
176
    </div>
177

  
178
    <div id="footer">
179
180
    </div>
181
  </div>
182

  
183
  <div id="new-membre-dlg" style="display: none;">
184
   <form>
185
   <p>
186
    <label for="id_nom">Identifiant :</label>
187
    <input id="id_nom" type="text" name="nom"/>
188
   </p>
189
   <p>
190
    <label for="id_password">Mot de passe :</label>
191
    <input id="id_password" type="text" name="password"/>
192
   </p>
193
   <p>
194
    <label for="id_member">Membre du personnel associé :</label>
195
    <input id="id_member" type="text" name="member"/>
196
   </p>
197
   </form>
198
  </div>
199
  </body>
200
</html>
calebasse/facturation/templates/facturation/facturation_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/facturation/templates/facturation/invoice_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/facturation/templates/facturation/invoice_edit.html
1
{% extends "calebasse/popup.html %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Facturation 123</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
		$('#clore-btn').click(function() {
16
			$('#clore-dlg').dialog({title: 'Clôre la facturation',
17
				width: '300px',
18
				  buttons: [ { text: "Annuler",
19
					       click: function() { $(this).dialog("close"); } },
20
					     { text: "Valider",
21
					       click: function() {
22
                                                $(this).dialog("close");
23
                                                $("#clore-btn").hide();
24
                                                $("#valider-btn").show();
25
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012");
26
                                               } }]}
27
			);
28
			});
29

  
30
		$('#valider-btn').click(function() {
31
			$('#valider-dlg').dialog({title: 'Valider la facturation',
32
				width: '300px',
33
				  buttons: [ { text: "Annuler",
34
					       click: function() { $(this).dialog("close"); } },
35
					     { text: "Valider",
36
					       click: function() {
37
                                                $(this).dialog("close");
38
                                                $("#valider-btn").hide();
39
                                                $('#teletrans-btn').show();
40
                                                $('#facturation-contents').hide();
41
                                                $('#facturation-validee').show();
42
                                                $('#filtre-dossiers').hide();
43
                                                $('#dossier-bouba').hide();
44
                                                $('#pause-fac').hide();
45
                                                $('.facturable').toggleClass('facturable');
46
                                                $('.dossier ul li span').text('2 actes facturés');
47
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012 - validée");
48
                                               } }]}
49
			);
50
			});
51

  
52
                $('button.blind').next().hide();
53
                $('button.blind').click(function() {
54
                        $(this).next().toggle('blind');
55
                });
56

  
57
		$('#hide-dossiers-cb').click(function() {
58
			$('#dossier-bouclier').toggle('fold');
59
		});
60

  
61
		$('.acte-btn').click(function() {
62
			$('#acte-dlg').dialog({title: 'Acte',
63
				  width: '500px',
64
				  buttons: [ { text: "Annuler",
65
					       click: function() { $(this).dialog("close"); } },
66
					     { text: "Enregistrer",
67
					       click: function() { $(this).dialog("close"); } }
68
					]}
69
			);
70
		});
71

  
72
	});
73
    </script>
74
  </head>
75
  <body>
76
  <div id="wrap-large">
77
    <div id="header">
78
      <h1><a href="accueil.html">APS 42</a></h1>
79
      <span>Facturation - CMPP</span>
80
    </div>
81
    <div id="splash" class="cmpp">
82
      <div id="user-links">
83
        <a href="connexion.html">Déconnexion</a>
84
      </div>
85
    </div>
86
    <div id="content">
87

  
88
    <div id="appbar">
89
    <h2>Facturation 123 - en cours depuis le 6 juillet 2012</h2>
90
    <a href="facturation.html">Retourner à facturation</a>
91
    <button id="clore-btn">Clôre cette facturation</button>
92
    <button id="valider-btn" style="display: none;">Valider cette facturation</button>
93
    <button id="teletrans-btn" style="display: none;">Télétransmission à l'assurance maladie</button>
94
    </div>
95

  
96
    <div id="export-compta">
97
    </div>
98

  
99
    <div id="facturation-contents">
100
    <h3>Résumé</h3>
101
    <ul>
102
     <li>Actes facturables : 652
103
      <ul>
104
       <li>Actes facturés : 602
105
        <ul>
106
         <li>Dossiers concernés : 125</li>
107
         <li>Nombre de factures : 305</li>
108
        </ul></li>
109
       <li>Actes non facturés : 50
110
        <ul>
111
         <li>Dossiers concernés : 12
112
          <ul>
113
           <li>Pause facturation : 7</li>
114
           <li>Quota des actes pris en charge dépassé : 2</li>
115
           <li>Prises en charge expirées : 2</li>
116
           <li>Pas de prise en charge : 1</li>
117
          </ul>
118
         </li>
119
        </ul>
120
       </li>
121
      </ul>
122
     </li>
123
    </ul>
124

  
125
    </div> <!-- #facturation-contents -->
126

  
127

  
128
    <div id="facturation-validee" style="display: none;">
129
     <p>
130
      <button>Export comptabilité</button>
131
     </p>
132

  
133
    <h3>Résumé</h3>
134
      <ul>
135
       <li>Actes facturés : 602
136
        <ul>
137
         <li>Dossiers concernés : 125</li>
138
         <li>Nombre de factures : 305</li>
139
        </ul></li>
140
      </ul>
141

  
142
    </div>
143

  
144

  
145
   <div id="dossiers">
146
    <h3>Dossiers concernés</h3>
147

  
148
    <p id="filtre-dossiers">
149
     <input type="checkbox" id="hide-dossiers-cb"><label for="hide-dossiers-cb">N'afficher que les dossiers avec des actes non facturés</label></input>
150
    </p>
151

  
152
    <div id="dossiers-concernes">
153

  
154
     <div class="frame dossier facturable">
155
      <h3><a href="un-dossier.html">1234/8652 Clarisse Denice - 02/05/1999</a></h3>
156
      <div class="info">
157
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
158
      <p>En diagnostic (6 actes) - 0 actes facturés</p>
159
      </div>
160
      <p id="pause-fac"><span class="hi-fact">Pause facturation (manuel - 28/08/2012)</span></p>
161
      <ul>
162
      <li><span>2 actes facturables</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
163
      </ul>
164
     </div>
165

  
166
     <div class="frame dossier facturable" id="dossier-bouba">
167
      <h3><a href="un-dossier.html">5678/7854 Bouba Lourson - 06/11/2006</a></h3>
168
      <div class="info">
169
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
170
      <p>En traitement (prise en charge 40 actes au 10/09/2011) (prolongation
171
      10 actes au 5/06/2012) - 38 actes facturés</p>
172
      </div>
173
      <ul>
174
      <li>2 actes facturables <button class="blind">détails</button><ul><li>...</li><li></ul></li>
175
      <li><span class="hi-fact">2 actes facturables non pris en charge</span> <button class="blind">détails</button>
176
       <ul>
177
        <li>28/08/2012 - 8h00 - 45 min - Sylvain Mirouf - Analyse <button class="flat acte-btn">Modifier</button></li>
178
        <li>31/08/2012 - 9h30 - 60 min - Bob Dilane - Entretien <button class="flat acte-btn">Modifier</button></li>
179
       </ul>
180
      </li>
181
      </ul>
182
     </div>
183

  
184
     <div class="frame dossier" id="dossier-bouclier">
185
      <h3><a href="un-dossier.html">9012/4567 Bouclier Guillaume - 05/12/2010</a></h3>
186
      <div class="info">
187
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
188
      <p>En traitement (prise en charge 30 actes au 15/11/2011)
189
      - 24 actes facturés</p>
190
      </div>
191
      <ul>
192
      <li><span>2 actes facturables</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
193
      </ul>
194
     </div>
195

  
196
    </div>
197

  
198
   </div>
199

  
200
    </div>
201

  
202
    <div id="footer">
203
204
    </div>
205
  </div>
206

  
207
  <div id="clore-dlg" style="display: none;">
208
   <form>
209
   <p>
210
    <label for="id_nom">Clôre la facturation 123 en date du :</label>
211
    <input id="id_nom" type="text" name="nom" value="29/08/2012"/>
212
   </p>
213
   <p>
214
    et commencer la facturation 124.
215
   </p>
216
   </form>
217
  </div>
218

  
219
  <div id="valider-dlg" style="display: none;">
220
   <form>
221
   <p>
222
    Valider la facturation de 602 actes sur 305 factures pour 125 dossiers.
223
   </p>
224
   </form>
225
  </div>
226

  
227

  
228
  <div id="acte-dlg" style="display: none;">
229
   <p>1234 Bob Leponge (Traitement)</p>
230
   <p><select><option>(11) Ortophonie</option></select></p>
231
   <p>8 août 2012 - 17:15 - 45 minutes</p>
232

  
233
   <table>
234
   <tr><td width="50%">
235
   <h4>Intervenants</h4>
236
   <div id="intervenants">
237
    <ul>
238
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
239
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
240
    </ul>
241
    <a href="#">Ajouter</a><br/>
242
    <a href="#">Tout le monde</a>
243
   </div>
244
   </td>
245

  
246
   <td width="50%">
247

  
248
   <ul>
249
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
250
    <li>Acte validé le 10 août 2012 à 9h10</li>
251
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
252
   </ul>
253
   </td>
254
   </tr>
255
   </table>
256

  
257
   <br/>
258
   <br/>
259
   <textarea cols="50">Bla bla bla</textarea>
260

  
261
  </div>
262

  
263

  
264
  </body>
265
</html>
calebasse/facturation/templates/facturation/invoice_list.html
1
{% extends "calebasse/base.html" %}
2
<!DOCTYPE html>
3
<html lang="fr">
4
  <head>
5
    <meta charset="utf-8"/>
6
    <title>APS42 — Facturation et décompte</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
    </script>
15
  </head>
16
  <body>
17
  <div id="wrap-large">
18
    <div id="header">
19
      <h1><a href="accueil.html">APS 42</a></h1>
20
      <span>Facturation - CMPP</span>
21
    </div>
22
    <div id="splash" class="cmpp">
23
      <div id="user-links">
24
        <a href="connexion.html">Déconnexion</a>
25
      </div>
26
    </div>
27
    <div id="content">
28

  
29
    <div id="appbar">
30
    <h2>Facturation et décompte</h2>
31
    <a href="accueil.html">Retourner à l'accueil</a>
32
    </div>
33

  
34
    <ul>
35
     <li><label>Facturation en cours :</label> <a href="facturation-123.html">123</a> à partir du
36
     6 juillet 2012</li>
37
     <li><label>Dernière facturation :</label> <a href="#">122</a> du 6 juin au
38
     5 juillet 2012</li>
39
    </ul>
40

  
41
    <form>
42
     Afficher la facturation : <input size="4"/> <button>OK</button>
43
    </form>
44

  
45
    <h3>Récapitulatif des facturations</h3>
46

  
47
    <table id="tableau-recap-facturation">
48
     <thead>
49
      <tr>
50
       <td rowspan="2"></td>
51
       <th rowspan="2">2009<br/>et avant</th>
52
       <th rowspan="2">2010</th>
53
       <th rowspan="2">2011</th>
54
       <th colspan="13">2012</th>
55
       <th rowspan="2">Total</th>
56
      </tr>
57
      <tr>
58
       <th>01</th>
59
       <th>02</th>
60
       <th>03</th>
61
       <th>04</th>
62
       <th>05</th>
63
       <th>06</th>
64
       <th>07</th>
65
       <th>08</th>
66
       <th>09</th>
67
       <th>10</th>
68
       <th>11</th>
69
       <th>12</th>
70
       <th>Total</th>
71
      </tr>
72
     </thead>
73
     <tbody>
74
      <tr id="total-row">
75
       <th>Total</th>
76
       <td>5931</td>
77
       <td>6181</td>
78
       <td>6212</td>
79
       <td>600</td>
80
       <td>601</td>
81
       <td>602</td>
82
       <td>603</td>
83
       <td>604</td>
84
       <td>605</td>
85
       <td>50</td>
86
       <td>60</td>
87
       <td></td>
88
       <td></td>
89
       <td></td>
90
       <td></td>
91
       <td>3020</td>
92
       <td>21344</td>
93
      </tr>
94

  
95
      <tr>
96
       <th><a href="#">100</a></th>
97
       <td>5079</td>
98
       <td></td>
99
       <td></td>
100
       <td></td>
101
       <td></td>
102
       <td></td>
103
       <td></td>
104
       <td></td>
105
       <td></td>
106
       <td></td>
107
       <td></td>
108
       <td></td>
109
       <td></td>
110
       <td></td>
111
       <td></td>
112
       <td></td>
113
       <td>5079</td>
114
      </tr>
115

  
116
      <tr>
117
       <th><a href="#">...</a></th>
118
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
119
      </tr>
120

  
121
      <tr>
122
       <th><a href="#">...</a></th>
123
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
124
      </tr>
125

  
126
      <tr>
127
       <th><a href="facturation-124.html">124</a></th>
128
       <td></td>
129
       <td></td>
130
       <td>7</td>
131
       <td>1</td>
132
       <td>1</td>
133
       <td>3</td>
134
       <td>7</td>
135
       <td>5</td>
136
       <td>14</td>
137
       <td>23</td>
138
       <td>45</td>
139
       <td></td>
140
       <td></td>
141
       <td></td>
142
       <td></td>
143
       <td>91</td>
144
       <td>91</td>
145
      </tr>
146
     </tbody>
147

  
148
     <tfoot>
149

  
150
      <tr>
151
       <th>Non facturés</th>
152
       <td>-1</td>
153
       <td>1</td>
154
       <td>9</td>
155
       <td>5</td>
156
       <td>3</td>
157
       <td>9</td>
158
       <td>7</td>
159
       <td>12</td>
160
       <td>24</td>
161
       <td>6</td>
162
       <td>15</td>
163
       <td></td>
164
       <td></td>
165
       <td></td>
166
       <td></td>
167
       <td>90</td>
168
       <td>90</td>
169
      </tr>
170

  
171
     </tfoot>
172

  
173
    </table>
174

  
175

  
176
    </div>
177

  
178
    <div id="footer">
179
180
    </div>
181
  </div>
182

  
183
  <div id="new-membre-dlg" style="display: none;">
184
   <form>
185
   <p>
186
    <label for="id_nom">Identifiant :</label>
187
    <input id="id_nom" type="text" name="nom"/>
188
   </p>
189
   <p>
190
    <label for="id_password">Mot de passe :</label>
191
    <input id="id_password" type="text" name="password"/>
192
   </p>
193
   <p>
194
    <label for="id_member">Membre du personnel associé :</label>
195
    <input id="id_member" type="text" name="member"/>
196
   </p>
197
   </form>
198
  </div>
199
  </body>
200
</html>
calebasse/facturation/templates/facturation/invoice_new.html
1
{% extends "calebasse/popup.html %}
calebasse/facturation/urls.py
7 7

  
8 8
urlpatterns = patterns('',
9 9
    url(r'^$', ListView.as_view(model=Invoice)),
10
    url(r'^nouveau/$', CreateView.as_view(model=Invoice,
10
    url(r'^new/$', CreateView.as_view(model=Invoice,
11 11
        form_class=CreateInvoiceForm,
12
        template_name_suffix='_nouveau.html')),
12
        template_name_suffix='_new.html')),
13 13
    url(r'^(?P<pk>\d+)/$', UpdateView.as_view(model=Invoice,
14 14
        form_class=EditInvoiceForm,
15 15
        template_name_suffix='_edit.html')),
calebasse/personnes/templates/personnel/congeannuel_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/congeannuel_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/congeannuel_list.html
1
{% extends "calebasse/base.html" %}
calebasse/personnes/templates/personnel/congeannuel_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/index.html
1
{% extends "calebasse/base.html" %}
2

  
3
{% block header %}
4
  {{ block.super }}
5
  <span>Gestion des personnes - {{ service_name }}</span>
6
{% endblock %}
7

  
8
{% block appbar %}
9
  <h2>Gestion des personnes</h2>
10
  <a href="/">Retourner à l'accueil</a>
11
{% endblock %}
12

  
13
{% block content %}
14
    <h3>Personnel</h3>
15
    <ul>
16
     <li><a href="acces/">Accès</a></li>
17
      <!-- gestion des accès à l'application, une liste de comptes + la
18
	   possibilité de les attacher à un membre du personnel -->
19
     <li><a href="gestion/">Administration du personnel</a></li>
20
     <li><a href="conges/">Congés</a></li>
21
    </ul>
22
    <h3>Extérieurs</h3>
23

  
24
    <ul>
25
     <li><a href="intervenants-exterieurs/">Intervenants extérieurs</a></li>
26
     <li><a href="medecins-exterieurs/">Médecins extérieurs</a></li>
27
     <li><a href="professeurs-des-ecoles/">Professeurs des écoles</a></li>
28
    </ul>
29
{% endblock %}
calebasse/personnes/templates/personnel/personnel_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/personnel_edit.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Gestion du personnel</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
		$('#lundi').click(function() {
15
			$('#lundi-dlg').dialog({title: 'Plages du lundi',
16
				width: '950px',
17
				  buttons: [ { text: "Annuler",
18
					       click: function() { $(this).dialog("close"); } },
19
					     { text: "Valider",
20
					       click: function() { $(this).dialog("close"); } }]}
21
			);
22
			});
23
	});
24
	</script>
25
  </head>
26
  <body>
27
  <div id="wrap-large">
28
    <div id="header">
29
      <h1><a href="accueil.html">APS 42</a></h1>
30
      <span>Gestion - CMPP</span>
31
    </div>
32
    <div id="splash" class="cmpp">
33
      <div id="user-links">
34
        <a href="connexion.html">Déconnexion</a>
35
      </div>
36
    </div>
37
    <div id="content">
38

  
39
    <div id="appbar">
40
    <h2>Personnel - Durant François <span class="en-conge">(en congé jusqu'au 3 septembre)</span></h2>
41
    <a href="admin-personnel.html">Retourner à l'administration du personnel</a>
42
    <button>Supprimer</button>
43
    </div>
44

  
45
    <div id="info-membre">
46
     <div class="frame">
47
     <h3>État civil</h3>
48
     <button class="save">✔</button>
49
     <p><label>Nom :</label> <input value="Durant"/>
50
     <label>Prénom(s) :</label> <input value="François"/>
51
     <label>Genre :</label> <input value="M"/></p>
52
     </div>
53

  
54
     <div class="frame">
55
     <h3>Services</h3>
56
     <button class="save">✔</button>
57

  
58
     <p class="services">
59
     <input type="checkbox" checked="checked"><label>CMPP</label></input>
60
     <input type="checkbox" checked="checked"><label>CAMSP</label></input>
61
     <input type="checkbox"><label>SESSAD TED</label></input>
62
     <input type="checkbox"><label>SESSAD DYS</label></input>
63
     </p>
64

  
65
     </div>
66

  
67
     <div class="frame" id="schedule">
68
     <h3>Horaires de travail</h3>
69

  
70
     <table>
71
     <thead><tr><th id="lundi">Lundi</th><th>Mardi</th><th>Mercredi</th><th>Jeudi</th><th>Vendredi</th><th>Samedi</th><th>Dimanche</th></tr></thead>
72
     <tbody>
73
      <tr>
74
       <td>De 13h30 à 17h30</td>
75
       <td>De 8h30 à 12h30<br/>De 13h30 à 17h30</td>
76
       <td>-</td>
77
       <td>De 8h30 à 12h30<br/>De 13h30 à 17h30</td>
78
       <td>-</td>
79
       <td>-</td>
80
       <td>-</td>
81
      </tr>
82
     </tbody>
83
     </table>
84
     </div>
85

  
86
     <div class="frame">
87
     <h3>Congés</h3>
88
     <button class="save">✍</button>
89
     <ul>
90
      <li>Du 20 août au 3 septembre 2012 (en cours)</li>
91
      <li>Du 3 au 10 octobre 2012</li>
92
      <li>Du 24 décembre 2012 au 4 janvier 2013 (congés annuels)</li>
93
     </ul>
94
     </div>
95

  
96
    </div>
97

  
98
    <div id="footer">
99
100
    </div>
101
  </div>
102

  
103
  <div id="lundi-dlg" style="display: none;">
104
    <table>
105
    <tr>
106
    <th>Heure début</th> <th>Heure fin</th> <th>Date début</th> <th>Date fin</th> <th>Périodicité</th> <th>Services</th>
107
    </tr>
108
    <tr>
109
    <td><input value="13h30" size="8"/></td> <td><input value="17h30" size="8"/></td> <td><input value="20/04/2012" size="12"/></td> <td><input value="-" size="12"/></td> <td><select><option>Toutes les semaines</option></select></td> <td><select><option>CAMSP</option><option>CMPP</option><option>...</option><option>+</option></select></td> <td><button>-</button></td>
110
    </tr>
111

  
112
    <tr class="expired"> <td>13h30</td> <td>15h30</td> <td>2/01/2012</td> <td>14/04/2012</td> <td>2× par mois</td> <td>CAMSP</td> <td><button>déver.</button> </tr>
113
    </table>
114
    <button>+</button>
115
  </div>
116

  
117
  </body>
118
</html>
calebasse/personnes/templates/personnel/personnel_list.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Gestion du personnel</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#membres tr').click(function() {
15
			window.location = 'un-membre.html';
16
		});
17
		$('#new-membre').click(function() {
18
			$('#new-membre-dlg').dialog({title: 'Nouveau membre',
19
				  width: '500px',
20
				  buttons: [ { text: "Fermer",
21
					       click: function() { $(this).dialog("close"); } },
22
					     { text: "Ajouter",
23
					       click: function() {
24
					       $(this).dialog("close"); } } ]
25
					});
26
			});
27
	});
28
	</script>
29
  </head>
30
  <body>
31
  <div id="wrap-large">
32
    <div id="header">
33
      <h1><a href="accueil.html">APS 42</a></h1>
34
      <span>Gestion - CMPP</span>
35
    </div>
36
    <div id="splash" class="cmpp">
37
      <div id="user-links">
38
        <a href="connexion.html">Déconnexion</a>
39
      </div>
40
    </div>
41
    <div id="content">
42

  
43
    <div id="appbar">
44
    <h2>Gestion des personnes</h2>
45
    <a href="gestion-personnes.html">Retourner à la gestion des personnes</a>
46

  
47
    <button id="new-membre">Nouveau membre</button>
48
    <br/>&nbsp;
49
    </div>
50

  
51
    <div id="sidebar">
52
     <div>
53
      <h3>Rechercher dans les membres du personnel</h3>
54
       <label>Nom : <input type="text"/></label>
55
       <label>Prénom : <input type="text"/></label>
56
       <label>Profession : <input type="text"/></label>
57
       <button>Rechercher</button>
58
     </div>
59
     <div id="filtre">
60
      <h3>Afficher les personnes</h3>
61
      <ul>
62
        <li><label><input checked="checked" class="therapeutes" type="checkbox"/>Thérapeutes</label></li>
63
        <li><label><input checked="checked" class="non-therapeutes" type="checkbox"/>Non-thérapeutes</label></li>
64
      </ul>
65
    </div>
66
   </div>
67

  
68
   <div class="content">
69
   <table id="membres" class="main">
70
    <thead>
71
     <tr>
72
     <th>Nom</th>
73
     <th>Prénom</th>
74
     <th>Profession</th>
75
     <th>Services</th>
76
     <th>En congé</th>
77
     </tr>
78
    </thead>
79
    <tbody>
80

  
81
     <tr>
82
      <td>Dupont</td>
83
      <td>Gloria</td>
84
      <td>Secrétaire</td>
85
      <td>SESSAD TED</td>
86
      <td></td>
87
     </tr>
88

  
89
     <tr>
90
      <td>Durant</td>
91
      <td>François</td>
92
      <td>Neuropsychiatre</td>
93
      <td>CMPP / CAMSP</td>
94
      <td>×</td>
95
     </tr>
96

  
97
     <tr>
98
      <td>Maurier</td>
99
      <td>Stéphanie</td>
100
      <td>Généraliste</td>
101
      <td>CMPP</td>
102
      <td></td>
103
     </tr>
104

  
105
     <tr>
106
      <td>Hosseini</td>
107
      <td>Marcus</td>
108
      <td>Généraliste</td>
109
      <td>CAMSP</td>
110
      <td></td>
111
     </tr>
112

  
113

  
114
    </tbody>
115
   </table>
116
   </div>
117

  
118
    </div>
119

  
120
    <div id="footer">
121
122
    </div>
123
  </div>
124

  
125
  <div id="new-membre-dlg" style="display: none;">
126
   <form>
127
   <p>
128
    <label for="id_nom">Nom :</label>
129
    <input id="id_nom" type="text" name="nom"/>
130
   </p>
131
   <p>
132
    <label for="id_prenom">Prénom :</label>
133
    <input id="id_prenom" type="text" name="prenom"/>
134
   </p>
135
   </form>
136
  </div>
137
  </body>
138
</html>
calebasse/personnes/templates/personnel/personnel_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/user_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/user_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnel/user_list.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Accès</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
		$('#new-membre').click(function() {
15
			$('#new-membre-dlg').dialog({title: 'Nouvel accès',
16
				  width: '300px',
17
				  buttons: [ { text: "Fermer",
18
					       click: function() { $(this).dialog("close"); } },
19
					     { text: "Ajouter",
20
					       click: function() {
21
					       $(this).dialog("close"); } } ]
22
					});
23
			});
24
	});
25
	</script>
26
  </head>
27
  <body>
28
  <div id="wrap-large">
29
    <div id="header">
30
      <h1><a href="accueil.html">APS 42</a></h1>
31
      <span>Gestion - CMPP</span>
32
    </div>
33
    <div id="splash" class="cmpp">
34
      <div id="user-links">
35
        <a href="connexion.html">Déconnexion</a>
36
      </div>
37
    </div>
38
    <div id="content">
39

  
40
    <div id="appbar">
41
    <h2>Gestion des personnes — Accès</h2>
42
    <a href="gestion-personnes.html">Retourner à la gestion des personnes</a>
43

  
44
    <button id="new-membre">Nouvel accès</button>
45
    <br/>&nbsp;
46
    </div>
47

  
48
    <div id="sidebar">
49
     <div>
50
      <h3>Rechercher dans les comptes</h3>
51
       <label>Identifiant : <input type="text"/></label>
52
       <button>Rechercher</button>
53
     </div>
54
   </div>
55

  
56
   <div class="content">
57
   <table class="main">
58
    <thead>
59
     <tr>
60
     <th>Identifiant</th>
61
     <th>Courriel</th>
62
     <th>Fiche Personnel</th>
63
     </tr>
64
    </thead>
65
    <tbody>
66

  
67
     <tr>
68
      <td>fdurant</td>
69
      <td>fdurant@example.com</td>
70
      <td><a href="un-membre.html">Durant François</a>
71
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
72
     </tr>
73

  
74
     <tr>
75
      <td>smaurier</td>
76
      <td>smaurier@example.com</td>
77
      <td><a href="#">Maurier Stéphanie</a></td>
78
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
79
     </tr>
80

  
81
     <tr>
82
      <td>mhosseini</td>
83
      <td>mhosseini@example.com</td>
84
      <td><a href="#">Hosseini Marcus</a></td>
85
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
86
     </tr>
87

  
88
     <tr>
89
      <td>mates</td>
90
      <td>mates@entrouvert.com</td>
91
      <td>-</td>
92
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
93
     </tr>
94

  
95
    </tbody>
96
   </table>
97

  
98
   <h4>Comptes déactivés</h4>
99

  
100
   <table class="main">
101
    <thead>
102
     <tr>
103
     <th>Identifiant</th>
104
     <th>Courriel</th>
105
     <th>Fiche Personnel</th>
106
     </tr>
107
    </thead>
108
    <tbody>
109

  
110
     <tr>
111
      <td>gdupont</td>
112
      <td>gdupont@example.com</td>
113
      <td><a href="#">Dupont Gloria</a></td>
114
      <td><button>⎅</button> <button>+</button> <button>Histo</button></td>
115
     </tr>
116
    </tbody>
117
   </table>
118

  
119

  
120
   </div>
121

  
122
    </div>
123

  
124
    <div id="footer">
125
126
    </div>
127
  </div>
128

  
129
  <div id="new-membre-dlg" style="display: none;">
130
   <form>
131
   <p>
132
    <label for="id_nom">Identifiant :</label>
133
    <input id="id_nom" type="text" name="nom"/>
134
   </p>
135
   <p>
136
    <label for="id_password">Mot de passe :</label>
137
    <input id="id_password" type="text" name="password"/>
138
   </p>
139
   <p>
140
    <label for="id_member">Membre du personnel associé :</label>
141
    <select id="id_member" name="member">
142
     <option>aucun</option>
143
     <option>Bob Leponge</option>
144
     <option>...</option>
145
    </select>
146
   </p>
147
   </form>
148
  </div>
149
  </body>
150
</html>
calebasse/personnes/templates/personnel/user_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/congeannuel_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/congeannuel_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/congeannuel_list.html
1
{% extends "calebasse/base.html" %}
calebasse/personnes/templates/personnes/congeannuel_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/index.html
1
{% extends "calebasse/base.html" %}
2

  
3
{% block header %}
4
  {{ block.super }}
5
  <span>Gestion des personnes - {{ service_name }}</span>
6
{% endblock %}
7

  
8
{% block appbar %}
9
  <h2>Gestion des personnes</h2>
10
  <a href="/">Retourner à l'accueil</a>
11
{% endblock %}
12

  
13
{% block content %}
14
    <h3>Personnel</h3>
15
    <ul>
16
     <li><a href="acces/">Accès</a></li>
17
      <!-- gestion des accès à l'application, une liste de comptes + la
18
	   possibilité de les attacher à un membre du personnel -->
19
     <li><a href="gestion/">Administration du personnel</a></li>
20
     <li><a href="conges/">Congés</a></li>
21
    </ul>
22
    <h3>Extérieurs</h3>
23

  
24
    <ul>
25
     <li><a href="intervenants-exterieurs/">Intervenants extérieurs</a></li>
26
     <li><a href="medecins-exterieurs/">Médecins extérieurs</a></li>
27
     <li><a href="professeurs-des-ecoles/">Professeurs des écoles</a></li>
28
    </ul>
29
{% endblock %}
calebasse/personnes/templates/personnes/personnel_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/personnel_edit.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Gestion du personnel</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
		$('#lundi').click(function() {
15
			$('#lundi-dlg').dialog({title: 'Plages du lundi',
16
				width: '950px',
17
				  buttons: [ { text: "Annuler",
18
					       click: function() { $(this).dialog("close"); } },
19
					     { text: "Valider",
20
					       click: function() { $(this).dialog("close"); } }]}
21
			);
22
			});
23
	});
24
	</script>
25
  </head>
26
  <body>
27
  <div id="wrap-large">
28
    <div id="header">
29
      <h1><a href="accueil.html">APS 42</a></h1>
30
      <span>Gestion - CMPP</span>
31
    </div>
32
    <div id="splash" class="cmpp">
33
      <div id="user-links">
34
        <a href="connexion.html">Déconnexion</a>
35
      </div>
36
    </div>
37
    <div id="content">
38

  
39
    <div id="appbar">
40
    <h2>Personnel - Durant François <span class="en-conge">(en congé jusqu'au 3 septembre)</span></h2>
41
    <a href="admin-personnel.html">Retourner à l'administration du personnel</a>
42
    <button>Supprimer</button>
43
    </div>
44

  
45
    <div id="info-membre">
46
     <div class="frame">
47
     <h3>État civil</h3>
48
     <button class="save">✔</button>
49
     <p><label>Nom :</label> <input value="Durant"/>
50
     <label>Prénom(s) :</label> <input value="François"/>
51
     <label>Genre :</label> <input value="M"/></p>
52
     </div>
53

  
54
     <div class="frame">
55
     <h3>Services</h3>
56
     <button class="save">✔</button>
57

  
58
     <p class="services">
59
     <input type="checkbox" checked="checked"><label>CMPP</label></input>
60
     <input type="checkbox" checked="checked"><label>CAMSP</label></input>
61
     <input type="checkbox"><label>SESSAD TED</label></input>
62
     <input type="checkbox"><label>SESSAD DYS</label></input>
63
     </p>
64

  
65
     </div>
66

  
67
     <div class="frame" id="schedule">
68
     <h3>Horaires de travail</h3>
69

  
70
     <table>
71
     <thead><tr><th id="lundi">Lundi</th><th>Mardi</th><th>Mercredi</th><th>Jeudi</th><th>Vendredi</th><th>Samedi</th><th>Dimanche</th></tr></thead>
72
     <tbody>
73
      <tr>
74
       <td>De 13h30 à 17h30</td>
75
       <td>De 8h30 à 12h30<br/>De 13h30 à 17h30</td>
76
       <td>-</td>
77
       <td>De 8h30 à 12h30<br/>De 13h30 à 17h30</td>
78
       <td>-</td>
79
       <td>-</td>
80
       <td>-</td>
81
      </tr>
82
     </tbody>
83
     </table>
84
     </div>
85

  
86
     <div class="frame">
87
     <h3>Congés</h3>
88
     <button class="save">✍</button>
89
     <ul>
90
      <li>Du 20 août au 3 septembre 2012 (en cours)</li>
91
      <li>Du 3 au 10 octobre 2012</li>
92
      <li>Du 24 décembre 2012 au 4 janvier 2013 (congés annuels)</li>
93
     </ul>
94
     </div>
95

  
96
    </div>
97

  
98
    <div id="footer">
99
100
    </div>
101
  </div>
102

  
103
  <div id="lundi-dlg" style="display: none;">
104
    <table>
105
    <tr>
106
    <th>Heure début</th> <th>Heure fin</th> <th>Date début</th> <th>Date fin</th> <th>Périodicité</th> <th>Services</th>
107
    </tr>
108
    <tr>
109
    <td><input value="13h30" size="8"/></td> <td><input value="17h30" size="8"/></td> <td><input value="20/04/2012" size="12"/></td> <td><input value="-" size="12"/></td> <td><select><option>Toutes les semaines</option></select></td> <td><select><option>CAMSP</option><option>CMPP</option><option>...</option><option>+</option></select></td> <td><button>-</button></td>
110
    </tr>
111

  
112
    <tr class="expired"> <td>13h30</td> <td>15h30</td> <td>2/01/2012</td> <td>14/04/2012</td> <td>2× par mois</td> <td>CAMSP</td> <td><button>déver.</button> </tr>
113
    </table>
114
    <button>+</button>
115
  </div>
116

  
117
  </body>
118
</html>
calebasse/personnes/templates/personnes/personnel_list.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Gestion du personnel</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#membres tr').click(function() {
15
			window.location = 'un-membre.html';
16
		});
17
		$('#new-membre').click(function() {
18
			$('#new-membre-dlg').dialog({title: 'Nouveau membre',
19
				  width: '500px',
20
				  buttons: [ { text: "Fermer",
21
					       click: function() { $(this).dialog("close"); } },
22
					     { text: "Ajouter",
23
					       click: function() {
24
					       $(this).dialog("close"); } } ]
25
					});
26
			});
27
	});
28
	</script>
29
  </head>
30
  <body>
31
  <div id="wrap-large">
32
    <div id="header">
33
      <h1><a href="accueil.html">APS 42</a></h1>
34
      <span>Gestion - CMPP</span>
35
    </div>
36
    <div id="splash" class="cmpp">
37
      <div id="user-links">
38
        <a href="connexion.html">Déconnexion</a>
39
      </div>
40
    </div>
41
    <div id="content">
42

  
43
    <div id="appbar">
44
    <h2>Gestion des personnes</h2>
45
    <a href="gestion-personnes.html">Retourner à la gestion des personnes</a>
46

  
47
    <button id="new-membre">Nouveau membre</button>
48
    <br/>&nbsp;
49
    </div>
50

  
51
    <div id="sidebar">
52
     <div>
53
      <h3>Rechercher dans les membres du personnel</h3>
54
       <label>Nom : <input type="text"/></label>
55
       <label>Prénom : <input type="text"/></label>
56
       <label>Profession : <input type="text"/></label>
57
       <button>Rechercher</button>
58
     </div>
59
     <div id="filtre">
60
      <h3>Afficher les personnes</h3>
61
      <ul>
62
        <li><label><input checked="checked" class="therapeutes" type="checkbox"/>Thérapeutes</label></li>
63
        <li><label><input checked="checked" class="non-therapeutes" type="checkbox"/>Non-thérapeutes</label></li>
64
      </ul>
65
    </div>
66
   </div>
67

  
68
   <div class="content">
69
   <table id="membres" class="main">
70
    <thead>
71
     <tr>
72
     <th>Nom</th>
73
     <th>Prénom</th>
74
     <th>Profession</th>
75
     <th>Services</th>
76
     <th>En congé</th>
77
     </tr>
78
    </thead>
79
    <tbody>
80

  
81
     <tr>
82
      <td>Dupont</td>
83
      <td>Gloria</td>
84
      <td>Secrétaire</td>
85
      <td>SESSAD TED</td>
86
      <td></td>
87
     </tr>
88

  
89
     <tr>
90
      <td>Durant</td>
91
      <td>François</td>
92
      <td>Neuropsychiatre</td>
93
      <td>CMPP / CAMSP</td>
94
      <td>×</td>
95
     </tr>
96

  
97
     <tr>
98
      <td>Maurier</td>
99
      <td>Stéphanie</td>
100
      <td>Généraliste</td>
101
      <td>CMPP</td>
102
      <td></td>
103
     </tr>
104

  
105
     <tr>
106
      <td>Hosseini</td>
107
      <td>Marcus</td>
108
      <td>Généraliste</td>
109
      <td>CAMSP</td>
110
      <td></td>
111
     </tr>
112

  
113

  
114
    </tbody>
115
   </table>
116
   </div>
117

  
118
    </div>
119

  
120
    <div id="footer">
121
122
    </div>
123
  </div>
124

  
125
  <div id="new-membre-dlg" style="display: none;">
126
   <form>
127
   <p>
128
    <label for="id_nom">Nom :</label>
129
    <input id="id_nom" type="text" name="nom"/>
130
   </p>
131
   <p>
132
    <label for="id_prenom">Prénom :</label>
133
    <input id="id_prenom" type="text" name="prenom"/>
134
   </p>
135
   </form>
136
  </div>
137
  </body>
138
</html>
calebasse/personnes/templates/personnes/personnel_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/user_confirm_delete.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/user_edit.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/templates/personnes/user_list.html
1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Accès</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
		$('#new-membre').click(function() {
15
			$('#new-membre-dlg').dialog({title: 'Nouvel accès',
16
				  width: '300px',
17
				  buttons: [ { text: "Fermer",
18
					       click: function() { $(this).dialog("close"); } },
19
					     { text: "Ajouter",
20
					       click: function() {
21
					       $(this).dialog("close"); } } ]
22
					});
23
			});
24
	});
25
	</script>
26
  </head>
27
  <body>
28
  <div id="wrap-large">
29
    <div id="header">
30
      <h1><a href="accueil.html">APS 42</a></h1>
31
      <span>Gestion - CMPP</span>
32
    </div>
33
    <div id="splash" class="cmpp">
34
      <div id="user-links">
35
        <a href="connexion.html">Déconnexion</a>
36
      </div>
37
    </div>
38
    <div id="content">
39

  
40
    <div id="appbar">
41
    <h2>Gestion des personnes — Accès</h2>
42
    <a href="gestion-personnes.html">Retourner à la gestion des personnes</a>
43

  
44
    <button id="new-membre">Nouvel accès</button>
45
    <br/>&nbsp;
46
    </div>
47

  
48
    <div id="sidebar">
49
     <div>
50
      <h3>Rechercher dans les comptes</h3>
51
       <label>Identifiant : <input type="text"/></label>
52
       <button>Rechercher</button>
53
     </div>
54
   </div>
55

  
56
   <div class="content">
57
   <table class="main">
58
    <thead>
59
     <tr>
60
     <th>Identifiant</th>
61
     <th>Courriel</th>
62
     <th>Fiche Personnel</th>
63
     </tr>
64
    </thead>
65
    <tbody>
66

  
67
     <tr>
68
      <td>fdurant</td>
69
      <td>fdurant@example.com</td>
70
      <td><a href="un-membre.html">Durant François</a>
71
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
72
     </tr>
73

  
74
     <tr>
75
      <td>smaurier</td>
76
      <td>smaurier@example.com</td>
77
      <td><a href="#">Maurier Stéphanie</a></td>
78
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
79
     </tr>
80

  
81
     <tr>
82
      <td>mhosseini</td>
83
      <td>mhosseini@example.com</td>
84
      <td><a href="#">Hosseini Marcus</a></td>
85
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
86
     </tr>
87

  
88
     <tr>
89
      <td>mates</td>
90
      <td>mates@entrouvert.com</td>
91
      <td>-</td>
92
      <td><button>⎅</button> <button>-</button> <button>Histo</button></td>
93
     </tr>
94

  
95
    </tbody>
96
   </table>
97

  
98
   <h4>Comptes déactivés</h4>
99

  
100
   <table class="main">
101
    <thead>
102
     <tr>
103
     <th>Identifiant</th>
104
     <th>Courriel</th>
105
     <th>Fiche Personnel</th>
106
     </tr>
107
    </thead>
108
    <tbody>
109

  
110
     <tr>
111
      <td>gdupont</td>
112
      <td>gdupont@example.com</td>
113
      <td><a href="#">Dupont Gloria</a></td>
114
      <td><button>⎅</button> <button>+</button> <button>Histo</button></td>
115
     </tr>
116
    </tbody>
117
   </table>
118

  
119

  
120
   </div>
121

  
122
    </div>
123

  
124
    <div id="footer">
125
126
    </div>
127
  </div>
128

  
129
  <div id="new-membre-dlg" style="display: none;">
130
   <form>
131
   <p>
132
    <label for="id_nom">Identifiant :</label>
133
    <input id="id_nom" type="text" name="nom"/>
134
   </p>
135
   <p>
136
    <label for="id_password">Mot de passe :</label>
137
    <input id="id_password" type="text" name="password"/>
138
   </p>
139
   <p>
140
    <label for="id_member">Membre du personnel associé :</label>
141
    <select id="id_member" name="member">
142
     <option>aucun</option>
143
     <option>Bob Leponge</option>
144
     <option>...</option>
145
    </select>
146
   </p>
147
   </form>
148
  </div>
149
  </body>
150
</html>
calebasse/personnes/templates/personnes/user_nouveau.html
1
{% extends "calebasse/popup.html %}
calebasse/personnes/urls.py
12 12
    url(r'^$', ListView.as_view(model=User)),
13 13
    url(r'^nouveau/$', CreateView.as_view(model=User,
14 14
        form_class=CreateUserForm,
15
        template_name_suffix='_nouveau.html')),
15
        template_name_suffix='_new.html')),
16 16
    url(r'^(?P<pk>\d+)/$', UpdateView.as_view(model=User,
17 17
        form_class=EditUserForm,
18 18
        template_name_suffix='_edit.html')),
19
    url(r'^(?P<pk>\d+)/supprimer/$', DeleteView.as_view(model=User)),
19
    url(r'^(?P<pk>\d+)/delete/$', DeleteView.as_view(model=User)),
20 20
)
21 21

  
22 22

  
23 23
personne_patterns = patterns('',
24 24
    url(r'^$', ListView.as_view(model=Worker)),
25
    url(r'^nouveau/$', CreateView.as_view(model=Worker,
25
    url(r'^new/$', CreateView.as_view(model=Worker,
26 26
        form_class=CreatePersonnelForm,
27
        template_name_suffix='_nouveau.html')),
27
        template_name_suffix='_new.html')),
28 28
    url(r'^(?P<pk>\d+)/$', UpdateView.as_view(model=Worker,
29 29
        form_class=EditPersonnelForm,
30 30
        template_name_suffix='_edit.html')),
31
    url(r'^(?P<pk>\d+)/supprimer/$', DeleteView.as_view(model=Worker)),
31
    url(r'^(?P<pk>\d+)/delete/$', DeleteView.as_view(model=Worker)),
32 32
)
33 33

  
34 34

  
......
49 49
#)
50 50

  
51 51
urlpatterns = patterns('',
52
    url(r'^$', TemplateView.as_view(template_name='personnel/index.html')),
52
    url(r'^$', TemplateView.as_view(template_name='personnes/index.html')),
53 53
    url(r'^acces/', include(acces_patterns)),
54 54
    url(r'^gestion/', include(personne_patterns)),
55 55
    url(r'^conges/', include(personne_patterns)),
calebasse/ressources/templates/ressources/index.html
1
{% extends "calebasse/base.html" %}
2

  
3
{% block header %}
4
  {{ block.super }}
5
  <span>Gestion des ressources - {{ service_name }}</span>
6
{% endblock %}
7

  
8
{% block appbar %}
9
  <h2>Gestion des ressources</h2>
10
  <a href="/">Retourner à l'accueil</a>
11
{% endblock %}
12

  
13
{% block content %}
14
    <ul>
15
     <li><a href="#">Annexes d'établissement</a></li>
16
     <li><a href="#">Caisses d'assurances maladie</a></li>
17
     <li><a href="#">Compagnies de transport</a></li>
18
     <li><a href="#">Codes CFTMEA</a></li>
19
     <li><a href="#">Codes de non-facturation</a></li>
20
     <li><a href="#">Établissements</a></li>
21
     <li><a href="#">Lieux de scolarisation</a></li>
22
     <li><a href="#">Motifs d'inscription</a></li>
23
     <li><a href="#">Nationalités</a></li>
24
     <li><a href="#">Professions</a></li>
25
     <li><a href="#">Salles</a></li>
26
     <li><a href="#">Tarifs de séances</a></li>
27
     <li><a href="#">Types d'actes</a></li>
28
     <li><a href="#">Types d'autorités parentales</a></li>
29
     <li><a href="#">Types de conseilleurs</a></li>
30
     <li><a href="#">Types de gardes parentales</a></li>
31
     <li><a href="#">Types de séances</a></li>
32
     <li><a href="#">Types de situations familiales</a></li>
33
     <li><a href="#">Types de transports</a></li>
34
    </ul>
35
{% endblock %}
calebasse/ressources/urls.py
15 15
    url(r'^$',
16 16
        ListView.as_view(model=Office),
17 17
        name='annexe-etablissement'),
18
    url(r'^nouveau/$',
18
    url(r'^new/$',
19 19
        CreateView.as_view(model=Office,
20
        template_name_suffix='_default_nouveau.html'),
20
        template_name_suffix='_default_new.html'),
21 21
        name='annexe-etablissement-nouveau'),
22 22
    url(r'^(?P<pk>\d+)/$',
23 23
        UpdateView.as_view(model=Office,
24 24
        template_name_suffix='_edit.html'),
25 25
        name='annexe-etablissement-edit'),
26
    url(r'^(?P<pk>\d+)/supprimer/$',
26
    url(r'^(?P<pk>\d+)/delete/$',
27 27
        DeleteView.as_view(model=Office),
28 28
        name='annexe-etablissement-supprimer'),
29 29
)

Also available in: Unified diff