Elyos_FI_Back_Office/Template/tpl_emargement.html

76 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<body style="padding:20px 20px;padding-top:0px">
<div style="padding:0px;text-align:left;width:30%">
<img src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo" width="100px" /> </h2>
</div>
<div style="padding:0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:1.5rem;padding: 0px">
<div style="width:100%">
<div style="text-align:center;">
<nav style="text-align:center;font-weight: bold;"> Liste d'emargement </nav>
<hr />
<div style="padding:12px 0px;text-align:center;font-family:Georgia, 'Times New Roman', Times, serif;color#454349;font-size:0.9rem;font-weight: bold;">
Formation : {{json_data.title}} <br />
Date : {{json_data.date}}
</div>
<div style="padding:12px 0px;text-align:left;font-family:Georgia, 'Times New Roman', Times, serif;color:#454349;font-size:0.9rem;width:100%;float:right;text-align:left;">
<table style="width:100%;border: 1px solid black;padding: 0px; text-align:left;">
<tr style="border: 1px solid black;padding: 0px; padding-top:5px; text-align: left;padding-left: 1px;">
<th style="text-align:center;border: 1px solid black;text-align:left;">Date</th>
<th style="text-align:center;border: 1px solid black;text-align:left;">Nom</th>
<th style="text-align:center;border: 1px solid black;text-align:left;">Prénom</th>
<th style="text-align:center;border: 1px solid black;width: 10%;">Matin</th>
<th style="text-align:center;border: 1px solid black;width: 10%;">Apres Midi</th>
<th style="text-align:center;border: 1px solid black; width: 10%;">Signature</th>
</tr>
{% if users %}
{% for user in users %}
<tr style="border: 1px solid black; padding-top: 3px; padding-bottom: 1px;text-align:left;padding-left: 1px;">
<td style="text-align:center;border: 1px solid black;text-align:left;">{{user.date}}</td>
<td style="text-align:center;border: 1px solid black;text-align:left;">{{user.nom}}</td>
<td style="text-align:center;border: 1px solid black;text-align:left;">{{user.prenom}}</td>
{% if user.matin %}
<td style="text-align:center;border: 1px solid black;width: 10%;"> X </td>
{% else %}
<td style="text-align:center;border: 1px solid black;width: 10%;"> &nbsp; </td>
{% endif %}
{% if user.apresmidi %}
<td style="text-align:center;border: 1px solid black;width: 10%;"> X </td>
{% else %}
<td style="text-align:center;border: 1px solid black;width: 10%;"> &nbsp; </td>
{% endif %}
<td style="text-align:center;border: 1px solid black;width: 10%;">&nbsp;</td>
</tr>
{% endfor %}
{% endif %}
</table>
</div>
</div>
<br/>
<div style="height:15rem;"> &nbsp; </div>
</div>
</div>
<hr />
</body>
</html>