From c74d52c40c6096ac8068a1f361262c9551578bfb Mon Sep 17 00:00:00 2001
From: Quentin Rouiller <quentin.rouiller3@ikmail.com>
Date: Tue, 21 Apr 2026 15:00:00 +0200
Subject: [PATCH] =?UTF-8?q?Version=202026.5.19=20=E2=80=94=20Drag=20popup?=
 =?UTF-8?q?=20=C3=A9pingl=C3=A9=20[code=20interpol=C3=A9]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 background.js | 47 +++++++++++++-------------------
 manifest.json |  2 +-
 viewer.css    | 23 ++++++++++++++++
 viewer.js     | 75 ++++++++++++++++++++++++++++++++++++++++-----------
 4 files changed, 102 insertions(+), 45 deletions(-)

diff --git a/background.js b/background.js
index 9af0422..af10a54 100644
--- a/background.js
+++ b/background.js
@@ -730,34 +730,19 @@ async function submitDouchette(origin, phpsessid, opts) {
 async function deletePlanningItem(origin, phpsessid, actionId, kind) {
   if (!actionId) throw new Error("actionId manquant");
 
-  // v5.0.1 : plusieurs function_name à tester dans l'ordre (du plus probable
-  // au moins probable). Le premier qui renvoie 200 ET non-login est considéré OK.
-  const fnNames = kind === "reservation"
-    ? [
-        "Planning_delete_reservation",
-        "delete_reservation",
-        "fc_delete_reservation",
-        "delete_act_reservation",
-        "delete_planning_reservation",
-        "remove_reservation",
-        // v5.0.2 : réservations sont parfois traitées comme absences côté API
-        "Planning_delete_absence",
-        "delete_absence",
-        "fc_delete_absence"
-      ]
-    : [
-        // v5.0.2 : élargir la liste, on a essayé 3 sans succès. Les variantes
-        // plausibles vues dans les API EasyVista :
-        "Planning_delete_absence",      // le plus "officiel"
-        "delete_absence",               // le nom JS dans le onclick
-        "fc_delete_absence",            // pattern fc_*
-        "delete_act_absence",           // parfois "act_" dans les noms
-        "Planning_delete_holiday",      // en anglais
-        "delete_holiday",
-        "fc_delete_holiday",
-        "delete_planning_absence",      // variation complète
-        "remove_absence"
-      ];
+  // v5.0.14 : confirmé par capture Network réelle — EasyVista utilise
+  // "Planning_delete_absence" pour TOUS les types d'entrée planning (absences,
+  // réservations, événements, etc.). Réponse XML : <Planning_delete_absence>true</...>
+  // On met donc ce nom en PREMIER pour tout, et on garde les autres en fallback.
+  const fnNames = [
+    "Planning_delete_absence",        // ← le seul qui marche vraiment côté EV
+    // Fallbacks historiques (au cas où EV change un jour) :
+    "Planning_delete_reservation",
+    "delete_absence",
+    "delete_reservation",
+    "fc_delete_absence",
+    "fc_delete_reservation"
+  ];
 
   let lastErr = null;
   let lastBody = null;
@@ -770,7 +755,11 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
     console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180));
 
     try {
-      const r = await fetch(url, { method: "GET", credentials: "include" });
+      // v5.0.13 : utiliser evFetch() au lieu de fetch() brut pour que les
+      // headers Referer + X-Requested-With soient envoyés — sinon EV renvoie
+      // un <script> de redirection CSRF qui ne ressemble pas à une erreur et
+      // notre heuristique le prenait à tort pour un succès.
+      const r = await evFetch(url, origin, { method: "GET" });
       const body = await r.text();
       console.log(`[bg]   status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`);
 
diff --git a/manifest.json b/manifest.json
index 8caa52f..7c63cc8 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "2026.5.18",
+  "version": "2026.5.19",
   "description": "Vue claire et rapide du planning des techniciens EasyVista. Regroupe interventions et réservations par tech, affiche horaires, contact, lieu, catégorie et statut en un coup d'œil.",
   "browser_specific_settings": {
     "gecko": {
diff --git a/viewer.css b/viewer.css
index 9c611bc..864c479 100644
--- a/viewer.css
+++ b/viewer.css
@@ -1169,6 +1169,26 @@ html, body {
   color: var(--c-reservation);
   font-family: var(--font);
   letter-spacing: 0.02em;
+  /* v5.0.15 : étendre le titre sur toute la largeur de la carte pour le
+     vrai centrage (sinon il n'est centré que dans sa colonne grid) */
+  grid-column: 1 / -1;
+  text-align: center;
+  padding-left: 62px;   /* compense la colonne time (58px + gap) */
+  padding-right: 0;
+}
+
+/* v5.0.15 : absence partielle (demi-journée) affichée comme une row */
+.iv-ref-header.is-absence-title {
+  color: var(--c-absence, #a0a8b2);
+  font-family: var(--font);
+  letter-spacing: 0.02em;
+  grid-column: 1 / -1;
+  text-align: center;
+  padding-left: 62px;
+  padding-right: 0;
+}
+.intervention-v2.color-absence .intervention-dot {
+  background: var(--c-absence, #2a2f36);
 }
 .iv-reservation-par {
   font-size: 13px;
@@ -1972,6 +1992,9 @@ body.modal-open {
 /* ─────────────────────────────────────────────────────────────────────────
    v5.0.0 : horloge au milieu de la topbar (HH:MM, pas de secondes)
    ───────────────────────────────────────────────────────────────────────── */
+/* v2026.5.16 : app-clock contient maintenant 2 lignes empilées :
+   - app-clock-date : "Mardi 21 avril 2026" (petit)
+   - app-clock-time : "12:34" (grand) */
 .app-clock {
   position: absolute;
   left: 50%;
diff --git a/viewer.js b/viewer.js
index c2f67aa..4d8abb4 100644
--- a/viewer.js
+++ b/viewer.js
@@ -5822,16 +5822,17 @@ function splitLieu(raw) {
     ville = null;
     adresse = parts[0];
   } else {
-    ville = s.substring(0, idx).trim();
-    adresse = s.substring(idx + 1).trim();
+    // 2+ parties : ville = 1ère, adresse = 2e, on ignore le reste
+    ville = parts[0];
+    adresse = parts[1];
   }
+
   // Capitaliser la 1ère lettre des mots de voie (Rue, Chemin, Route, Avenue,
   // Boulevard, Place, Quai, Impasse + abréviations Av., Ch., Rte, Bd)
   if (adresse) {
     adresse = adresse.replace(
       /\b(rue|chemin|route|avenue|boulevard|place|quai|impasse|ruelle|allée|allee|passage|sentier|av\.?|ch\.?|rte\.?|bd\.?)\b/gi,
       (match) => {
-        // Conserver la casse existante si déjà majuscule, sinon capitaliser
         if (/^[A-ZÉÈÀÂÎÔÛÇ]/.test(match)) return match;
         return match.charAt(0).toUpperCase() + match.slice(1).toLowerCase();
       }
@@ -6140,6 +6141,11 @@ let bulleState = {
 };
 
 function showTooltip(e, iv, rowEl) {
+  // v2026.5.19 : pendant qu'un popup épinglé est en cours de drag, on ignore
+  // les mouseenter sur les cartes — sinon en survolant une carte on déclenche
+  // l'ouverture d'un nouveau tooltip par-dessus ce qu'on est en train de bouger.
+  if (state._popupDragging) return;
+
   // v4.1.15 : si la bulle est épinglée sur une autre iv, on NE REMPLACE PAS
   // son contenu (l'user veut garder la fiche épinglée même en survolant
   // d'autres cartes).
@@ -6216,7 +6222,8 @@ function hideTooltip(opts = {}) {
     state.currentTooltipIv = null;
     currentTooltipPos = null;
     tooltipPositionMode = null;  // re-détecter à la prochaine ouverture
-  }, 120);
+  }, 1000);  // v2026.5.17 : délai 1s au lieu de 120ms pour laisser le temps
+             //              à l'user d'atteindre le popup depuis la carte
 }
 
 // v4.2 : détecte si l'utilisateur a une sélection de texte active dans la bulle.
@@ -6350,9 +6357,51 @@ function positionTooltipAnchored(rowEl) {
   }
   if (y < 4) y = 4;
 
+  // v2026.5.17 : éviter le chevauchement avec les popups épinglés existants.
+  // On teste la position candidate, et si elle chevauche un popup épinglé,
+  // on essaie d'autres candidats (gauche de la carte, au-dessous, au-dessus).
+  const tipW = tipRect.width || 320;
+  const tipH = tipRect.height || 200;
+  const pinnedRects = _getPinnedPopupsViewportRects();
+  if (pinnedRects.length) {
+    const candidates = [
+      { x, y, label: "right" },
+      { x: rowRect.left - tipW - pad, y: rowRect.top, label: "left" },
+      { x: rowRect.left, y: rowRect.bottom + pad, label: "below" },
+      { x: rowRect.left, y: rowRect.top - tipH - pad, label: "above" }
+    ];
+    for (const c of candidates) {
+      // Borne dans le viewport
+      if (c.x < 4) c.x = 4;
+      if (c.x + tipW > window.innerWidth - 8) c.x = window.innerWidth - tipW - 8;
+      if (c.y < 4) c.y = 4;
+      if (c.y + tipH > window.innerHeight - 8) c.y = window.innerHeight - tipH - 8;
+      const testRect = { left: c.x, top: c.y, right: c.x + tipW, bottom: c.y + tipH };
+      const overlaps = pinnedRects.some(pr => _rectsOverlap(testRect, pr));
+      if (!overlaps) {
+        x = c.x; y = c.y;
+        break;
+      }
+    }
+  }
+
   setTooltipViewportPosition(x, y);
 }
 
+/**
+ * v2026.5.17 : retourne les rectangles (en coords viewport) de tous les popups
+ * actuellement épinglés et visibles (non réduits). Utilisé pour anti-chevauchement.
+ */
+function _getPinnedPopupsViewportRects() {
+  const rects = [];
+  document.querySelectorAll(".pinned-popup").forEach(p => {
+    if (p.classList.contains("pinned-popup-reduced")) return; // docké, pas à l'écran
+    const r = p.getBoundingClientRect();
+    if (r.width > 0 && r.height > 0) rects.push(r);
+  });
+  return rects;
+}
+
 // ============================================================================
 // v4.3.0 : système de popups épinglés détachés
 // ============================================================================
@@ -6397,19 +6446,15 @@ function _rectsOverlap(a, b) {
 function _findFreePopupPosition(rowEl, w, h) {
   const pad = 14;
   const rowRect = rowEl.getBoundingClientRect();
-  const viewportW = window.innerWidth;
-  const viewportH = window.innerHeight;
+  // v2026.5.20 : utiliser la safe area (en dessous topbar, au-dessus dock)
+  const safe = _getPopupSafeArea();
 
-  // 4 candidats, en coords viewport
+  // 4 candidats d'abord, autour de la row source (en coords viewport)
   const candidates = [
-    // Droite
-    { x: rowRect.right + pad, y: rowRect.top, name: "droite" },
-    // Gauche
-    { x: rowRect.left - w - pad, y: rowRect.top, name: "gauche" },
-    // Dessous
-    { x: rowRect.left, y: rowRect.bottom + pad, name: "dessous" },
-    // Dessus
-    { x: rowRect.left, y: rowRect.top - h - pad, name: "dessus" }
+    { x: rowRect.right + pad, y: rowRect.top,         name: "droite"  },
+    { x: rowRect.left - w - pad, y: rowRect.top,      name: "gauche"  },
+    { x: rowRect.left, y: rowRect.bottom + pad,       name: "dessous" },
+    { x: rowRect.left, y: rowRect.top - h - pad,      name: "dessus"  }
   ];
 
   // Pour chaque candidat, clamper dans le viewport (marge 8px) et convertir