Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 FroSteel
|
a382d8f35f | ||
|
FroSteel
|
7824990fba | ||
|
FroSteel
|
e7c5e281d9 |
+32
-17
@@ -774,24 +774,34 @@ async function deletePlanningItem(origin, phpsessid, actionId, kind) {
|
||||
throw new Error("session_expired");
|
||||
}
|
||||
|
||||
// v5.0.1 : heuristique pour détecter si la suppression a marché.
|
||||
// EasyVista renvoie typiquement :
|
||||
// - une chaine vide ou "ok" ou "1" si succès
|
||||
// - un message d'erreur / html d'erreur si function_name inconnu
|
||||
// On considère que tout ce qui n'est pas un message d'erreur évident
|
||||
// est un succès. Si plusieurs fn renvoient 200, on prend le premier.
|
||||
const trimmed = (body || "").trim().toLowerCase();
|
||||
const looksLikeError = trimmed.includes("error")
|
||||
|| trimmed.includes("erreur")
|
||||
|| trimmed.includes("unknown function")
|
||||
|| trimmed.includes("fonction inconnue")
|
||||
|| trimmed.includes("<html");
|
||||
if (!looksLikeError) {
|
||||
console.log(`[bg] → suppression OK avec function_name=${fn}`);
|
||||
return { status: r.status, functionName: fn, body: body.substring(0, 200) };
|
||||
// v5.0.14 : détection explicite du succès XML observé dans les captures
|
||||
// réseau : <Planning_delete_absence>true</Planning_delete_absence>
|
||||
const trimmed = (body || "").trim();
|
||||
const lower = trimmed.toLowerCase();
|
||||
|
||||
// Succès explicite : réponse XML du type <X>true</X>
|
||||
if (/^<\w+>true<\/\w+>\s*$/i.test(trimmed)) {
|
||||
console.log(`[bg] → SUCCÈS confirmé par XML <...>true</...> avec function_name=${fn}`);
|
||||
return { status: r.status, functionName: fn, body: trimmed };
|
||||
}
|
||||
console.log(`[bg] → réponse ressemble à une erreur, on tente le prochain nom`);
|
||||
lastBody = body;
|
||||
|
||||
// Détection d'échec : <X>false</X>, erreurs, html, redirect, etc.
|
||||
const looksLikeError = /^<\w+>false<\/\w+>\s*$/i.test(trimmed)
|
||||
|| lower.includes("error")
|
||||
|| lower.includes("erreur")
|
||||
|| lower.includes("unknown function")
|
||||
|| lower.includes("fonction inconnue")
|
||||
|| lower.includes("<html")
|
||||
|| lower.includes("window.location.href");
|
||||
if (looksLikeError) {
|
||||
console.log(`[bg] → réponse ressemble à une erreur, on tente le prochain nom`);
|
||||
lastBody = body;
|
||||
continue;
|
||||
}
|
||||
// Pas d'erreur évidente mais pas de succès explicite non plus
|
||||
// (ex: réponse vide ou "1" ou "ok"). On considère comme succès.
|
||||
console.log(`[bg] → suppression probablement OK (body neutre) avec function_name=${fn}`);
|
||||
return { status: r.status, functionName: fn, body: trimmed.substring(0, 200) };
|
||||
} catch (err) {
|
||||
if (err.message === "session_expired") throw err;
|
||||
console.warn(`[bg] erreur avec ${fn}:`, err);
|
||||
@@ -1174,6 +1184,11 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
|
||||
url: `${origin}/`, // racine → EV redirige vers SSO si besoin
|
||||
active: true
|
||||
});
|
||||
// v2026.5.16 : surveiller cet onglet — si on tombe sur la page de
|
||||
// login manuel portail.etat-de-vaud.ch/iamlogin/, rediriger vers
|
||||
// portail.etat-de-vaud.ch/iam/accueil/ qui déclenche le Windows
|
||||
// SSO Kerberos automatiquement.
|
||||
watchReconnectTabForIamLogin(tab.id);
|
||||
sendResponse({ ok: true, tabId: tab.id, origin });
|
||||
} catch (err) {
|
||||
sendResponse({ ok: false, error: err.message || String(err) });
|
||||
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "Planification",
|
||||
"version": "2026.5.19",
|
||||
"version": "2026.5.22",
|
||||
"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": {
|
||||
|
||||
+448
-3
@@ -2000,13 +2000,28 @@ body.modal-open {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 1.1;
|
||||
color: var(--text);
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.app-clock-date {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: var(--text-muted);
|
||||
letter-spacing: 0.3px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.app-clock-time {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
font-variant-numeric: tabular-nums;
|
||||
color: var(--text);
|
||||
letter-spacing: 1px;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
.topbar { position: sticky; /* déja défini plus haut */ }
|
||||
/* topbar doit être en position: relative parent pour que .app-clock absolute
|
||||
@@ -2465,3 +2480,433 @@ header.topbar::before {
|
||||
.banner-reconnect-failed .banner-btn-primary:hover {
|
||||
background: #f8d7da;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.16 : responsive topbar
|
||||
========================================================================== */
|
||||
|
||||
/* Breakpoint medium : entre 1000 et 1300px, on compacte un peu */
|
||||
@media (max-width: 1300px) {
|
||||
.app-clock-date { font-size: 11px; }
|
||||
.app-clock-time { font-size: 20px; }
|
||||
.topbar-right .btn-action .btn-action-label,
|
||||
.topbar-right .btn-refresh .btn-refresh-label {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Breakpoint small : moins de 1000px, on masque les labels de boutons action
|
||||
et on réduit encore l'horloge. Les icônes restent, titres restent. */
|
||||
@media (max-width: 1000px) {
|
||||
.topbar { padding: 8px 14px; gap: 8px; }
|
||||
.topbar h1 { font-size: 16px; }
|
||||
.app-clock { font-size: smaller; }
|
||||
.app-clock-date { font-size: 10px; }
|
||||
.app-clock-time { font-size: 18px; }
|
||||
.btn-action .btn-action-label,
|
||||
.btn-refresh .btn-refresh-label {
|
||||
display: none;
|
||||
}
|
||||
.btn-action, .btn-refresh {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.capture-info { display: none; }
|
||||
}
|
||||
|
||||
/* Breakpoint très petit : moins de 720px, on cache la date complète (garde
|
||||
juste l'heure) et on autorise le wrap total */
|
||||
@media (max-width: 720px) {
|
||||
.topbar {
|
||||
flex-wrap: wrap;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.app-clock {
|
||||
position: static;
|
||||
transform: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.app-clock-date { display: none; }
|
||||
.topbar-left { flex-wrap: wrap; }
|
||||
.date-nav { margin-top: 4px; }
|
||||
.date-picker-day { min-width: 46px; font-size: 12px; }
|
||||
.topbar-right { flex-wrap: wrap; justify-content: flex-end; }
|
||||
}
|
||||
|
||||
/* Breakpoint minuscule : masque aussi les labels de refresh, boutons deviennent
|
||||
vraiment iconifiés */
|
||||
@media (max-width: 520px) {
|
||||
.app-clock-time { font-size: 16px; }
|
||||
.topbar h1 { font-size: 14px; }
|
||||
.btn-today { padding: 4px 6px; font-size: 11px; }
|
||||
.btn-nav { min-width: 26px; padding: 4px 6px; }
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.17 : topbar des popups épinglés (3 boutons : _ ▭ 📍)
|
||||
========================================================================== */
|
||||
.pinned-popup {
|
||||
/* Laisser un peu de place en haut pour la topbar */
|
||||
padding-top: 30px !important;
|
||||
}
|
||||
/* v2026.5.18 : masquer le conteneur d'actions d'origine (↻ reload + 📌 pin)
|
||||
dans les popups épinglés — leur place est reprise par notre .pinned-popup-topbar */
|
||||
.pinned-popup .tooltip-actions {
|
||||
display: none !important;
|
||||
}
|
||||
.pinned-popup-topbar {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
align-items: center;
|
||||
z-index: 10;
|
||||
}
|
||||
.pinned-popup-btn {
|
||||
width: 26px;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
background: transparent;
|
||||
color: var(--text-muted);
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
transition: background 0.1s, color 0.1s, border-color 0.1s;
|
||||
font-family: inherit;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.pinned-popup-btn:hover {
|
||||
background: var(--bg-muted);
|
||||
color: var(--text);
|
||||
border-color: var(--border);
|
||||
}
|
||||
.pinned-popup-unpin {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.17 : mode Minimisé (popup flottant compact, juste la ref)
|
||||
v2026.5.19 : refonte — élément .pinned-popup-minref créé à la volée
|
||||
v2026.5.21 : agrandi pour que la ref tienne sans déborder
|
||||
v2026.5.22 : encore agrandi + plus d'espace entre dragbar et topbar
|
||||
========================================================================== */
|
||||
.pinned-popup.pinned-popup-minimized {
|
||||
min-width: 300px !important;
|
||||
max-width: 360px !important;
|
||||
width: 300px !important;
|
||||
height: auto !important;
|
||||
min-height: 80px !important;
|
||||
padding: 44px 16px 16px 16px !important;
|
||||
overflow: visible;
|
||||
background: var(--bg-elevated) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
}
|
||||
/* Séparer visuellement la dragbar (collée en haut) des boutons topbar */
|
||||
.pinned-popup.pinned-popup-minimized .pinned-popup-topbar {
|
||||
top: 14px !important; /* sous la dragbar (qui fait ~6-8px) */
|
||||
}
|
||||
/* Masquer tous les enfants directs du popup minimisé */
|
||||
.pinned-popup.pinned-popup-minimized > *:not(.pinned-popup-topbar):not(.pinned-popup-dragbar):not(.pinned-popup-minref) {
|
||||
display: none !important;
|
||||
}
|
||||
/* L'élément ref dédié, centré et gros */
|
||||
.pinned-popup-minref {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 10px 12px;
|
||||
font-family: var(--mono, monospace);
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
border-radius: 4px;
|
||||
transition: background 0.12s;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.pinned-popup-minref:hover {
|
||||
background: var(--bg-muted);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.17 : mode Réduit (docké en bas de l'écran) + taskbar
|
||||
========================================================================== */
|
||||
.pinned-popup.pinned-popup-reduced {
|
||||
display: none !important;
|
||||
}
|
||||
.pinned-popups-dock {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 50;
|
||||
display: none;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
padding: 6px 10px;
|
||||
background: var(--bg-elevated);
|
||||
border-top: 1px solid var(--border);
|
||||
box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
|
||||
align-items: center;
|
||||
}
|
||||
.pinned-popups-dock.visible {
|
||||
display: flex;
|
||||
}
|
||||
.pinned-popup-dock-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 6px 14px;
|
||||
background: var(--bg-muted);
|
||||
color: var(--text);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 16px;
|
||||
font-family: var(--mono, monospace);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, transform 0.15s, filter 0.15s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.pinned-popup-dock-pill:hover {
|
||||
transform: translateY(-1px);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
/* v2026.5.18 : couleurs par catégorie (fond = couleur, texte blanc) */
|
||||
.pinned-popup-dock-pill.color-livraison { background: var(--c-livraison); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-installation { background: var(--c-installation); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-recup { background: var(--c-recup); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-remplacement { background: var(--c-remplacement); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-incident { background: var(--c-incident); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-rollout { background: var(--c-rollout); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-reservation { background: var(--c-reservation); color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-absence { background: #2a2f36; color: white; border-color: transparent; }
|
||||
.pinned-popup-dock-pill.color-autre { background: var(--c-autre); color: white; border-color: transparent; }
|
||||
|
||||
/* v2026.5.18 : bouton "Fermer tous" à droite du dock */
|
||||
.pinned-popups-close-all {
|
||||
margin-left: auto;
|
||||
padding: 6px 12px;
|
||||
background: transparent;
|
||||
color: var(--text-muted);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
transition: background 0.15s, color 0.15s, border-color 0.15s;
|
||||
}
|
||||
.pinned-popups-close-all:hover {
|
||||
background: rgba(239, 68, 68, 0.1);
|
||||
color: #ef4444;
|
||||
border-color: #ef4444;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.17 : popup user-badge avec ligne session
|
||||
========================================================================== */
|
||||
.user-name-popup-name {
|
||||
font-weight: 600;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.user-name-popup-session {
|
||||
font-size: 12px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.user-name-popup-session.session-ok { color: var(--text-muted); }
|
||||
.user-name-popup-session.session-warn { color: #f59e0b; font-weight: 600; }
|
||||
.user-name-popup-session.session-critical { color: #ef4444; font-weight: 700; }
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.17 : popup alerte session qui glisse depuis haut-gauche
|
||||
========================================================================== */
|
||||
.session-slide-alert {
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
left: -420px; /* hors écran au départ */
|
||||
width: 380px;
|
||||
max-width: calc(100vw - 40px);
|
||||
padding: 14px 18px;
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 4px solid #f59e0b;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
|
||||
z-index: 1000;
|
||||
transition: left 0.28s ease-out, opacity 0.28s;
|
||||
opacity: 0;
|
||||
}
|
||||
.session-slide-alert.visible {
|
||||
left: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
.session-slide-alert.urgent {
|
||||
border-left-color: #ef4444;
|
||||
animation: session-pulse 1.4s ease-in-out infinite;
|
||||
}
|
||||
@keyframes session-pulse {
|
||||
0%, 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.25); }
|
||||
50% { box-shadow: 0 8px 24px rgba(239,68,68,0.5); }
|
||||
}
|
||||
.session-slide-alert-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.session-slide-alert-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.session-slide-alert-extend,
|
||||
.session-slide-alert-later {
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border);
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
}
|
||||
.session-slide-alert-extend {
|
||||
background: #10b981;
|
||||
color: white;
|
||||
border-color: #10b981;
|
||||
font-weight: 600;
|
||||
}
|
||||
.session-slide-alert-extend:hover { background: #059669; }
|
||||
.session-slide-alert-extend:disabled { opacity: 0.6; cursor: wait; }
|
||||
.session-slide-alert-later {
|
||||
background: transparent;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.session-slide-alert-later:hover {
|
||||
background: var(--bg-muted);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.19 : nouveaux éléments
|
||||
========================================================================== */
|
||||
|
||||
/* Bouton Actualiser (↻) dans la topbar du popup épinglé — animation spin */
|
||||
.pinned-popup-refresh {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.pinned-popup-refresh svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.pinned-popup-refresh.spinning svg {
|
||||
animation: pinned-popup-refresh-spin 0.6s linear infinite;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.pinned-popup-refresh.spinning {
|
||||
pointer-events: none;
|
||||
}
|
||||
@keyframes pinned-popup-refresh-spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* Pendant le drag d'un popup, ignorer les hover sur les cartes pour ne pas
|
||||
ouvrir des tooltips parasites */
|
||||
body.popup-dragging .intervention-v2,
|
||||
body.popup-dragging .card {
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Mais garder les popups épinglés cliquables */
|
||||
body.popup-dragging .pinned-popup {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* Pastille dock à 2 lignes : ref (gras) + date (petit) */
|
||||
.pinned-popup-dock-pill {
|
||||
flex-direction: column !important;
|
||||
align-items: center !important;
|
||||
padding: 4px 14px !important;
|
||||
line-height: 1.1;
|
||||
gap: 1px !important;
|
||||
}
|
||||
.pinned-popup-dock-pill-ref {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
font-family: var(--mono, monospace);
|
||||
}
|
||||
.pinned-popup-dock-pill-date {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
font-weight: 500;
|
||||
opacity: 0.85;
|
||||
font-family: var(--mono, monospace);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.20 : mini-menu au survol d'une pastille dock
|
||||
========================================================================== */
|
||||
.pill-hover-menu {
|
||||
position: fixed;
|
||||
z-index: 60;
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
|
||||
padding: 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
min-width: 130px;
|
||||
animation: pill-hover-menu-appear 0.12s ease-out;
|
||||
}
|
||||
@keyframes pill-hover-menu-appear {
|
||||
from { opacity: 0; transform: translateY(4px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
.pill-hover-menu-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 10px;
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
transition: background 0.12s;
|
||||
}
|
||||
.pill-hover-menu-btn:hover {
|
||||
background: var(--bg-muted);
|
||||
}
|
||||
.pill-hover-menu-btn.pill-hover-menu-close:hover {
|
||||
background: rgba(239, 68, 68, 0.15);
|
||||
color: #ef4444;
|
||||
}
|
||||
.pill-menu-ico {
|
||||
font-size: 14px;
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
v2026.5.21 : icône 📍 "active" dans le tooltip hover = déjà épinglée
|
||||
========================================================================== */
|
||||
.tooltip-pinbtn.tooltip-pinbtn-active {
|
||||
opacity: 1 !important;
|
||||
filter: none !important;
|
||||
background: rgba(239, 68, 68, 0.15);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
+5
-2
@@ -30,8 +30,11 @@
|
||||
<span id="capture-info" class="capture-info"></span>
|
||||
<span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
|
||||
</div>
|
||||
<!-- v5.0.0 : horloge au milieu, format HH:MM, mise à jour toutes les min -->
|
||||
<div id="app-clock" class="app-clock" title="Heure actuelle"></div>
|
||||
<!-- v2026.5.16 : date complète du jour au-dessus de l'heure dans la topbar -->
|
||||
<div id="app-clock" class="app-clock" title="Date et heure actuelles">
|
||||
<div id="app-clock-date" class="app-clock-date"></div>
|
||||
<div id="app-clock-time" class="app-clock-time"></div>
|
||||
</div>
|
||||
<!-- v5.0.9 : compteur de session EasyVista (visible < 5 min restantes) -->
|
||||
<div id="app-session" class="app-session hidden"></div>
|
||||
<div class="topbar-right">
|
||||
|
||||
@@ -6457,16 +6457,30 @@ function _findFreePopupPosition(rowEl, w, h) {
|
||||
{ x: rowRect.left, y: rowRect.top - h - pad, name: "dessus" }
|
||||
];
|
||||
|
||||
// Pour chaque candidat, clamper dans le viewport (marge 8px) et convertir
|
||||
// en coord document, puis tester le chevauchement
|
||||
// v2026.5.20 : ajouter une grille de positions de fallback couvrant toute
|
||||
// la safe area (pas de 60px × 60px) — garantit qu'on trouve ~toujours une
|
||||
// place, sauf si vraiment trop de popups actifs.
|
||||
const availW = safe.right - safe.left;
|
||||
const availH = safe.bottom - safe.top;
|
||||
if (availW > w + 20 && availH > h + 20) {
|
||||
for (let y = safe.top; y + h <= safe.bottom; y += 60) {
|
||||
for (let x = safe.left; x + w <= safe.right; x += 60) {
|
||||
candidates.push({ x, y, name: "grid" });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Tester chaque candidat dans l'ordre
|
||||
for (const c of candidates) {
|
||||
let x = c.x, y = c.y;
|
||||
// Clamp horizontal dans le viewport
|
||||
if (x < 4) x = 4;
|
||||
if (x + w > viewportW - 8) x = viewportW - 8 - w;
|
||||
// Clamp vertical dans le viewport
|
||||
if (y < 4) y = 4;
|
||||
if (y + h > viewportH - 8) y = viewportH - 8 - h;
|
||||
// Clamp dans la safe area
|
||||
if (x < safe.left) x = safe.left;
|
||||
if (x + w > safe.right) x = safe.right - w;
|
||||
if (x < safe.left) continue; // popup plus large que safe area
|
||||
if (y < safe.top) y = safe.top;
|
||||
if (y + h > safe.bottom) y = safe.bottom - h;
|
||||
if (y < safe.top) continue;
|
||||
|
||||
// Si, après clamp, la popup chevaucherait la ligne source elle-même,
|
||||
// on ignore ce candidat (on préfère une direction qui la laisse visible).
|
||||
const rowRectClamped = {
|
||||
@@ -6474,9 +6488,12 @@ function _findFreePopupPosition(rowEl, w, h) {
|
||||
right: rowRect.right, bottom: rowRect.bottom
|
||||
};
|
||||
const candRect = { left: x, top: y, right: x + w, bottom: y + h };
|
||||
if (_rectsOverlap(candRect, rowRectClamped)) continue;
|
||||
// v2026.5.20 : pour les 4 candidats principaux, on refuse de chevaucher
|
||||
// la row ; pour les candidats "grid" de fallback, on l'accepte
|
||||
// (on veut une place à tout prix).
|
||||
if (c.name !== "grid" && _rectsOverlap(candRect, rowRectClamped)) continue;
|
||||
|
||||
// Test chevauchement avec les popups déjà épinglés
|
||||
// Test chevauchement avec les popups déjà épinglés (coords document)
|
||||
const docRect = {
|
||||
left: _viewportToDocumentX(x),
|
||||
top: _viewportToDocumentY(y),
|
||||
@@ -6485,13 +6502,14 @@ function _findFreePopupPosition(rowEl, w, h) {
|
||||
};
|
||||
let overlapsOther = false;
|
||||
for (const p of pinnedPopups) {
|
||||
// Ne pas comparer avec un popup qui est dans le dock (réduit)
|
||||
if (p.el && p.el.classList && p.el.classList.contains("pinned-popup-reduced")) continue;
|
||||
if (_rectsOverlap(docRect, p.rect)) {
|
||||
overlapsOther = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!overlapsOther) {
|
||||
// Position libre trouvée
|
||||
return {
|
||||
viewportX: x, viewportY: y,
|
||||
docX: docRect.left, docY: docRect.top,
|
||||
@@ -6499,6 +6517,30 @@ function _findFreePopupPosition(rowEl, w, h) {
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// v2026.5.20 : ultime fallback — accepter de chevaucher mais décaler
|
||||
// un peu par rapport au 1er popup épinglé existant. Évite complètement
|
||||
// le "Pas de place" injuste.
|
||||
if (pinnedPopups.length > 0) {
|
||||
const last = pinnedPopups[pinnedPopups.length - 1];
|
||||
let x = (last.rect.left - (window.scrollX || 0)) + 30;
|
||||
let y = (last.rect.top - (window.scrollY || 0)) + 30;
|
||||
if (x + w > safe.right) x = safe.right - w;
|
||||
if (y + h > safe.bottom) y = safe.bottom - h;
|
||||
if (x < safe.left) x = safe.left;
|
||||
if (y < safe.top) y = safe.top;
|
||||
const docRect = {
|
||||
left: _viewportToDocumentX(x),
|
||||
top: _viewportToDocumentY(y),
|
||||
right: _viewportToDocumentX(x + w),
|
||||
bottom: _viewportToDocumentY(y + h)
|
||||
};
|
||||
return {
|
||||
viewportX: x, viewportY: y,
|
||||
docX: docRect.left, docY: docRect.top,
|
||||
rect: docRect
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
@@ -6512,6 +6554,34 @@ function pinTooltip() {
|
||||
if (!srcEl) return;
|
||||
const iv = state.currentTooltipIv;
|
||||
|
||||
// v2026.5.21 : unicité actionId + date. Si un popup pour la même ref
|
||||
// ET la même date est déjà épinglé, on le supprime et on re-crée un nouveau
|
||||
// (user a choisi ce comportement : "tu supprime le popup actuellement
|
||||
// épinglé et tu répingle la nouvelle fenêtre").
|
||||
const currentDate = state.currentDate || "";
|
||||
const existingKey = (iv.actionId || "") + "|" + currentDate;
|
||||
for (let i = pinnedPopups.length - 1; i >= 0; i--) {
|
||||
const p = pinnedPopups[i];
|
||||
if (!p || !p.el) continue;
|
||||
const aid = p.el.dataset.actionId || "";
|
||||
const d = p.el.dataset.originDate || "";
|
||||
if (aid + "|" + d === existingKey) {
|
||||
// Retirer l'ancien (popup + pastille dock éventuelle)
|
||||
if (p.el._linkedPill) {
|
||||
try { p.el._linkedPill.remove(); } catch (e) {}
|
||||
}
|
||||
try { p.el.remove(); } catch (e) {}
|
||||
pinnedPopups.splice(i, 1);
|
||||
}
|
||||
}
|
||||
// Nettoyer un éventuel dock devenu vide
|
||||
const dockEl = document.getElementById("pinned-popups-dock");
|
||||
if (dockEl && dockEl.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
|
||||
dockEl.classList.remove("visible");
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
}
|
||||
|
||||
// Chercher la ligne source (row iv-v2)
|
||||
let rowEl = null;
|
||||
if (iv.actionId) {
|
||||
@@ -6528,20 +6598,84 @@ function pinTooltip() {
|
||||
popup.dataset.actionId = iv.actionId || "";
|
||||
popup.innerHTML = srcEl.innerHTML;
|
||||
|
||||
// Ajouter un bouton × de fermeture (en plus du 📌)
|
||||
const closeBtn = document.createElement("button");
|
||||
closeBtn.type = "button";
|
||||
closeBtn.className = "pinned-popup-close";
|
||||
closeBtn.innerHTML = "×";
|
||||
closeBtn.title = "Désépingler (reste visible tant que la souris est dessus)";
|
||||
closeBtn.addEventListener("click", (e) => {
|
||||
// v2026.5.18 : mémoriser la ref et la couleur pour le dock (pastille avec
|
||||
// couleur de catégorie + texte ref)
|
||||
popup.dataset.ref = iv.ref || "";
|
||||
popup.dataset.colorKey = (typeof deriveColorKey === "function" ? deriveColorKey(iv) : "autre") || "autre";
|
||||
|
||||
// v2026.5.19 : mémoriser aussi la date pour l'afficher sur la pastille dock
|
||||
popup.dataset.originDate = state.currentDate || "";
|
||||
|
||||
// v2026.5.17 : masquer l'icône 📌 du contenu cloné (redondante car le
|
||||
// popup a sa propre topbar avec le bouton "désépingler" 📍 explicite)
|
||||
const oldPin = popup.querySelector('.tooltip-pinbtn[data-action="pin"]');
|
||||
if (oldPin) oldPin.remove();
|
||||
|
||||
// v2026.5.17 : topbar avec 3 boutons pour un popup épinglé :
|
||||
// v2026.5.18 : swap des actions — _ réduit dans le dock, ▭ minimise flottant
|
||||
// _ = Réduire (docké dans la taskbar du bas)
|
||||
// ▭ = Minimiser (popup reste flottant mais compact, juste la ref)
|
||||
// 📍 = Désépingler (l'icône d'épingle "plantée" ; clic = retire l'épingle)
|
||||
const topbar = document.createElement("div");
|
||||
topbar.className = "pinned-popup-topbar";
|
||||
|
||||
// Bouton Réduire (icône _ )
|
||||
const reduceBtn = document.createElement("button");
|
||||
reduceBtn.type = "button";
|
||||
reduceBtn.className = "pinned-popup-btn pinned-popup-reduce";
|
||||
reduceBtn.innerHTML = "_";
|
||||
reduceBtn.title = "Réduire (docké en bas de l'écran)";
|
||||
reduceBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_reducePinnedPopup(popup);
|
||||
});
|
||||
topbar.appendChild(reduceBtn);
|
||||
|
||||
// Bouton Minimiser (icône ▭ )
|
||||
const minBtn = document.createElement("button");
|
||||
minBtn.type = "button";
|
||||
minBtn.className = "pinned-popup-btn pinned-popup-minimize";
|
||||
minBtn.innerHTML = "▭";
|
||||
minBtn.title = "Minimiser (reste flottant mais compact)";
|
||||
minBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_minimizePinnedPopup(popup);
|
||||
});
|
||||
topbar.appendChild(minBtn);
|
||||
|
||||
// v2026.5.19 : Bouton Actualiser (même icône SVG que le tooltip standard)
|
||||
// Re-fetch la fiche de l'intervention pour mettre à jour les infos (statut,
|
||||
// commentaires, action text) sans recharger le planning entier.
|
||||
const refreshBtn = document.createElement("button");
|
||||
refreshBtn.type = "button";
|
||||
refreshBtn.className = "pinned-popup-btn pinned-popup-refresh";
|
||||
refreshBtn.innerHTML = '<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 1 0 1.76-4.24M2 3v3h3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>';
|
||||
refreshBtn.title = "Actualiser les informations de cette intervention";
|
||||
refreshBtn.addEventListener("click", async (e) => {
|
||||
e.stopPropagation();
|
||||
if (refreshBtn.classList.contains("spinning")) return;
|
||||
refreshBtn.classList.add("spinning");
|
||||
try {
|
||||
await _refreshPinnedPopupIv(popup, iv);
|
||||
} finally {
|
||||
setTimeout(() => refreshBtn.classList.remove("spinning"), 300);
|
||||
}
|
||||
});
|
||||
topbar.appendChild(refreshBtn);
|
||||
|
||||
// Bouton Désépingler (icône épingle plantée)
|
||||
const unpinBtn = document.createElement("button");
|
||||
unpinBtn.type = "button";
|
||||
unpinBtn.className = "pinned-popup-btn pinned-popup-unpin";
|
||||
unpinBtn.innerHTML = "📍";
|
||||
unpinBtn.title = "Désépingler (se ferme quand la souris sort)";
|
||||
unpinBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
// Désépinglage "mou" : on marque la popup comme non épinglée mais on la
|
||||
// laisse visible tant que la souris est dessus. Elle disparaît quand la
|
||||
// souris sort.
|
||||
_softUnpinPopup(popup);
|
||||
});
|
||||
popup.appendChild(closeBtn);
|
||||
topbar.appendChild(unpinBtn);
|
||||
|
||||
popup.appendChild(topbar);
|
||||
|
||||
// v4.3.3 : barre de drag en haut, pour déplacer la popup à la souris.
|
||||
// Ancrée en haut à 22px de haut ; le padding-top de la popup est augmenté
|
||||
@@ -6595,6 +6729,9 @@ function pinTooltip() {
|
||||
popup.style.top = pos.docY + "px";
|
||||
popup.style.visibility = "visible";
|
||||
|
||||
// v2026.5.20 : clamper dans la safe area (topbar + dock)
|
||||
_clampPopupInSafeArea(popup);
|
||||
|
||||
// Enregistrer dans la liste
|
||||
pinnedPopups.push({ el: popup, iv: iv, rect: pos.rect });
|
||||
|
||||
@@ -6621,6 +6758,44 @@ function _closePinnedPopup(el) {
|
||||
el.remove();
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.19 : re-fetch les infos d'une intervention et met à jour le contenu
|
||||
* du popup épinglé correspondant. Utilise fetchAndUpdateIntervention qui fait
|
||||
* xhr2 + fiche, puis régénère le HTML du tooltip avec buildTooltipHTML.
|
||||
*/
|
||||
async function _refreshPinnedPopupIv(popup, iv) {
|
||||
if (!popup || !iv) return;
|
||||
try {
|
||||
// Forcer le refetch : on invalide les flags qui disent "déjà fetché"
|
||||
iv.xhr2Fetched = false;
|
||||
iv.xhr2Fetching = false;
|
||||
iv.ficheFetched = false;
|
||||
iv.ficheFetching = false;
|
||||
|
||||
// Token de refresh actuel (pour que fetchAndUpdateIntervention ne soit
|
||||
// pas abortée par les checks isRefreshAborted)
|
||||
const token = (typeof currentRefreshToken !== "undefined") ? currentRefreshToken : 0;
|
||||
|
||||
await fetchAndUpdateIntervention(iv, token);
|
||||
|
||||
// Régénérer le HTML du tooltip avec les nouvelles infos.
|
||||
// On doit réinjecter juste le contenu, en gardant la topbar et la dragbar
|
||||
// (qui ne sont PAS dans le tooltip source, elles sont propres au popup).
|
||||
const topbar = popup.querySelector(".pinned-popup-topbar");
|
||||
const dragbar = popup.querySelector(".pinned-popup-dragbar");
|
||||
const newHtml = buildTooltipHTML(iv);
|
||||
popup.innerHTML = newHtml;
|
||||
// Virer aussi la vieille icône 📌 si elle revient dans le rebuild
|
||||
const oldPin = popup.querySelector('.tooltip-pinbtn[data-action="pin"]');
|
||||
if (oldPin) oldPin.remove();
|
||||
// Remettre topbar et dragbar
|
||||
if (topbar) popup.appendChild(topbar);
|
||||
if (dragbar) popup.appendChild(dragbar);
|
||||
} catch (err) {
|
||||
console.warn("[refresh-popup]", err);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Désépinglage "mou" : la popup n'est plus considérée épinglée (elle n'est
|
||||
* plus dans pinnedPopups, donc le comptage pour Ctrl×2 etc. ignore) mais on
|
||||
@@ -6647,6 +6822,35 @@ function _softUnpinPopup(el) {
|
||||
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
|
||||
if (el._linkedPill) {
|
||||
try { el._linkedPill.remove(); } catch (e) {}
|
||||
el._linkedPill = null;
|
||||
}
|
||||
// Si le dock est vide, le cacher ; mettre à jour le bouton "Fermer tous"
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock && dock.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
|
||||
dock.classList.remove("visible");
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
} else {
|
||||
_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é.
|
||||
const tip = tooltipEl();
|
||||
if (tip && tip.classList.contains("visible") && state.currentTooltipIv) {
|
||||
tip.innerHTML = buildTooltipHTML(state.currentTooltipIv);
|
||||
}
|
||||
|
||||
// Helper qui joue l'animation de sortie puis supprime le DOM
|
||||
const animateAndRemove = () => {
|
||||
@@ -6663,6 +6867,430 @@ function _softUnpinPopup(el) {
|
||||
el.addEventListener("mouseleave", animateAndRemove, { once: true });
|
||||
}
|
||||
|
||||
// ============================================================================
|
||||
// v2026.5.17 : États d'un popup épinglé
|
||||
// - Normal (complet, flottant)
|
||||
// - Minimisé (compact, flottant, juste la ref + topbar)
|
||||
// - Réduit (docké dans la taskbar en bas de l'écran)
|
||||
// ============================================================================
|
||||
|
||||
/**
|
||||
* Passe un popup épinglé en mode Minimisé : on ne montre plus que la ref,
|
||||
* dans un petit cadre flottant toujours drag-able.
|
||||
*
|
||||
* v2026.5.19 : au lieu de masquer tout le contenu via CSS et tenter de
|
||||
* réafficher la ref (fragile), on crée un élément dédié `.pinned-popup-minref`
|
||||
* qui contient juste la ref + la date. Cet élément est ajouté/retiré au besoin.
|
||||
*/
|
||||
function _minimizePinnedPopup(popup) {
|
||||
if (!popup) return;
|
||||
popup.classList.add("pinned-popup-minimized");
|
||||
|
||||
// Adapter les boutons topbar : [▭] devient [⬆] (agrandir)
|
||||
const minBtn = popup.querySelector(".pinned-popup-minimize");
|
||||
if (minBtn) {
|
||||
minBtn.innerHTML = "⬆";
|
||||
minBtn.title = "Agrandir";
|
||||
// On retire les anciens listeners en clonant l'élément
|
||||
const newBtn = minBtn.cloneNode(true);
|
||||
minBtn.replaceWith(newBtn);
|
||||
newBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_expandPinnedPopup(popup);
|
||||
});
|
||||
}
|
||||
|
||||
// Créer un élément dédié pour afficher la ref en mode minimisé
|
||||
let minRef = popup.querySelector(".pinned-popup-minref");
|
||||
if (!minRef) {
|
||||
minRef = document.createElement("div");
|
||||
minRef.className = "pinned-popup-minref";
|
||||
const refText = popup.dataset.ref || "(sans ref)";
|
||||
minRef.textContent = refText;
|
||||
minRef.title = "Cliquer pour agrandir";
|
||||
minRef.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_expandPinnedPopup(popup);
|
||||
});
|
||||
popup.appendChild(minRef);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Repasse un popup minimisé en mode Normal (complet).
|
||||
*/
|
||||
function _expandPinnedPopup(popup) {
|
||||
if (!popup) return;
|
||||
popup.classList.remove("pinned-popup-minimized");
|
||||
|
||||
// Restaurer bouton Minimiser
|
||||
const minBtn = popup.querySelector(".pinned-popup-minimize");
|
||||
if (minBtn) {
|
||||
minBtn.innerHTML = "▭";
|
||||
minBtn.title = "Minimiser (reste flottant mais compact)";
|
||||
const newBtn = minBtn.cloneNode(true);
|
||||
minBtn.replaceWith(newBtn);
|
||||
newBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_minimizePinnedPopup(popup);
|
||||
});
|
||||
}
|
||||
|
||||
// Retirer l'élément ref dédié (s'il existe)
|
||||
const minRef = popup.querySelector(".pinned-popup-minref");
|
||||
if (minRef) minRef.remove();
|
||||
}
|
||||
|
||||
/**
|
||||
* Passe un popup épinglé en mode Réduit : il disparaît de son emplacement
|
||||
* flottant et vient s'ajouter dans une taskbar en bas de l'écran sous forme
|
||||
* de pastille cliquable.
|
||||
*/
|
||||
function _reducePinnedPopup(popup) {
|
||||
if (!popup) return;
|
||||
|
||||
// Récupérer la référence pour le label de la pastille
|
||||
// v2026.5.18 : préférer le dataset.ref mémorisé à la création plutôt que
|
||||
// le textContent (qui peut contenir "—" si la ref n'était pas encore
|
||||
// disponible à l'épinglage)
|
||||
const refEl = popup.querySelector(".iv-ref-header");
|
||||
const label = popup.dataset.ref
|
||||
|| (refEl ? (refEl.textContent || "").trim() : "")
|
||||
|| "Popup";
|
||||
const colorKey = popup.dataset.colorKey || "autre";
|
||||
|
||||
// S'assurer que la taskbar du bas existe
|
||||
let dock = document.getElementById("pinned-popups-dock");
|
||||
if (!dock) {
|
||||
dock = document.createElement("div");
|
||||
dock.id = "pinned-popups-dock";
|
||||
dock.className = "pinned-popups-dock";
|
||||
document.body.appendChild(dock);
|
||||
}
|
||||
|
||||
// Créer la pastille dock
|
||||
// v2026.5.18 : le fond de la pastille prend la couleur de catégorie
|
||||
// (via la classe color-XXX déjà utilisée ailleurs dans le CSS)
|
||||
// v2026.5.19 : pastille à 2 lignes — ref (gras) + date origine (petit)
|
||||
const pill = document.createElement("button");
|
||||
pill.type = "button";
|
||||
pill.className = "pinned-popup-dock-pill color-" + colorKey;
|
||||
pill.title = "Cliquer pour agrandir";
|
||||
|
||||
const pillRef = document.createElement("span");
|
||||
pillRef.className = "pinned-popup-dock-pill-ref";
|
||||
pillRef.textContent = label;
|
||||
pill.appendChild(pillRef);
|
||||
|
||||
// Date d'origine (ex: "21.04")
|
||||
const originDate = popup.dataset.originDate || "";
|
||||
if (originDate) {
|
||||
const pillDate = document.createElement("span");
|
||||
pillDate.className = "pinned-popup-dock-pill-date";
|
||||
pillDate.textContent = _formatDateShort(originDate);
|
||||
pill.appendChild(pillDate);
|
||||
}
|
||||
|
||||
// Mémoriser la position/taille du popup avant de le masquer
|
||||
const rect = popup.getBoundingClientRect();
|
||||
popup.dataset.prevLeft = popup.style.left || (rect.left + "px");
|
||||
popup.dataset.prevTop = popup.style.top || (rect.top + "px");
|
||||
popup.dataset.prevWidth = popup.style.width || "";
|
||||
|
||||
// Cacher le popup (on le garde en DOM pour conserver son état et restaurer
|
||||
// instantanément)
|
||||
popup.classList.add("pinned-popup-reduced");
|
||||
|
||||
// Associer pill ↔ popup
|
||||
pill._linkedPopup = popup;
|
||||
popup._linkedPill = pill;
|
||||
|
||||
pill.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_restorePinnedPopupFromDock(popup);
|
||||
});
|
||||
|
||||
// v2026.5.20 : mini-menu au survol (Agrandir / Fermer)
|
||||
pill.addEventListener("mouseenter", () => {
|
||||
_showPillHoverMenu(pill, popup);
|
||||
});
|
||||
pill.addEventListener("mouseleave", (e) => {
|
||||
// Le menu peut être sous la souris — on ne ferme pas si on entre dans le menu
|
||||
_schedulePillMenuClose();
|
||||
});
|
||||
|
||||
dock.appendChild(pill);
|
||||
dock.classList.add("visible");
|
||||
|
||||
// v2026.5.18 : s'assurer qu'il y a un bouton "Fermer tous" si 2+ popups
|
||||
_ensureDockCloseAllBtn();
|
||||
|
||||
// v2026.5.20 : le dock qui apparaît peut chevaucher des popups flottants —
|
||||
// les reclamper pour qu'ils restent dans la safe area.
|
||||
_reclampAllFloatingPopups();
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.20 : affiche un mini-menu au-dessus d'une pastille dock au survol.
|
||||
* Contient 2 actions : Agrandir, Fermer.
|
||||
*/
|
||||
let _pillMenuCloseTimer = null;
|
||||
function _showPillHoverMenu(pill, popup) {
|
||||
// Annuler une fermeture en cours
|
||||
if (_pillMenuCloseTimer) {
|
||||
clearTimeout(_pillMenuCloseTimer);
|
||||
_pillMenuCloseTimer = null;
|
||||
}
|
||||
// S'il existe déjà un menu pour un autre pill, le fermer
|
||||
const existing = document.getElementById("pill-hover-menu");
|
||||
if (existing) {
|
||||
if (existing._linkedPill === pill) return; // déjà pour ce pill
|
||||
existing.remove();
|
||||
}
|
||||
|
||||
const menu = document.createElement("div");
|
||||
menu.id = "pill-hover-menu";
|
||||
menu.className = "pill-hover-menu";
|
||||
menu._linkedPill = pill;
|
||||
menu._linkedPopup = popup;
|
||||
|
||||
const restoreBtn = document.createElement("button");
|
||||
restoreBtn.type = "button";
|
||||
restoreBtn.className = "pill-hover-menu-btn";
|
||||
restoreBtn.innerHTML = '<span class="pill-menu-ico">⬆</span> Agrandir';
|
||||
restoreBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_hidePillHoverMenu();
|
||||
_restorePinnedPopupFromDock(popup);
|
||||
});
|
||||
menu.appendChild(restoreBtn);
|
||||
|
||||
const closeBtn = document.createElement("button");
|
||||
closeBtn.type = "button";
|
||||
closeBtn.className = "pill-hover-menu-btn pill-hover-menu-close";
|
||||
closeBtn.innerHTML = '<span class="pill-menu-ico">✕</span> Fermer';
|
||||
closeBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_hidePillHoverMenu();
|
||||
// Retirer le popup de la liste et supprimer le DOM
|
||||
const idx = pinnedPopups.findIndex(p => p.el === popup);
|
||||
if (idx >= 0) pinnedPopups.splice(idx, 1);
|
||||
try { popup.remove(); } catch (err) {}
|
||||
try { pill.remove(); } catch (err) {}
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock && dock.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
|
||||
dock.classList.remove("visible");
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
_reclampAllFloatingPopups();
|
||||
} else {
|
||||
_ensureDockCloseAllBtn();
|
||||
}
|
||||
});
|
||||
menu.appendChild(closeBtn);
|
||||
|
||||
document.body.appendChild(menu);
|
||||
|
||||
// Positionner au-dessus de la pastille
|
||||
const r = pill.getBoundingClientRect();
|
||||
const menuR = menu.getBoundingClientRect();
|
||||
let left = r.left + (r.width / 2) - (menuR.width / 2);
|
||||
if (left < 4) left = 4;
|
||||
if (left + menuR.width > window.innerWidth - 4) left = window.innerWidth - menuR.width - 4;
|
||||
menu.style.left = left + "px";
|
||||
menu.style.top = (r.top - menuR.height - 8) + "px";
|
||||
|
||||
// Garder ouvert si la souris entre dans le menu
|
||||
menu.addEventListener("mouseenter", () => {
|
||||
if (_pillMenuCloseTimer) {
|
||||
clearTimeout(_pillMenuCloseTimer);
|
||||
_pillMenuCloseTimer = null;
|
||||
}
|
||||
});
|
||||
menu.addEventListener("mouseleave", () => {
|
||||
_schedulePillMenuClose();
|
||||
});
|
||||
}
|
||||
|
||||
function _schedulePillMenuClose() {
|
||||
if (_pillMenuCloseTimer) clearTimeout(_pillMenuCloseTimer);
|
||||
_pillMenuCloseTimer = setTimeout(() => {
|
||||
_hidePillHoverMenu();
|
||||
_pillMenuCloseTimer = null;
|
||||
}, 250);
|
||||
}
|
||||
|
||||
function _hidePillHoverMenu() {
|
||||
const existing = document.getElementById("pill-hover-menu");
|
||||
if (existing) existing.remove();
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.20 : calcule la safe area pour les popups épinglés.
|
||||
* Retourne {top, bottom, left, right} en coords viewport.
|
||||
* - top : hauteur de la topbar (les popups ne doivent pas passer dessous)
|
||||
* - bottom : top du dock si visible, sinon hauteur viewport
|
||||
*/
|
||||
function _getPopupSafeArea() {
|
||||
let topLimit = 4;
|
||||
const topbar = document.querySelector("header.topbar");
|
||||
if (topbar) {
|
||||
const r = topbar.getBoundingClientRect();
|
||||
if (r.bottom > topLimit) topLimit = r.bottom + 4;
|
||||
}
|
||||
let bottomLimit = window.innerHeight - 4;
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock && dock.classList.contains("visible")) {
|
||||
const r = dock.getBoundingClientRect();
|
||||
if (r.top < bottomLimit) bottomLimit = r.top - 4;
|
||||
}
|
||||
return { top: topLimit, bottom: bottomLimit, left: 4, right: window.innerWidth - 4 };
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.20 : contraint un popup flottant (en coords document via style.left/top)
|
||||
* dans la safe area. Appelé à l'épinglage, pendant le drag, et quand le dock
|
||||
* apparaît/disparaît.
|
||||
*/
|
||||
function _clampPopupInSafeArea(popup) {
|
||||
if (!popup) return;
|
||||
if (popup.classList.contains("pinned-popup-reduced")) return; // pas clamp si docké
|
||||
const safe = _getPopupSafeArea();
|
||||
const rect = popup.getBoundingClientRect();
|
||||
const w = rect.width || popup.offsetWidth || 280;
|
||||
const h = rect.height || popup.offsetHeight || 200;
|
||||
|
||||
// Les coords viewport actuelles
|
||||
const vLeft = rect.left;
|
||||
const vTop = rect.top;
|
||||
|
||||
// Calcul des coords viewport cibles après clamp
|
||||
let newVLeft = vLeft;
|
||||
let newVTop = vTop;
|
||||
if (newVLeft < safe.left) newVLeft = safe.left;
|
||||
if (newVLeft + w > safe.right) newVLeft = safe.right - w;
|
||||
if (newVLeft < safe.left) newVLeft = safe.left; // si popup plus large que viewport
|
||||
|
||||
if (newVTop < safe.top) newVTop = safe.top;
|
||||
if (newVTop + h > safe.bottom) newVTop = safe.bottom - h;
|
||||
if (newVTop < safe.top) newVTop = safe.top;
|
||||
|
||||
if (newVLeft === vLeft && newVTop === vTop) return; // rien à faire
|
||||
|
||||
// Différence = appliquer au style.left / style.top (qui sont en document coords)
|
||||
const dx = newVLeft - vLeft;
|
||||
const dy = newVTop - vTop;
|
||||
const curLeft = parseFloat(popup.style.left) || 0;
|
||||
const curTop = parseFloat(popup.style.top) || 0;
|
||||
popup.style.left = (curLeft + dx) + "px";
|
||||
popup.style.top = (curTop + dy) + "px";
|
||||
}
|
||||
|
||||
/**
|
||||
* Réclampe tous les popups flottants (utile après apparition/disparition du dock).
|
||||
*/
|
||||
function _reclampAllFloatingPopups() {
|
||||
document.querySelectorAll(".pinned-popup:not(.pinned-popup-reduced)").forEach(p => {
|
||||
_clampPopupInSafeArea(p);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.19 : réduit TOUS les popups épinglés actuellement ouverts (en mode
|
||||
* normal ou minimisé) dans la taskbar du bas. Appelé au changement de date.
|
||||
*/
|
||||
function _reduceAllPinnedPopups() {
|
||||
const popups = document.querySelectorAll(".pinned-popup:not(.pinned-popup-reduced)");
|
||||
popups.forEach(popup => {
|
||||
try { _reducePinnedPopup(popup); } catch (e) {}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.19 : ISO date (YYYY-MM-DD) → format court "DD.MM" pour le dock.
|
||||
*/
|
||||
function _formatDateShort(iso) {
|
||||
if (!iso) return "";
|
||||
const m = String(iso).match(/^(\d{4})-(\d{2})-(\d{2})$/);
|
||||
if (!m) return iso;
|
||||
return `${m[3]}.${m[2]}`;
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.18 : ajoute (ou met à jour) le bouton "Fermer tous" dans le dock
|
||||
* quand au moins 2 popups épinglés existent (réduits OU affichés).
|
||||
* Le bouton est placé à droite du dock.
|
||||
*/
|
||||
function _ensureDockCloseAllBtn() {
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (!dock) return;
|
||||
const allPinned = document.querySelectorAll(".pinned-popup");
|
||||
let closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (allPinned.length >= 2) {
|
||||
if (!closeAllBtn) {
|
||||
closeAllBtn = document.createElement("button");
|
||||
closeAllBtn.type = "button";
|
||||
closeAllBtn.id = "pinned-popups-close-all";
|
||||
closeAllBtn.className = "pinned-popups-close-all";
|
||||
closeAllBtn.textContent = "✕ Fermer tous";
|
||||
closeAllBtn.title = "Fermer tous les popups épinglés";
|
||||
closeAllBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
closeAllPinnedPopups();
|
||||
});
|
||||
dock.appendChild(closeAllBtn);
|
||||
} else {
|
||||
// Remettre à la fin (après les pastilles éventuellement ajoutées)
|
||||
dock.appendChild(closeAllBtn);
|
||||
}
|
||||
dock.classList.add("visible");
|
||||
} else if (closeAllBtn) {
|
||||
closeAllBtn.remove();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Ramène un popup réduit en mode Normal : retire la pastille du dock et
|
||||
* réaffiche le popup flottant à sa position d'avant réduction.
|
||||
*/
|
||||
function _restorePinnedPopupFromDock(popup) {
|
||||
if (!popup) return;
|
||||
popup.classList.remove("pinned-popup-reduced");
|
||||
// Si le popup était minimisé avant d'être réduit, on l'agrandit direct
|
||||
// (la demande était : "Si la reduit et rappeller s'affiche en grand direct")
|
||||
popup.classList.remove("pinned-popup-minimized");
|
||||
const minBtn = popup.querySelector(".pinned-popup-minimize");
|
||||
if (minBtn) {
|
||||
minBtn.innerHTML = "▭";
|
||||
minBtn.title = "Minimiser (reste flottant mais compact)";
|
||||
const newBtn = minBtn.cloneNode(true);
|
||||
minBtn.replaceWith(newBtn);
|
||||
newBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
_minimizePinnedPopup(popup);
|
||||
});
|
||||
}
|
||||
|
||||
// Supprimer la pastille associée
|
||||
if (popup._linkedPill) {
|
||||
popup._linkedPill.remove();
|
||||
popup._linkedPill = null;
|
||||
}
|
||||
|
||||
// Si le dock est vide (sauf le bouton "Fermer tous"), le masquer
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock) {
|
||||
const remainingPills = dock.querySelectorAll(".pinned-popup-dock-pill").length;
|
||||
if (remainingPills === 0) {
|
||||
dock.classList.remove("visible");
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
} else {
|
||||
_ensureDockCloseAllBtn();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** Ferme toutes les popups épinglées (appelé par Échap ou changement de date). */
|
||||
/**
|
||||
* v5.0.1 : helper pour déclencher la suppression d'une absence ou réservation.
|
||||
@@ -6723,6 +7351,13 @@ function closeAllPinnedPopups() {
|
||||
pinnedPopups.length = 0;
|
||||
// Fermer aussi les popups en état soft-unpinned qui trainent encore
|
||||
document.querySelectorAll(".pinned-popup.soft-unpinned").forEach(el => el.remove());
|
||||
// v2026.5.18 : supprimer aussi les éléments du dock
|
||||
document.querySelectorAll(".pinned-popup").forEach(el => el.remove());
|
||||
document.querySelectorAll(".pinned-popup-dock-pill").forEach(el => el.remove());
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock) dock.classList.remove("visible");
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -6743,12 +7378,12 @@ function _attachPopupDragHandler(popup, dragbar) {
|
||||
let newLeft = startLeft + dx;
|
||||
let newTop = startTop + dy;
|
||||
|
||||
// Clamper dans le document (pas sortir trop à gauche/haut)
|
||||
if (newLeft < 4) newLeft = 4;
|
||||
if (newTop < 4) newTop = 4;
|
||||
|
||||
// v2026.5.20 : clamper dans la safe area (topbar en haut, dock en bas,
|
||||
// bordures viewport gauche/droite). On calcule en coords viewport puis
|
||||
// on applique en coords document.
|
||||
popup.style.left = newLeft + "px";
|
||||
popup.style.top = newTop + "px";
|
||||
_clampPopupInSafeArea(popup);
|
||||
};
|
||||
|
||||
const onMouseUp = () => {
|
||||
@@ -6757,6 +7392,11 @@ function _attachPopupDragHandler(popup, dragbar) {
|
||||
popup.classList.remove("dragging");
|
||||
document.removeEventListener("mousemove", onMouseMove);
|
||||
document.removeEventListener("mouseup", onMouseUp);
|
||||
// v2026.5.19 : retirer la classe body et le flag global après un petit
|
||||
// délai pour laisser le temps au mouseleave de la carte de se propager
|
||||
// sans déclencher de tooltip parasite.
|
||||
document.body.classList.remove("popup-dragging");
|
||||
setTimeout(() => { state._popupDragging = false; }, 50);
|
||||
|
||||
// Mettre à jour le rect mémorisé pour la détection de chevauchement
|
||||
const entry = pinnedPopups.find(p => p.el === popup);
|
||||
@@ -6779,6 +7419,11 @@ function _attachPopupDragHandler(popup, dragbar) {
|
||||
startLeft = parseFloat(popup.style.left) || 0;
|
||||
startTop = parseFloat(popup.style.top) || 0;
|
||||
popup.classList.add("dragging");
|
||||
// v2026.5.19 : flag global pour que showTooltip ignore les mouseenter
|
||||
// pendant le drag. Ajout d'une classe sur <body> qui désactive les
|
||||
// pointer-events sur les cartes.
|
||||
state._popupDragging = true;
|
||||
document.body.classList.add("popup-dragging");
|
||||
document.addEventListener("mousemove", onMouseMove);
|
||||
document.addEventListener("mouseup", onMouseUp);
|
||||
});
|
||||
@@ -6984,10 +7629,10 @@ function bindTooltipInteractions() {
|
||||
}
|
||||
});
|
||||
|
||||
// Double-Ctrl : v4.3.0
|
||||
// - Si 0 popup épinglé ET un tooltip live visible : épingler
|
||||
// - Si EXACTEMENT 1 popup épinglé ET souris pas dessus : le fermer
|
||||
// - Si 2+ popups épinglés : ne fait rien (ambigu, user doit utiliser Échap)
|
||||
// Double-Ctrl : v2026.5.21 — toggle sur l'intervention survolée
|
||||
// - Si tooltip visible et iv pas encore épinglée pour cette date : épingle
|
||||
// - Si tooltip visible et iv déjà épinglée pour cette date : désépingle
|
||||
// - Sinon (pas de tooltip visible) : rien
|
||||
// On détecte 2 keydown Control dans une fenêtre de 400 ms.
|
||||
let lastCtrlTs = 0;
|
||||
document.addEventListener("keydown", (e) => {
|
||||
@@ -6996,17 +7641,36 @@ function bindTooltipInteractions() {
|
||||
const now = performance.now();
|
||||
if (now - lastCtrlTs < 400) {
|
||||
lastCtrlTs = 0;
|
||||
if (pinnedPopups.length === 0) {
|
||||
// Aucun popup épinglé : épingler le tooltip live s'il y en a un
|
||||
if (state.currentTooltipIv) pinTooltip();
|
||||
} else if (pinnedPopups.length === 1) {
|
||||
// 1 popup épinglé : le fermer si la souris n'est pas dessus
|
||||
const p = pinnedPopups[0];
|
||||
if (!p.el.matches(":hover")) {
|
||||
_closePinnedPopup(p.el);
|
||||
const iv = state.currentTooltipIv;
|
||||
if (!iv) return;
|
||||
const pinState = _getPinStateForIv(iv);
|
||||
if (pinState.isPinned && pinState.popup) {
|
||||
// Déjà épinglée : désépingle (ferme le popup correspondant)
|
||||
const idx = pinnedPopups.findIndex(p => p.el === pinState.popup);
|
||||
if (idx >= 0) pinnedPopups.splice(idx, 1);
|
||||
// Fermer aussi la pastille dock si elle existe
|
||||
if (pinState.popup._linkedPill) {
|
||||
try { pinState.popup._linkedPill.remove(); } catch (e) {}
|
||||
}
|
||||
try { pinState.popup.remove(); } catch (e) {}
|
||||
// Nettoyer dock si vide
|
||||
const dock = document.getElementById("pinned-popups-dock");
|
||||
if (dock && dock.querySelectorAll(".pinned-popup-dock-pill").length === 0) {
|
||||
dock.classList.remove("visible");
|
||||
const closeAllBtn = document.getElementById("pinned-popups-close-all");
|
||||
if (closeAllBtn) closeAllBtn.remove();
|
||||
} else {
|
||||
_ensureDockCloseAllBtn();
|
||||
}
|
||||
// Mettre à jour le tooltip hover (📍 → 📌)
|
||||
const tip = tooltipEl();
|
||||
if (tip && tip.classList.contains("visible")) {
|
||||
tip.innerHTML = buildTooltipHTML(iv);
|
||||
}
|
||||
} else {
|
||||
// Pas encore épinglée : épingle
|
||||
pinTooltip();
|
||||
}
|
||||
// 2+ popups : rien faire (Échap pour tout fermer)
|
||||
} else {
|
||||
lastCtrlTs = now;
|
||||
}
|
||||
@@ -7020,8 +7684,12 @@ function bindTooltipInteractions() {
|
||||
e.preventDefault();
|
||||
const action = btn.dataset.action;
|
||||
if (action === "pin") {
|
||||
// v4.3.0 : toujours épingler (le tooltip live clone son contenu en popup
|
||||
// détaché). Pour désépingler, l'user utilise × sur le popup, ou Échap.
|
||||
// v2026.5.22 : clic sur 📌/📍 dans le tooltip hover = TOUJOURS réépingler
|
||||
// à la position actuelle. Si un popup existe déjà pour cette iv+date,
|
||||
// il est supprimé avant d'en créer un nouveau à côté de la carte survolée.
|
||||
// (La suppression de l'ancien est faite dans pinTooltip() qui gère
|
||||
// l'unicité actionId+date — v2026.5.21.)
|
||||
// Pour désépingler : bouton 📍 dans la topbar du popup, double-Ctrl, ou Échap.
|
||||
if (state.currentTooltipIv) {
|
||||
pinTooltip();
|
||||
}
|
||||
@@ -7164,12 +7832,25 @@ function buildTooltipHTML(iv) {
|
||||
rows.push(`<dt></dt><dd style="color:var(--text-faint);font-size:11px">Cliquer pour ouvrir la fiche</dd>`);
|
||||
}
|
||||
|
||||
// v2026.5.21 : icône épingle adaptative
|
||||
// 📌 (épingle couchée) = pas encore épinglée, clic pour épingler
|
||||
// 📍 (épingle plantée, rouge) = déjà épinglée pour cette (ref + date)
|
||||
// — clic pour désépingler. NB : le popup a sa propre topbar avec un
|
||||
// bouton 📍 explicite ; celui-ci dans le tooltip hover sert surtout
|
||||
// à montrer visuellement l'état à l'user au survol.
|
||||
const _pinState = _getPinStateForIv(iv);
|
||||
const _pinIcon = _pinState.isPinned ? "📍" : "📌";
|
||||
const _pinTitle = _pinState.isPinned
|
||||
? "Cette intervention est déjà épinglée pour ce jour. Cliquer pour désépingler."
|
||||
: "Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.";
|
||||
const _pinClass = _pinState.isPinned ? " tooltip-pinbtn-active" : "";
|
||||
|
||||
if (rows.length === 0) {
|
||||
return `<div class="tooltip-actions">
|
||||
<div class="tooltip-actionbtn" data-action="reload" title="Recharger uniquement cette intervention">
|
||||
<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 1 0 1.76-4.24M2 3v3h3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</div>
|
||||
<div class="tooltip-actionbtn tooltip-pinbtn" data-action="pin" title="Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.">📌</div>
|
||||
<div class="tooltip-actionbtn tooltip-pinbtn${_pinClass}" data-action="pin" title="${_pinTitle}">${_pinIcon}</div>
|
||||
</div><dl><dt>Info</dt><dd>Aucun détail disponible</dd></dl>`;
|
||||
}
|
||||
// v4.1.13/14 : boutons d'action en haut à droite (recharger + épingler)
|
||||
@@ -7177,10 +7858,30 @@ function buildTooltipHTML(iv) {
|
||||
<div class="tooltip-actionbtn" data-action="reload" title="Recharger uniquement cette intervention">
|
||||
<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 1 0 1.76-4.24M2 3v3h3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</div>
|
||||
<div class="tooltip-actionbtn tooltip-pinbtn" data-action="pin" title="Épingler la bulle (ou double-Ctrl). Cliquer à nouveau pour libérer.">📌</div>
|
||||
<div class="tooltip-actionbtn tooltip-pinbtn${_pinClass}" data-action="pin" title="${_pinTitle}">${_pinIcon}</div>
|
||||
</div><dl>${rows.join("")}</dl>`;
|
||||
}
|
||||
|
||||
/**
|
||||
* v2026.5.21 : retourne l'état d'épinglage pour une intervention donnée
|
||||
* (pour la date actuellement affichée). Utilisé pour afficher 📌 vs 📍
|
||||
* dans le tooltip hover.
|
||||
*/
|
||||
function _getPinStateForIv(iv) {
|
||||
if (!iv || !iv.actionId) return { isPinned: false };
|
||||
const date = state.currentDate || "";
|
||||
const key = iv.actionId + "|" + date;
|
||||
for (const p of pinnedPopups) {
|
||||
if (!p || !p.el) continue;
|
||||
const aid = p.el.dataset.actionId || "";
|
||||
const d = p.el.dataset.originDate || "";
|
||||
if (aid + "|" + d === key) {
|
||||
return { isPinned: true, popup: p.el };
|
||||
}
|
||||
}
|
||||
return { isPinned: false };
|
||||
}
|
||||
|
||||
/**
|
||||
* Met en forme un texte d'action EasyVista en ajoutant des retours à la ligne
|
||||
* avant chaque étiquette connue ("Date :", "Lieu :", "Contact :", etc.).
|
||||
|
||||
Reference in New Issue
Block a user