61 lines
2.3 KiB
Twig
61 lines
2.3 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
@page { margin: 16px; }
|
|
body { font-family: DejaVu Sans, sans-serif; font-size: 10px; color: #000; }
|
|
h1 { font-size: 15px; margin: 0 0 2px; }
|
|
.meta { font-size: 9px; color: #555; margin-bottom: 8px; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { border: 1px solid #999; padding: 2px 1px; text-align: center; }
|
|
th { background: #d9d9d9; }
|
|
td.name, th.name { text-align: left; width: 145px; padding-left: 4px; padding-right: 6px; }
|
|
.sub { font-size: 9px; }
|
|
td.data, th.data { width: 34px; font-size: 9px; }
|
|
tr.site-title td { text-align: left; font-weight: bold; }
|
|
td.hours { white-space: nowrap; }
|
|
td.month-start, th.month-start { border-left: 2.5px solid #333; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Contingent heures de nuit — {{ year }}</h1>
|
|
<div class="meta">Édité le {{ exportedAt }}</div>
|
|
|
|
{% set months = ['Janv', 'Févr', 'Mars', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sept', 'Oct', 'Nov', 'Déc'] %}
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="name" rowspan="2">Nom</th>
|
|
{% for m in months %}
|
|
<th class="month-start" colspan="2">{{ m }}</th>
|
|
{% endfor %}
|
|
</tr>
|
|
<tr>
|
|
{% for m in months %}
|
|
<th class="sub data month-start">H.nuit</th>
|
|
<th class="sub data">N.jours</th>
|
|
{% endfor %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for group in groups %}
|
|
<tr class="site-title">
|
|
<td colspan="25" style="background: {{ group.siteColor|default('#eee') }}">{{ group.siteName }}</td>
|
|
</tr>
|
|
{% for row in group.rows %}
|
|
<tr>
|
|
<td class="name">{{ row.employeeName }}</td>
|
|
{% for cell in row.cells %}
|
|
<td class="hours data month-start">{{ cell.hours }}</td>
|
|
<td class="data">{{ cell.days }}</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|