Projet

Général

Profil

Télécharger (6,73 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / mockups / decompte-123.html @ master

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Décompte 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
    </script>
61
  </head>
62
  <body>
63
  <div id="wrap-large">
64
    <div id="header">
65
      <h1><a href="accueil.html">APS 42</a></h1>
66
      <span>Décompte - SESSAD TED</span>
67
    </div>
68
    <div id="splash" class="sessad-ted">
69
      <div id="user-links">
70
        <a href="connexion.html">Déconnexion</a>
71
      </div>
72
    </div>
73
    <div id="content">
74

    
75
    <div id="appbar">
76
    <h2>Décompte 123 - en cours depuis le 6 juillet 2012</h2>
77
    <a href="sessad-facturation.html">Retourner aux décomptes</a>
78
    <button id="clore-off-btn">Clôre ce décompte</button>
79
    <button id="valider-btn" style="display: none;">Valider cette facturation</button>
80
    <button id="teletrans-btn" style="display: none;">Télétransmission à l'assurance maladie</button>
81
    </div>
82

    
83
    <div id="export-compta">
84
    </div>
85

    
86
    <div id="facturation-contents">
87
    <h3>Résumé</h3>
88
    <ul>
89
     <li>Actes décomptables : 142
90
      <ul>
91
       <li>Actes décomptés : 130
92
        <ul>
93
         <li>Dossiers concernés : 72</li>
94
        </ul></li>
95
       <li>Actes non décompté : 12
96
        <ul>
97
         <li>Dossiers concernés : 6
98
          <ul>
99
           <li>Notification manquante : 3</li>
100
           <li>Notification expirée : 3</li>
101
          </ul>
102
         </li>
103
        </ul>
104
       </li>
105
      </ul>
106
     </li>
107
    </ul>
108

    
109
    </div> <!-- #facturation-contents -->
110

    
111

    
112
    <div id="facturation-validee" style="display: none;">
113
     <p>
114
      <button>Export comptabilité</button>
115
     </p>
116

    
117
    <h3>Résumé</h3>
118
      <ul>
119
       <li>Actes facturés : 602
120
        <ul>
121
         <li>Dossiers concernés : 125</li>
122
         <li>Nombre de factures : 305</li>
123
        </ul></li>
124
      </ul>
125

    
126
    </div>
127

    
128

    
129
   <div id="dossiers">
130
    <h3>Dossiers concernés</h3>
131

    
132
    <p id="filtre-dossiers">
133
     <input type="checkbox" id="hide-dossiers-cb"><label for="hide-dossiers-cb">N'afficher que les dossiers avec des actes décomptables non décomptés</label></input>
134
    </p>
135

    
136
    <div id="dossiers-concernes">
137

    
138
     <div class="dossier facturable">
139
      <h3><a href="un-dossier.html">1234</a> Philippe Maurice - 02/05/2004</a></h3>
140
      <div class="info">
141
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
142
      </div>
143
      <p id="pause-fac"><span class="hi-fact">Notification manquante</span></p>
144
      <ul>
145
      <li><span>2 actes décomptables non décomptés</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
146
      </ul>
147
     </div>
148

    
149
     <div class="dossier facturable" id="dossier-bouba">
150
      <h3><a href="un-dossier.html">5678</a> David Hazelvoski - 04/05/2006</a></h3>
151
      <div class="info">
152
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
153
      </div>
154
      <p id="pause-fac"><span class="hi-fact">Notification expirée</span></p>
155
      <ul>
156
      <li>2 actes décomptables <button class="blind">détails</button><ul><li>...</li><li></ul></li>
157
      <li>2 actes décomptables non décomptés</span> <button class="blind">détails</button>
158
       <ul>
159
        <li>28/08/2012 - 8h00 - 45 min - Sylvain Mirouf - Analyse</li>
160
        <li>31/08/2012 - 9h30 - 60 min - Bob Dilane - Entretien</li>
161
       </ul>
162
      </li>
163
      </ul>
164
     </div>
165

    
166
     <div class="dossier" id="dossier-bouclier">
167
      <h3><a href="un-dossier.html">9012</a> Bob Ricard - 07/08/2011</a></h3>
168
      <div class="info">
169
      <p>Caisse 8 CPAM Saint-Etienne 1 23 45 67 890 12345</p>
170
      </div>
171
      <ul>
172
      <li><span>2 actes décomptables</span> <button class="blind">détails</button><ul><li>...</li><li></ul></li>
173
      </ul>
174
     </div>
175

    
176
    </div>
177

    
178
   </div>
179

    
180
    </div>
181

    
182
    <div id="footer">
183
184
    </div>
185
  </div>
186

    
187
  <div id="clore-dlg" style="display: none;">
188
   <form>
189
   <p>
190
    <label for="id_nom">Clôre la facturation 123 en date du :</label>
191
    <input id="id_nom" type="text" name="nom" value="29/08/2012"/>
192
   </p>
193
   <p>
194
    et commencer la facturation 124.
195
   </p>
196
   </form>
197
  </div>
198

    
199
  <div id="valider-dlg" style="display: none;">
200
   <form>
201
   <p>
202
    Valider la facturation de 602 actes sur 305 factures pour 125 dossiers.
203
   </p>
204
   </form>
205
  </div>
206

    
207
  </body>
208
</html>
(9-9/23)