Décompte les heures d'astreinte par tranches de 15 min dans des compteurs pondérés séparés

La saisie astreinte devient une liste d'événements (début, fin, description,
nombre illimité, fin antérieure au début = intervention à cheval sur minuit).
Ces heures ne comptent jamais dans la semaine : elles sont décomptées à part
par pas de 15 minutes, toute tranche entamée comptant en totalité, et rangées
dans des compteurs selon le jour et l'heure (Nuit ×1,5, Journée semaine ×1,
Samedi ×1,5, Dimanche/férié ×2 ; jours fériés français calculés
automatiquement, règles ajustables dans config.json via astreinte_facteurs).
Le détail par événement et les totaux pondérés s'affichent sous le bandeau de
la semaine, et les exports .ods gagnent les colonnes Astreinte brute et
pondérée. Le retour au bureau (fin du dernier événement + 11h de repos) est
désormais dérivé des événements.

💘 Generated with Crush

Assisted-by: Crush:glm-5.2

app/templates/_ligne.html

@@ -43,11 +43,37 @@
     </div>
     {% if j.astreinte_qualifiee %}
     <div id="as-block-{{ j.date }}" class="as-block" data-label="Astreinte">
-      <span class="as-label">Fin activité</span>
-      <input class="time-input" type="time" name="astreinte_fin"
-             data-date="{{ j.date }}" value="{{ j.astreinte_fin or '' }}"
-             title="Heure de fin de la dernière activité (peut être le matin) — 11h de repos ensuite">
+      <div class="as-events" id="as-events-{{ j.date }}">
+        {% for ev in j.astreinte_events or [] %}
+        <div class="as-event">
+          <input class="time-input" type="time" name="astreinte_debut"
+                 data-date="{{ j.date }}" value="{{ ev.debut or '' }}">
+          <span class="time-sep">→</span>
+          <input class="time-input" type="time" name="astreinte_fin"
+                 data-date="{{ j.date }}" value="{{ ev.fin or '' }}">
+          <input type="text" class="as-desc" name="astreinte_desc"
+                 data-date="{{ j.date }}" maxlength="200" placeholder="description"
+                 value="{{ ev.desc or '' }}">
+          <button type="button" class="as-del" title="Supprimer"
+                  onclick="this.closest('.as-event').remove()">×</button>
+        </div>
+        {% else %}
+        <div class="as-event">
+          <input class="time-input" type="time" name="astreinte_debut"
+                 data-date="{{ j.date }}" value="">
+          <span class="time-sep">→</span>
+          <input class="time-input" type="time" name="astreinte_fin"
+                 data-date="{{ j.date }}" value="">
+          <input type="text" class="as-desc" name="astreinte_desc"
+                 data-date="{{ j.date }}" maxlength="200" placeholder="description" value="">
+          <button type="button" class="as-del" title="Supprimer"
+                  onclick="this.closest('.as-event').remove()">×</button>
+        </div>
+        {% endfor %}
+      </div>
+      <button type="button" class="as-add" onclick="asAddEvent('{{ j.date }}')">+ intervention</button>
       {% if j.retour_min is not none %}<span class="as-hint" title="11h de repos consécutif après la dernière activité">retour ≥ {{ j.retour }}</span>{% endif %}
+      {% if j.astreinte_min %}<span class="as-total" title="Compteur séparé, hors heures de semaine">astreinte : {{ j.astreinte_h }}</span>{% endif %}
     </div>
     {% else %}
     <div id="as-block-{{ j.date }}"></div>

app/templates/_soldes.html

@@ -43,4 +43,27 @@
     complétez ou corrigez les saisies, ou rattrapez sur une autre semaine.
   </div>
   {% endif %}
+  {% if result.astreinte and result.astreinte.actif %}
+  <div class="as-decompte">
+    <div class="as-decompte-title">Astreinte — tranches de 15 min entamées, comptées entières (compteur séparé, hors heures de semaine)</div>
+    {% for j in result.astreinte.jours %}
+    <div class="as-jour">
+      <span class="as-jour-date">{{ j.date[8:] }}/{{ j.date[5:7] }}</span>
+      {% for ev in j.events %}
+      <div class="as-ev">
+        <span class="as-ev-h">{{ ev.debut }} → {{ ev.fin }}</span>
+        {% if ev.desc %}<span class="as-ev-desc">{{ ev.desc }}</span>{% endif %}
+        <span class="as-ev-q">{{ ev.tranches }} tr. = {{ ev.min_h }}</span>
+        {% for d in ev.details %}<span class="as-ev-cat">{{ d.nom }} ×{{ d.facteur_txt }}</span>{% if not loop.last %} + {% endif %}{% endfor %}
+        <span class="as-ev-pond">pondéré → {{ ev.pondere_h }}</span>
+      </div>
+      {% endfor %}
+    </div>
+    {% endfor %}
+    <div class="as-totaux">
+      {% for c in result.astreinte.categories %}<span class="as-cat">{{ c.nom }} : {{ c.min_h }} ×{{ c.facteur_txt }} = {{ c.pondere_h }}</span>{% endfor %}
+      <span class="as-grand">total {{ result.astreinte.total_h }} → {{ result.astreinte.total_pondere_h }} pondérées</span>
+    </div>
+  </div>
+  {% endif %}
 </div>

