Version 2026.5.19 — Drag popup épinglé

[code interpolé]
This commit is contained in:
2026-04-21 15:00:00 +02:00
parent 8c76085f03
commit c74d52c40c
4 changed files with 102 additions and 45 deletions
+15 -26
View File
@@ -730,33 +730,18 @@ async function submitDouchette(origin, phpsessid, opts) {
async function deletePlanningItem(origin, phpsessid, actionId, kind) { async function deletePlanningItem(origin, phpsessid, actionId, kind) {
if (!actionId) throw new Error("actionId manquant"); if (!actionId) throw new Error("actionId manquant");
// v5.0.1 : plusieurs function_name à tester dans l'ordre (du plus probable // v5.0.14 : confirmé par capture Network réelle — EasyVista utilise
// au moins probable). Le premier qui renvoie 200 ET non-login est considéré OK. // "Planning_delete_absence" pour TOUS les types d'entrée planning (absences,
const fnNames = kind === "reservation" // 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", "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", "delete_absence",
"fc_delete_absence" "delete_reservation",
] "fc_delete_absence",
: [ "fc_delete_reservation"
// 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"
]; ];
let lastErr = null; let lastErr = null;
@@ -770,7 +755,11 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180)); console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180));
try { 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(); const body = await r.text();
console.log(`[bg] status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`); console.log(`[bg] status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`);
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"manifest_version": 3, "manifest_version": 3,
"name": "Planification", "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.", "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": { "browser_specific_settings": {
"gecko": { "gecko": {
+23
View File
@@ -1169,6 +1169,26 @@ html, body {
color: var(--c-reservation); color: var(--c-reservation);
font-family: var(--font); font-family: var(--font);
letter-spacing: 0.02em; 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 { .iv-reservation-par {
font-size: 13px; font-size: 13px;
@@ -1972,6 +1992,9 @@ body.modal-open {
/* ───────────────────────────────────────────────────────────────────────── /* ─────────────────────────────────────────────────────────────────────────
v5.0.0 : horloge au milieu de la topbar (HH:MM, pas de secondes) 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 { .app-clock {
position: absolute; position: absolute;
left: 50%; left: 50%;
+56 -11
View File
@@ -5822,16 +5822,17 @@ function splitLieu(raw) {
ville = null; ville = null;
adresse = parts[0]; adresse = parts[0];
} else { } else {
ville = s.substring(0, idx).trim(); // 2+ parties : ville = 1ère, adresse = 2e, on ignore le reste
adresse = s.substring(idx + 1).trim(); ville = parts[0];
adresse = parts[1];
} }
// Capitaliser la 1ère lettre des mots de voie (Rue, Chemin, Route, Avenue, // Capitaliser la 1ère lettre des mots de voie (Rue, Chemin, Route, Avenue,
// Boulevard, Place, Quai, Impasse + abréviations Av., Ch., Rte, Bd) // Boulevard, Place, Quai, Impasse + abréviations Av., Ch., Rte, Bd)
if (adresse) { if (adresse) {
adresse = adresse.replace( adresse = adresse.replace(
/\b(rue|chemin|route|avenue|boulevard|place|quai|impasse|ruelle|allée|allee|passage|sentier|av\.?|ch\.?|rte\.?|bd\.?)\b/gi, /\b(rue|chemin|route|avenue|boulevard|place|quai|impasse|ruelle|allée|allee|passage|sentier|av\.?|ch\.?|rte\.?|bd\.?)\b/gi,
(match) => { (match) => {
// Conserver la casse existante si déjà majuscule, sinon capitaliser
if (/^[A-ZÉÈÀÂÎÔÛÇ]/.test(match)) return match; if (/^[A-ZÉÈÀÂÎÔÛÇ]/.test(match)) return match;
return match.charAt(0).toUpperCase() + match.slice(1).toLowerCase(); return match.charAt(0).toUpperCase() + match.slice(1).toLowerCase();
} }
@@ -6140,6 +6141,11 @@ let bulleState = {
}; };
function showTooltip(e, iv, rowEl) { 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 // 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 // son contenu (l'user veut garder la fiche épinglée même en survolant
// d'autres cartes). // d'autres cartes).
@@ -6216,7 +6222,8 @@ function hideTooltip(opts = {}) {
state.currentTooltipIv = null; state.currentTooltipIv = null;
currentTooltipPos = null; currentTooltipPos = null;
tooltipPositionMode = null; // re-détecter à la prochaine ouverture 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. // 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; 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); 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 // v4.3.0 : système de popups épinglés détachés
// ============================================================================ // ============================================================================
@@ -6397,18 +6446,14 @@ function _rectsOverlap(a, b) {
function _findFreePopupPosition(rowEl, w, h) { function _findFreePopupPosition(rowEl, w, h) {
const pad = 14; const pad = 14;
const rowRect = rowEl.getBoundingClientRect(); const rowRect = rowEl.getBoundingClientRect();
const viewportW = window.innerWidth; // v2026.5.20 : utiliser la safe area (en dessous topbar, au-dessus dock)
const viewportH = window.innerHeight; const safe = _getPopupSafeArea();
// 4 candidats, en coords viewport // 4 candidats d'abord, autour de la row source (en coords viewport)
const candidates = [ const candidates = [
// Droite
{ x: rowRect.right + pad, y: rowRect.top, name: "droite" }, { x: rowRect.right + pad, y: rowRect.top, name: "droite" },
// Gauche
{ x: rowRect.left - w - pad, y: rowRect.top, name: "gauche" }, { x: rowRect.left - w - pad, y: rowRect.top, name: "gauche" },
// Dessous
{ x: rowRect.left, y: rowRect.bottom + pad, name: "dessous" }, { x: rowRect.left, y: rowRect.bottom + pad, name: "dessous" },
// Dessus
{ x: rowRect.left, y: rowRect.top - h - pad, name: "dessus" } { x: rowRect.left, y: rowRect.top - h - pad, name: "dessus" }
]; ];