Project

General

Profile

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

calebasse / mockups / facturation-123.html @ aff120df

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Facturation 123</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
		$('#clore-btn').click(function() {
15
			$('#clore-dlg').dialog({title: 'Clôre la facturation',
16
				width: '300px',
17
				  buttons: [ { text: "Annuler",
18
					       click: function() { $(this).dialog("close"); } },
19
					     { text: "Valider",
20
					       click: function() {
21
                                                $(this).dialog("close");
22
                                                $("#clore-btn").hide();
23
                                                $("#valider-btn").show();
24
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012");
25
                                               } }]}
26
			);
27
			});
28

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

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

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

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

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

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

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

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

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

    
126

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

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

    
141
    </div>
142

    
143

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

    
147
    <p id="filtre-dossiers">
148
     <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>
149
    </p>
150

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

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

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

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

    
195
    </div>
196

    
197
   </div>
198

    
199
    </div>
200

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

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

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

    
226

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

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

    
245
   <td width="50%">
246

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

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

    
260
  </div>
261

    
262

    
263
  </body>
264
</html>
(11-11/23)