Project

General

Profile

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

calebasse / mockups / validation-des-actes.html @ 0d4bf0b4

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Validation des 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

    
15
		$('#valider-btn').click(function() {
16
			$('#valider-dlg').dialog({title: 'Validation',
17
				width: '550px',
18
				  buttons: [ { text: "Annuler",
19
					       click: function() { $(this).dialog("close"); } },
20
					     { text: "Valider",
21
					       click: function() { parent.location='validation-des-actes-validee.html'; } }]}
22
			);
23
			});
24

    
25
		$('#annuler-btn').click(function() {
26
			$('#annuler-dlg').dialog({title: 'Annuler la validation',
27
				width: '550px',
28
				  buttons: [ { text: "Annuler",
29
					       click: function() { $(this).dialog("close"); } },
30
					     { text: "Valider",
31
					       click: function() { $(this).dialog("close"); } }]}
32
			);
33
			});
34

    
35
		$('.acte-btn').click(function() {
36
			$('#acte-dlg').dialog({title: 'Acte',
37
				  width: '500px',
38
				  buttons: [ { text: "Annuler",
39
					       click: function() { $(this).dialog("close"); } },
40
					     { text: "Enregistrer",
41
					       click: function() { $(this).dialog("close"); } }
42
					]}
43
			);
44
		});
45

    
46
	});
47
	</script>
48
  </head>
49
  <body>
50
  <div id="wrap-large">
51
    <div id="header">
52
      <h1><a href="accueil.html">APS 42</a></h1>
53
      <span>Agenda - CMPP</span>
54
    </div>
55
    <div id="splash" class="cmpp">
56
      <div id="user-links">
57
        <a href="connexion.html">Déconnexion</a>
58
      </div>
59
    </div>
60
    <div id="content">
61

    
62
    <div id="appbar">
63
    <h2>Validation des actes - 5 juillet 2012</h2>
64
    <a href="agenda.html">Retourner à l'agenda</a>
65
    <button id="valider-btn">Valider</button>
66
    <!--<button id="annuler-btn">Annuler la validation</button>-->
67
    </div>
68

    
69
   <div id="datesel" style="float: right;">
70
   <a href="#">««</a> <a href="#">«</a>
71
   <!-- <span>Jeudi 5 juillet 2012</span> -->
72
   <input id="agenda-date" value="Jeudi 5 juillet 2012"/>
73
   <a href="#">»</a> <a href="#">»»</a>
74
   </div>
75

    
76
    <ul>
77
     <li>Validation annulée le 24 août 2012 à 8h09</li>
78
     <li>Validé le 24 août 2012 à 8h05</li>
79
    </ul>
80

    
81
    <div id="actes">
82

    
83
     <div class="frame acte">
84
     <h3>08:00 - 45m - <strong>John Doe</strong> (1051) - <strong>Sylvie Legrand</strong> (28) - 3, 46, 52 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn"></button></h3>
85
     <p><strong>Absent</strong>, pointé le 24 août 2012 à 7h46. <button>Annuler le pointage</button></p>
86
     </div>
87

    
88
     <div class="frame acte">
89
     <h3>08:00 - 1h - <strong>Bob Dilane</strong> (3051) - <strong>Sylvain Mirouf</strong> (51) - 2 - <strong>Rééducation</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/> <button class="acte-btn"></button></h3>
90
     <p><strong>Absent</strong>, pointé le 24 août 2012 à 7h46. <button>Annuler le pointage</button></p>
91
     </div>
92

    
93
     <div class="frame acte">
94
     <h3>09:00 - 45m - <strong>Sabine Malouf</strong> (4048) - <strong>Norbert Lecuisto</strong> (12) - <strong>Synthèse</strong> <button class="acte-btn"></button></h3>
95
     <p><select><option>Absent</option></select> <button>Pointer</button></p>
96
     </div>
97

    
98
     <div class="frame acte">
99
     <h3>09:00 - 45m - <strong>Gomez Chavez</strong> (4049) - <strong>Sylvie Legrand</strong> (28) - 46 - <strong>Bilan</strong> <img title="Un commentaire existe" src="images/emblem-documents.png"/></span> <button class="acte-btn"></button></h3>
100
     <p><select><option>Absent</option></select> <button>Pointer</button></p>
101
     </div>
102

    
103
     <div class="frame acte">
104
     <h3>10:00 - 1h - <strong>Lechat Kitchyan</strong> (5012) - <strong>Martine Dupont</strong> (17) - <strong>Entretien</strong></span> <button class="acte-btn"></button></h3>
105
     <p><select><option>Absent</option></select> <button>Pointer</button></p>
106
     <p><em>Type d'acte non facturable</em></p>
107
     </div>
108

    
109

    
110
    </div>
111

    
112
    </div>
113

    
114
    <div id="footer">
115
116
    </div>
117
  </div>
118

    
119
  <div id="valider-dlg" style="display: none;">
120
   <h3>Bilan de la validation pour le 5 juillet 2012</h3>
121
   <ul>
122
    <li>Nombre d'actes : 123</li>
123
    <li>Actes pointés : 38
124
     <ul>
125
      <li>Absences : 32</li>
126
      <li>Annulation médecin : 6</li>
127
     </ul>
128
    </li>
129
    <li>Actes en double : <strong>5</strong></li>
130
    <li>Actes facturables : <strong>58</strong></li>
131
    <li>Actes de type non facturable : <strong>22</strong></li>
132
   </ul>
133
  </div>
134

    
135

    
136
  <div id="annuler-dlg" style="display: none;">
137
   <p>
138
    <strong>85</strong> actes validés seront à nouveau pointables.
139
   </p>
140
  </div>
141

    
142

    
143
  <div id="acte-dlg" style="display: none;">
144
   <p>1234 Bob Leponge (Traitement)</p>
145
   <p><select><option>(11) Ortophonie</option></select></p>
146
   <p>8 août 2012 - 17:15 - 45 minutes</p>
147

    
148
   <table>
149
   <tr><td width="50%">
150
   <h4>Intervenants</h4>
151
   <div id="intervenants">
152
    <ul>
153
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
154
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
155
    </ul>
156
    <a href="#">Ajouter</a><br/>
157
    <a href="#">Tout le monde</a>
158
   </div>
159
   </td>
160

    
161
   <td width="50%">
162

    
163
   <ul>
164
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
165
    <li>Acte validé le 10 août 2012 à 9h10</li>
166
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
167
   </ul>
168
   </td>
169
   </tr>
170
   </table>
171

    
172
   <br/>
173
   <br/>
174
   <textarea cols="50">Bla bla bla</textarea>
175

    
176
  </div>
177

    
178

    
179
  </body>
180
</html>
(23-23/23)