Project

General

Profile

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

calebasse / mockups / sessad-facturation.html @ 0d4bf0b4

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Facturation et décompte</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
    </script>
14
  </head>
15
  <body>
16
  <div id="wrap-large">
17
    <div id="header">
18
      <h1><a href="accueil.html">APS 42</a></h1>
19
      <span>Décompte - SESSAD TED</span>
20
    </div>
21
    <div id="splash" class="sessad-ted">
22
      <div id="user-links">
23
        <a href="connexion.html">Déconnexion</a>
24
      </div>
25
    </div>
26
    <div id="content">
27

    
28
    <div id="appbar">
29
    <h2>Facturation et décompte</h2>
30
    <a href="accueil.html">Retourner à l'accueil</a>
31
    </div>
32

    
33
    <ul>
34
     <li><label>Décompte en cours :</label> <a href="decompte-123.html">123</a> à partir du
35
     6 juillet 2012</li>
36
     <li><label>Dernier décompte :</label> <a href="#">122</a> du 6 juin au
37
     5 juillet 2012</li>
38
    </ul>
39

    
40
    <form>
41
     Afficher le décompte : <input size="4"/> <button>OK</button>
42
    </form>
43

    
44
    <h3>Récapitulatif des décomptes</h3>
45

    
46
    <table id="tableau-recap-facturation">
47
     <thead>
48
      <tr>
49
       <td rowspan="2"></td>
50
       <th rowspan="2">2009<br/>et avant</th>
51
       <th rowspan="2">2010</th>
52
       <th rowspan="2">2011</th>
53
       <th colspan="13">2012</th>
54
       <th rowspan="2">Total</th>
55
      </tr>
56
      <tr>
57
       <th>01</th>
58
       <th>02</th>
59
       <th>03</th>
60
       <th>04</th>
61
       <th>05</th>
62
       <th>06</th>
63
       <th>07</th>
64
       <th>08</th>
65
       <th>09</th>
66
       <th>10</th>
67
       <th>11</th>
68
       <th>12</th>
69
       <th>Total</th>
70
      </tr>
71
     </thead>
72
     <tbody>
73
      <tr id="total-row">
74
       <th>Total</th>
75
       <td>5931</td>
76
       <td>6181</td>
77
       <td>6212</td>
78
       <td>600</td>
79
       <td>601</td>
80
       <td>602</td>
81
       <td>603</td>
82
       <td>604</td>
83
       <td>605</td>
84
       <td>50</td>
85
       <td>60</td>
86
       <td></td>
87
       <td></td>
88
       <td></td>
89
       <td></td>
90
       <td>3020</td>
91
       <td>21344</td>
92
      </tr>
93

    
94
      <tr>
95
       <th><a href="#">100</a></th>
96
       <td>5079</td>
97
       <td></td>
98
       <td></td>
99
       <td></td>
100
       <td></td>
101
       <td></td>
102
       <td></td>
103
       <td></td>
104
       <td></td>
105
       <td></td>
106
       <td></td>
107
       <td></td>
108
       <td></td>
109
       <td></td>
110
       <td></td>
111
       <td></td>
112
       <td>5079</td>
113
      </tr>
114

    
115
      <tr>
116
       <th><a href="#">...</a></th>
117
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
118
      </tr>
119

    
120
      <tr>
121
       <th><a href="#">...</a></th>
122
       <td</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
123
      </tr>
124

    
125
      <tr>
126
       <th><a href="facturation-124.html">124</a></th>
127
       <td></td>
128
       <td></td>
129
       <td>7</td>
130
       <td>1</td>
131
       <td>1</td>
132
       <td>3</td>
133
       <td>7</td>
134
       <td>5</td>
135
       <td>14</td>
136
       <td>23</td>
137
       <td>45</td>
138
       <td></td>
139
       <td></td>
140
       <td></td>
141
       <td></td>
142
       <td>91</td>
143
       <td>91</td>
144
      </tr>
145
     </tbody>
146

    
147
     <tfoot>
148

    
149
      <tr>
150
       <th>Non décomptés</th>
151
       <td>-1</td>
152
       <td>1</td>
153
       <td>9</td>
154
       <td>5</td>
155
       <td>3</td>
156
       <td>9</td>
157
       <td>7</td>
158
       <td>12</td>
159
       <td>24</td>
160
       <td>6</td>
161
       <td>15</td>
162
       <td></td>
163
       <td></td>
164
       <td></td>
165
       <td></td>
166
       <td>90</td>
167
       <td>90</td>
168
      </tr>
169

    
170
     </tfoot>
171

    
172
    </table>
173

    
174

    
175
    </div>
176

    
177
    <div id="footer">
178
179
    </div>
180
  </div>
181

    
182
  </body>
183
</html>
(18-18/23)