forked from FroSteel/Planification
Version 2026.5.33 — Interactions vue horizontale différenciées (hover / clic)
[code interpolé]
This commit is contained in:
+1
-1
@@ -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": {
|
||||
|
||||
+7
-4
@@ -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;
|
||||
|
||||
@@ -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é");
|
||||
}
|
||||
|
||||
// ============================================================================
|
||||
|
||||
Reference in New Issue
Block a user