diff --git a/manifest.json b/manifest.json index 253f86e..1c4d3a5 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "Planification", - "version": "2026.5.32", + "version": "2026.5.33", "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 224a886..0169003 100644 --- a/viewer.css +++ b/viewer.css @@ -2694,11 +2694,14 @@ header.topbar::before { /* La ref au centre, cliquable pour agrandir */ .pinned-popup-minref { - display: block; - text-align: center; - padding: 10px 12px; + display: flex; + align-items: center; + justify-content: center; /* v2026.5.24 : centrer horizontalement la ref */ + flex: 1; + min-width: 0; + padding: 0 10px; font-family: var(--mono, monospace); - font-size: 15px; + font-size: 14px; font-weight: 700; color: var(--text); cursor: pointer; diff --git a/viewer.js b/viewer.js index 6bceb52..b3ad480 100644 --- a/viewer.js +++ b/viewer.js @@ -7339,31 +7339,29 @@ function _softUnpinPopup(el) { console.log(`[softUnpin] retiré de pinnedPopups (reste ${pinnedPopups.length})`); } - // v4.3.3 corr : basculer visuellement en tooltip normal (retirer tous les - // attributs visuels du mode épinglé : bordure bleue, dragbar, bouton ×, - // padding-top, etc.). La classe .soft-unpinned fait ça côté CSS. - // On retire .pinned-popup pour que les règles visuelles lourdes - // disparaissent, tout en gardant la popup au même endroit (position - // absolute conservée). - el.classList.remove("pinned-popup"); - el.classList.add("soft-unpinned"); - // Icône 📌 → 📍 pour le clin d'œil (même si elle va bientôt disparaitre) - const pinBtn = el.querySelector('[data-action="pin"]'); - if (pinBtn) pinBtn.textContent = "📍"; - // Supprimer les éléments propres au mode épinglé : barre de drag et × + // 2. Reset le flag global bulleState.pinned si plus aucun popup épinglé. + // Sans ça, le tooltip live "croit" toujours qu'il est pinned et son + // handler click (notamment ↻ reload) peut partir en cacahuète. + if (pinnedPopups.length === 0) { + bulleState.pinned = false; + } + + // 3. Retirer les éléments propres au mode épinglé : topbar, dragbar, + // close btn, et classes minimized/reduced. const dragbar = el.querySelector(".pinned-popup-dragbar"); if (dragbar) dragbar.remove(); const closeBtn = el.querySelector(".pinned-popup-close"); if (closeBtn) closeBtn.remove(); - // v2026.5.17 : retirer aussi la nouvelle topbar et le conteneur minimisé const topbar = el.querySelector(".pinned-popup-topbar"); if (topbar) topbar.remove(); el.classList.remove("pinned-popup-minimized"); el.classList.remove("pinned-popup-reduced"); - // v2026.5.18 : retirer aussi la pastille du dock si elle existe + // 4. Retirer la pastille du dock si elle existe if (el._linkedPill) { - try { el._linkedPill.remove(); } catch (e) {} + try { el._linkedPill.remove(); } catch (e) { + console.warn("[softUnpin] erreur remove pill:", e); + } el._linkedPill = null; } // Si le dock est vide, le cacher ; mettre à jour le bouton "Fermer tous" @@ -7376,28 +7374,123 @@ function _softUnpinPopup(el) { _ensureDockCloseAllBtn(); } - // v2026.5.22 : si le tooltip hover est actuellement affiché pour la même - // intervention que celle qu'on désépingle, il faut regénérer son HTML pour - // que l'icône passe de 📍 (active rouge) à 📌 (non active) — sinon l'user - // voit l'ancienne icône et croit qu'il est toujours épinglé. + // 5. Restaurer le bouton 📌 dans .tooltip-actions + // Lors de l'épinglage, ce bouton a été SUPPRIMÉ du DOM (voir pinTooltip + // v2026.5.17 ligne 6921). Il faut le recréer pour que l'user puisse + // ré-épingler ou que l'icône 📌 revienne visible. + const actionsEl = el.querySelector('.tooltip-actions'); + if (actionsEl) { + const existingPin = actionsEl.querySelector('.tooltip-pinbtn[data-action="pin"]'); + if (!existingPin) { + console.log("[softUnpin] restauration du bouton 📌 dans .tooltip-actions"); + const pinBtn = document.createElement('div'); + pinBtn.className = 'tooltip-actionbtn tooltip-pinbtn'; + pinBtn.setAttribute('data-action', 'pin'); + pinBtn.title = 'Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.'; + pinBtn.textContent = '📌'; + actionsEl.appendChild(pinBtn); + } else { + console.log("[softUnpin] bouton 📌 déjà présent, mise à jour visuelle"); + existingPin.textContent = '📌'; + existingPin.classList.remove('tooltip-pinbtn-active'); + } + } else { + console.warn("[softUnpin] .tooltip-actions introuvable dans le popup — boutons pas restaurés"); + } + + // 5bis. v2026.5.34 : attacher un nouveau handler click sur .tooltip-actions + // du popup soft-unpinned pour ré-épinglement / actualisation. + // L'ancien handler du popup épinglé (qui faisait softUnpin au clic + // sur pin) est encore attaché, mais notre nouveau handler utilise + // stopPropagation avant pour l'empêcher de s'exécuter. + // On garde une référence à l'iv pour pouvoir ré-épingler proprement. + const ivForRepin = el._linkedIv || null; + if (actionsEl && ivForRepin) { + // Retirer d'éventuels handlers précédents en remplaçant l'element + const newActions = actionsEl.cloneNode(true); + actionsEl.parentNode.replaceChild(newActions, actionsEl); + + newActions.addEventListener("click", (e) => { + const btn = e.target.closest('[data-action]'); + if (!btn) return; + const action = btn.dataset.action; + e.stopPropagation(); + e.preventDefault(); + + if (action === "pin") { + console.log("[softUnpin] clic sur 📌 d'un popup soft-unpinned → ré-épinglage"); + // Retirer le popup soft-unpinned actuel + try { el.remove(); } catch (err) {} + // Simuler le survol de l'iv pour rendre le tooltip live, puis épingler + state.currentTooltipIv = ivForRepin; + pinTooltip(); + } else if (action === "reload") { + console.log("[softUnpin] clic sur ↻ d'un popup soft-unpinned → recharger intervention"); + if (typeof reloadSingleIntervention === "function") { + reloadSingleIntervention(ivForRepin, btn); + } else { + console.warn("[softUnpin] reloadSingleIntervention indisponible"); + } + } + }); + } + + // 6. Basculer visuellement : retirer pinned-popup, mettre soft-unpinned. + // La classe .soft-unpinned applique les styles "tooltip normal" + // (pas de bordure bleue, pas de padding-top pour topbar disparue, etc.) + el.classList.remove("pinned-popup"); + el.classList.add("soft-unpinned"); + + // 7. Régénérer le tooltip hover si on est en train de survoler la même iv + // (pour synchroniser l'icône 📌/📍 dans le tooltip live). + // Aussi, reset iv._reloading qui pourrait rester bloqué à true. const tip = tooltipEl(); if (tip && tip.classList.contains("visible") && state.currentTooltipIv) { - tip.innerHTML = buildTooltipHTML(state.currentTooltipIv); + try { + state.currentTooltipIv._reloading = false; + tip.innerHTML = buildTooltipHTML(state.currentTooltipIv); + } catch (err) { + console.warn("[softUnpin] buildTooltipHTML failed:", err); + } } - // Helper qui joue l'animation de sortie puis supprime le DOM - const animateAndRemove = () => { - el.classList.add("unpinning"); - setTimeout(() => el.remove(), 180); - }; + // 8. v2026.5.34 : ne PAS programmer de suppression automatique au mouseleave. + // Le popup reste visible comme un tooltip normal. L'user le ferme en + // cliquant ailleurs ou en appuyant sur Échap. Il peut aussi re-cliquer + // sur 📌 pour le ré-épingler. + // + // Pour que le popup disparaisse quand l'user clique ailleurs, on ajoute + // un handler de clic document qui supprime tous les .soft-unpinned si + // le clic est hors du popup. Ce handler ne s'arme QU'UNE FOIS (au premier + // désépinglage) et reste globalement. + _ensureSoftUnpinnedCleanupHandler(); - if (!el.matches(":hover")) { - animateAndRemove(); - return; - } - // Souris dessus : on ne supprime pas tout de suite. On attend mouseleave - // et à ce moment on joue l'animation de sortie et on supprime. - el.addEventListener("mouseleave", animateAndRemove, { once: true }); + console.log("[softUnpin] terminé — popup reste visible en mode tooltip normal"); +} + +/** + * v2026.5.34 : pose un handler global (une seule fois) qui ferme les popups + * en état .soft-unpinned quand l'user clique ailleurs, ou appuie sur Échap. + */ +let _softUnpinnedCleanupHandlerInstalled = false; +function _ensureSoftUnpinnedCleanupHandler() { + if (_softUnpinnedCleanupHandlerInstalled) return; + _softUnpinnedCleanupHandlerInstalled = true; + + // Clic hors d'un popup soft-unpinned → supprimer + document.addEventListener("mousedown", (e) => { + const softPopups = document.querySelectorAll(".soft-unpinned"); + if (softPopups.length === 0) return; + softPopups.forEach(el => { + // Ne pas fermer si le clic est DANS le popup lui-même + if (el.contains(e.target)) return; + console.log("[softUnpin cleanup] clic hors du popup — suppression"); + el.classList.add("unpinning"); + setTimeout(() => { try { el.remove(); } catch (err) {} }, 180); + }); + }, true); // phase capture pour attraper avant d'autres handlers + + console.log("[softUnpin] handler cleanup global installé"); } // ============================================================================