Project

General

Profile

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

calebasse / mockups / facturation-123.html @ 6dd0e299

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
                                                $("#appbar h2").text("Facturation 123 - du 6 juillet au 29 août 2012 - validée");
45
                                               } }]}
46
			);
47
			});
48

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

    
54
		$('#hide-dossiers-cb').click(function() {
55
			$('#dossier-bouclier').toggle('fold');
56
		});
57
	});
58
    </script>
59
  </head>
60
  <body>
61
  <div id="wrap-large">
62
    <div id="header">
63
      <h1>APS 42</h1>
64
      <span>Facturation - CMPP</span>
65
    </div>
66
    <div id="splash" class="cmpp">
67
      <div id="user-info">
68
        Dernière connexion le 4 juillet 2012 à 8h05
69
      </div>
70
      <div id="user-links">
71
        <a href="#">Changer de mot de passe</a>
72
        <a href="connexion.html">Déconnexion</a>
73
      </div>
74
      <div id="service-links">
75
        <a class="cmpp active" href="#">CMPP</a>
76
        <a class="camsp" href="#">CAMSP</a>
77
        <a class="sessad-ted" href="#">SESSAD TED</a>
78
        <a class="sessad-sys" href="#">SESSAD SYS</a>
79
      </div>
80
    </div>
81
    <div id="content">
82

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

    
91
    <div id="export-compta">
92
    </div>
93

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

    
120
    </div> <!-- #facturation-contents -->
121

    
122

    
123
    <div id="facturation-validee" style="display: none;">
124
     <p>
125
      <button>Export comptabilité</button>
126
     </p>
127

    
128
    <h3>Résumé</h3>
129
      <ul>
130
       <li>Actes facturés : 602
131
        <ul>
132
         <li>Dossiers concernés : 125</li>
133
         <li>Nombre de factures : 305</li>
134
        </ul></li>
135
      </ul>
136

    
137
    </div>
138

    
139

    
140
   <div id="dossiers">
141
    <h3>Dossiers concernés</h3>
142

    
143
    <p id="filtre-dossiers">
144
     <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>
145
    </p>
146

    
147
    <div id="dossiers-concernes">
148

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

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

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

    
191

    
192

    
193
    </div>
194

    
195
   </div>
196

    
197
    </div>
198

    
199
    <div id="footer">
200
201
    </div>
202
  </div>
203

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

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

    
224
  </body>
225
</html>
(8-8/18)