Project

General

Profile

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

calebasse / calebasse / actes / templates / actes / act_list.html @ d4eb7e7f

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>
(3-3/4)