calebasse/mockups/sessad-facturation.html @ ff25533d
| 92899e88 | Frédéric Péters | <!DOCTYPE html>
|
|
<html lang="fr">
|
|||
<head>
|
|||
<meta charset="utf-8"/>
|
|||
<title>APS42 — Facturation et décompte</title>
|
|||
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
|
|||
<link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
|
|||
<script src="js/jquery-1.7.2.min.js"></script>
|
|||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
|||
<script src="development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
|
|||
<script>
|
|||
</script>
|
|||
</head>
|
|||
<body>
|
|||
<div id="wrap-large">
|
|||
<div id="header">
|
|||
| d79295fb | Frédéric Péters | <h1><a href="accueil.html">APS 42</a></h1>
|
|
| e59f131b | Frédéric Péters | <span>Décompte - SESSAD TED</span>
|
|
| 92899e88 | Frédéric Péters | </div>
|
|
<div id="splash" class="sessad-ted">
|
|||
<div id="user-links">
|
|||
<a href="connexion.html">Déconnexion</a>
|
|||
</div>
|
|||
</div>
|
|||
<div id="content">
|
|||
<div id="appbar">
|
|||
<h2>Facturation et décompte</h2>
|
|||
<a href="accueil.html">Retourner à l'accueil</a>
|
|||
</div>
|
|||
<ul>
|
|||
| e59f131b | Frédéric Péters | <li><label>Décompte en cours :</label> <a href="decompte-123.html">123</a> à partir du
|
|
| 92899e88 | Frédéric Péters | 6 juillet 2012</li>
|
|
| e59f131b | Frédéric Péters | <li><label>Dernier décompte :</label> <a href="#">122</a> du 6 juin au
|
|
| 92899e88 | Frédéric Péters | 5 juillet 2012</li>
|
|
</ul>
|
|||
<form>
|
|||
| e59f131b | Frédéric Péters | Afficher le décompte : <input size="4"/> <button>OK</button>
|
|
| 92899e88 | Frédéric Péters | </form>
|
|
| e59f131b | Frédéric Péters | <h3>Récapitulatif des décomptes</h3>
|
|
| 92899e88 | Frédéric Péters | ||
<table id="tableau-recap-facturation">
|
|||
<thead>
|
|||
<tr>
|
|||
<td rowspan="2"></td>
|
|||
<th rowspan="2">2009<br/>et avant</th>
|
|||
<th rowspan="2">2010</th>
|
|||
<th rowspan="2">2011</th>
|
|||
<th colspan="13">2012</th>
|
|||
<th rowspan="2">Total</th>
|
|||
</tr>
|
|||
<tr>
|
|||
<th>01</th>
|
|||
<th>02</th>
|
|||
<th>03</th>
|
|||
<th>04</th>
|
|||
<th>05</th>
|
|||
<th>06</th>
|
|||
<th>07</th>
|
|||
<th>08</th>
|
|||
<th>09</th>
|
|||
<th>10</th>
|
|||
<th>11</th>
|
|||
<th>12</th>
|
|||
<th>Total</th>
|
|||
</tr>
|
|||
</thead>
|
|||
<tbody>
|
|||
<tr id="total-row">
|
|||
<th>Total</th>
|
|||
<td>5931</td>
|
|||
<td>6181</td>
|
|||
<td>6212</td>
|
|||
<td>600</td>
|
|||
<td>601</td>
|
|||
<td>602</td>
|
|||
<td>603</td>
|
|||
<td>604</td>
|
|||
<td>605</td>
|
|||
<td>50</td>
|
|||
<td>60</td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td>3020</td>
|
|||
<td>21344</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<th><a href="#">100</a></th>
|
|||
<td>5079</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>5079</td>
|
|||
</tr>
|
|||
<tr>
|
|||
<th><a href="#">...</a></th>
|
|||
<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>
|
|||
</tr>
|
|||
<tr>
|
|||
<th><a href="#">...</a></th>
|
|||
<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>
|
|||
</tr>
|
|||
<tr>
|
|||
<th><a href="facturation-124.html">124</a></th>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td>7</td>
|
|||
<td>1</td>
|
|||
<td>1</td>
|
|||
<td>3</td>
|
|||
<td>7</td>
|
|||
<td>5</td>
|
|||
<td>14</td>
|
|||
<td>23</td>
|
|||
<td>45</td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td>91</td>
|
|||
<td>91</td>
|
|||
</tr>
|
|||
</tbody>
|
|||
<tfoot>
|
|||
<tr>
|
|||
| e59f131b | Frédéric Péters | <th>Non décomptés</th>
|
|
| 92899e88 | Frédéric Péters | <td>-1</td>
|
|
<td>1</td>
|
|||
<td>9</td>
|
|||
<td>5</td>
|
|||
<td>3</td>
|
|||
<td>9</td>
|
|||
<td>7</td>
|
|||
<td>12</td>
|
|||
<td>24</td>
|
|||
<td>6</td>
|
|||
<td>15</td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td></td>
|
|||
<td>90</td>
|
|||
<td>90</td>
|
|||
</tr>
|
|||
</tfoot>
|
|||
</table>
|
|||
</div>
|
|||
<div id="footer">
|
|||
—
|
|||
</div>
|
|||
</div>
|
|||
</body>
|
|||
</html>
|