Project

General

Profile

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

calebasse / mockups / actes.html @ 0d4bf0b4

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Actes</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
		$('.date').datepicker();
15
		$('table#actes tr').click(function() {
16

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

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

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

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

    
60

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

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

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

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

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

    
133

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

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

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

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

    
171
    </div>
172

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

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

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

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

    
222
   </form>
223
  </div>
224

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

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

    
243
   <td width="50%">
244

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

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

    
258
  </div>
259

    
260
  </body>
261
</html>
(3-3/23)