6f6c7f154e
App web de suivi des heures de travail (FastAPI + HTMX + JSON plats). - Saisie inline par semaine avec bouton ✓ par ligne - Congés MA/AM/J avec coloration cellule et mise à jour live via OOB HTMX - Import fichier ODS badgeuse - Solde semaine et solde global recalculés à la volée - Design "ledger" écru, DM Mono, zéro border-radius - Déploiement Docker sur port 8000 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
75 lines
2.7 KiB
HTML
75 lines
2.7 KiB
HTML
<tr id="row-{{ j.date }}">
|
|
|
|
<td class="col-jour">
|
|
<span class="jour-nom">{{ nom }}</span>
|
|
<span class="jour-date">{{ j.date[8:] }}/{{ j.date[5:7] }}</span>
|
|
</td>
|
|
|
|
<td class="c-matin">
|
|
<div id="cg-matin-{{ j.date }}" class="td-fill{% if 'matin' in j.conge or 'jour' in j.conge %} cg{% endif %}">
|
|
<div class="time-pair">
|
|
<input class="time-input" type="time" name="matin_entree"
|
|
data-date="{{ j.date }}" value="{{ j.matin_entree or '' }}">
|
|
<span class="time-sep">→</span>
|
|
<input class="time-input" type="time" name="matin_sortie"
|
|
data-date="{{ j.date }}" value="{{ j.matin_sortie or '' }}">
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
<td class="c-aprem">
|
|
<div id="cg-aprem-{{ j.date }}" class="td-fill{% if 'aprem' in j.conge or 'jour' in j.conge %} cg{% endif %}">
|
|
<div class="time-pair">
|
|
<input class="time-input" type="time" name="aprem_entree"
|
|
data-date="{{ j.date }}" value="{{ j.aprem_entree or '' }}">
|
|
<span class="time-sep">→</span>
|
|
<input class="time-input" type="time" name="aprem_sortie"
|
|
data-date="{{ j.date }}" value="{{ j.aprem_sortie or '' }}">
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
<td class="col-calc">
|
|
<span id="calc-{{ j.date }}-trav">
|
|
<span class="calc-num">{{ j.travaille if j.travaille_min else '—' }}</span>
|
|
</span>
|
|
</td>
|
|
|
|
<td class="col-calc">
|
|
<span id="calc-{{ j.date }}-delta">
|
|
<span class="{% if j.delta_min > 0 %}delta-pos{% elif j.delta_min < 0 %}delta-neg{% else %}delta-zero{% endif %}">
|
|
{%- if j.travaille_min or j.du_min -%}
|
|
{% if j.delta_min > 0 %}+{% endif %}{{ j.delta }}
|
|
{%- else %}—{%- endif %}
|
|
</span>
|
|
</span>
|
|
</td>
|
|
|
|
<td class="col-save">
|
|
<button class="btn-valider"
|
|
hx-post="/pointage/{{ j.date }}"
|
|
hx-swap="none"
|
|
hx-include="[data-date='{{ j.date }}']"
|
|
title="Enregistrer">✓</button>
|
|
</td>
|
|
|
|
<td class="col-conge">
|
|
<div id="cg-btn-{{ j.date }}">
|
|
<div class="conge-btns">
|
|
<button hx-post="/conge/{{ j.date }}/matin"
|
|
hx-swap="none"
|
|
class="btn-cg {% if 'matin' in j.conge %}on{% endif %}"
|
|
title="Congé matin">MA</button>
|
|
<button hx-post="/conge/{{ j.date }}/aprem"
|
|
hx-swap="none"
|
|
class="btn-cg {% if 'aprem' in j.conge %}on{% endif %}"
|
|
title="Congé après-midi">AM</button>
|
|
<button hx-post="/conge/{{ j.date }}/jour"
|
|
hx-swap="none"
|
|
class="btn-cg btn-jour {% if 'jour' in j.conge %}jour-on{% endif %}"
|
|
title="Journée entière">J</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|