app/templates/base.html

@@ -455,6 +455,89 @@
       color: var(--accent);
       white-space: nowrap;
     }
+    .as-events { display: flex; flex-direction: column; gap: 3px; width: 100%; }
+    .as-event { display: flex; align-items: center; gap: 4px; }
+    .as-desc {
+      flex: 1;
+      min-width: 60px;
+      border: 1px solid var(--rule);
+      border-radius: 0;
+      padding: .25rem .3rem;
+      font-size: 11px;
+      font-family: var(--sans);
+      color: var(--text);
+      background: transparent;
+      transition: border-color .15s;
+    }
+    .as-desc:hover { border-color: var(--muted); }
+    .as-desc:focus { outline: none; border-color: var(--accent); background: #fff; }
+    .as-del {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 18px; height: 18px;
+      border: 1px solid var(--rule);
+      background: transparent;
+      cursor: pointer;
+      font-family: var(--mono);
+      font-size: 10px;
+      color: var(--muted);
+      flex-shrink: 0;
+      transition: border-color .15s, color .15s;
+    }
+    .as-del:hover { border-color: var(--neg); color: var(--neg); }
+    .as-add {
+      border: none;
+      background: none;
+      padding: 0;
+      cursor: pointer;
+      font-family: var(--mono);
+      font-size: 9px;
+      text-transform: uppercase;
+      letter-spacing: .08em;
+      color: var(--accent-2);
+      white-space: nowrap;
+    }
+    .as-add:hover { text-decoration: underline; }
+    .as-total {
+      font-family: var(--mono);
+      font-size: 10px;
+      color: var(--accent-2);
+      white-space: nowrap;
+    }
+
+    /* ── Décompte astreinte (section soldes) ── */
+    .as-decompte {
+      border: 1px solid var(--rule);
+      background: var(--surface);
+      margin-top: .6rem;
+      padding: .55rem .75rem;
+      font-size: 12px;
+    }
+    .as-decompte-title {
+      font-family: var(--mono);
+      font-size: 9px;
+      letter-spacing: .1em;
+      text-transform: uppercase;
+      color: var(--muted);
+      margin-bottom: .35rem;
+    }
+    .as-ev { display: flex; flex-wrap: wrap; gap: .45rem; align-items: baseline; padding: .12rem 0; }
+    .as-ev-h { font-family: var(--mono); }
+    .as-ev-desc { color: var(--muted); font-style: italic; }
+    .as-ev-q { font-family: var(--mono); color: var(--text); }
+    .as-ev-cat, .as-cat { color: var(--accent); font-family: var(--mono); font-size: 11px; }
+    .as-ev-pond { font-family: var(--mono); color: var(--accent-2); }
+    .as-jour-date { font-family: var(--mono); font-weight: 500; margin-right: .4rem; }
+    .as-totaux {
+      border-top: 1px dashed var(--rule);
+      margin-top: .4rem;
+      padding-top: .4rem;
+      display: flex;
+      flex-wrap: wrap;
+      gap: .75rem;
+    }
+    .as-grand { font-family: var(--mono); font-weight: 500; }
 
     /* ── Tableau hebdo en cartes empilées sous 700px (évite le scroll horizontal) ── */
     @media (max-width: 700px) {
@@ -519,6 +602,7 @@
       .pointage-table .btn-cg.btn-jour { width: 32px; height: 32px; }
       .as-block { padding: .4rem .75rem .55rem; }
       .as-block .time-input { width: 92px; }
+      .as-desc { font-size: 13px; padding: .4rem .4rem; }
     }
 
     /* ── Historique ── */

app/templates/semaine.html

@@ -366,4 +366,21 @@ document.addEventListener('input', function(e) {
   }
 });
 </script>
+
+<script>
+// Astreinte — ajoute une ligne d'intervention vierge dans le jour ciblé
+window.asAddEvent = function (date) {
+  var wrap = document.getElementById('as-events-' + date);
+  if (!wrap) return;
+  var ev = document.createElement('div');
+  ev.className = 'as-event';
+  ev.innerHTML =
+    '<input class="time-input" type="time" name="astreinte_debut" data-date="' + date + '" value="">' +
+    '<span class="time-sep">→</span>' +
+    '<input class="time-input" type="time" name="astreinte_fin" data-date="' + date + '" value="">' +
+    '<input type="text" class="as-desc" name="astreinte_desc" data-date="' + date + '" maxlength="200" placeholder="description" value="">' +
+    '<button type="button" class="as-del" title="Supprimer" onclick="this.closest(\'.as-event\').remove()">×</button>';
+  wrap.appendChild(ev);
+};
+</script>
 {% endblock %}