Version 5.0.12 — Stabilisation finale série 5.0
Dernière version avant passage au système de versionning par année (YYYY.M.PATCH).
This commit is contained in:
@@ -152,16 +152,23 @@ let state = {
|
||||
currentData: null, // résultat parsé (techs, stats, ...)
|
||||
loading: false,
|
||||
// v5.0.9 : timestamp (ms) auquel la session EV va expirer.
|
||||
// On suppose une durée de 30 min à chaque requête EV réussie.
|
||||
// null = inconnu (pas encore récupéré).
|
||||
sessionExpireAt: null,
|
||||
// v5.0.9 : true pendant une reconnexion en cours (après clic sur "Me
|
||||
// reconnecter" tant que la nouvelle session n'est pas détectée)
|
||||
// v5.0.9 : true pendant une reconnexion en cours
|
||||
reconnecting: false,
|
||||
// v5.0.9 : true si la session est expirée (bannière rouge affichée)
|
||||
sessionExpired: false,
|
||||
// v5.0.9 : true si on a déjà fait le ping de confirmation < 5 min
|
||||
sessionPingDone: false
|
||||
sessionPingDone: false,
|
||||
// v5.0.10 : dernière origine EV connue comme fonctionnelle (itsma.vd.ch
|
||||
// ou itsma.etat-de-vaud.ch selon qu'on est en externe ou interne).
|
||||
// Conservée même quand state.session est null, pour savoir où rediriger
|
||||
// lors de la reconnexion.
|
||||
lastKnownOrigin: null,
|
||||
// v5.0.11 : contexte réseau détecté ("internal" ou "external" ou null).
|
||||
// Détecté automatiquement au démarrage par un HEAD test sur l'URL interne.
|
||||
networkContext: null,
|
||||
// v5.0.11 : timer (setTimeout id) pour le timeout de reconnexion 90 sec
|
||||
reconnectTimeoutId: null
|
||||
};
|
||||
|
||||
// v5.0.9 : constantes session
|
||||
@@ -169,6 +176,10 @@ const SESSION_DURATION_MS = 30 * 60 * 1000; // 30 min
|
||||
const SESSION_WARN_THRESHOLD_MS = 5 * 60 * 1000; // 5 min → affichage compteur
|
||||
const SESSION_CRITICAL_THRESHOLD_MS = 2 * 60 * 1000; // 2 min → rouge + modal
|
||||
|
||||
// v5.0.11 : timeout de la reconnexion. Si l'user n'est pas reconnecté
|
||||
// dans ce délai, on bascule en état "Reconnexion échouée" avec choix du réseau.
|
||||
const RECONNECT_TIMEOUT_MS = 90 * 1000; // 90 sec
|
||||
|
||||
// ─── Annulation coopérative d'un refresh manuel (v3.1) ──────────────────────
|
||||
// Chaque refresh reçoit un "jeton" (entier incrémenté). Les workers lisent
|
||||
// isRefreshAborted() avant chaque fetch : si le jeton a changé ou si
|
||||
@@ -235,14 +246,34 @@ async function init() {
|
||||
state.currentDate = todayISO();
|
||||
document.getElementById("date-picker").value = state.currentDate;
|
||||
|
||||
// v4.2 : l'auto-refresh 12h/15h a été supprimé. Les rafraîchissements sont
|
||||
// désormais soit manuels (boutons Actualiser / Tout recharger), soit au
|
||||
// premier chargement si aucun cache n'existe pour la date.
|
||||
// v5.0.11 : détecter le contexte réseau en arrière-plan (non bloquant)
|
||||
detectNetworkContextAsync();
|
||||
|
||||
// Charger la sesson puis le planning
|
||||
await refreshSessionAndLoad();
|
||||
}
|
||||
|
||||
/**
|
||||
* v5.0.11 : détecte si on est en interne (bureau VPN) ou externe (télétravail),
|
||||
* de manière asynchrone au démarrage. Résultat utilisé pour choisir le bon
|
||||
* domaine lors de la reconnexion.
|
||||
*/
|
||||
async function detectNetworkContextAsync(force = false) {
|
||||
try {
|
||||
const resp = await sendMessage({ type: "detectNetwork", force });
|
||||
if (resp && resp.ok) {
|
||||
state.networkContext = resp.context;
|
||||
// Si on n'a pas encore de lastKnownOrigin, on prend celui du contexte détecté
|
||||
if (!state.lastKnownOrigin) {
|
||||
state.lastKnownOrigin = resp.origin;
|
||||
}
|
||||
console.log("[viewer] réseau détecté :", resp.context, "→", resp.origin);
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn("[viewer] détection réseau échouée", e);
|
||||
}
|
||||
}
|
||||
|
||||
async function refreshSessionAndLoad() {
|
||||
const resp = await sendMessage({ type: "getSession" });
|
||||
if (!resp.ok || !resp.session) {
|
||||
@@ -263,6 +294,10 @@ async function refreshSessionAndLoad() {
|
||||
return;
|
||||
}
|
||||
state.session = resp.session;
|
||||
// v5.0.10 : mémoriser l'origine courante pour la reconnexion si besoin
|
||||
if (resp.session && resp.session.origin) {
|
||||
state.lastKnownOrigin = resp.session.origin;
|
||||
}
|
||||
hideSessionNeeded();
|
||||
hideEvUnreachable();
|
||||
hideSessionExpiredBanner();
|
||||
@@ -496,7 +531,12 @@ function bindTopbar() {
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById("open-ev-btn").addEventListener("click", openEasyVista);
|
||||
// v5.0.10 : clic "Ouvrir EasyVista" sur l'écran plein → déclenche la
|
||||
// reconnexion SSO + l'auto-reload du viewer dès que la nouvelle session
|
||||
// est détectée (au lieu d'ouvrir juste un onglet).
|
||||
document.getElementById("open-ev-btn").addEventListener("click", () => {
|
||||
triggerReconnect();
|
||||
});
|
||||
|
||||
// v4.2 : écran "EasyVista inaccessible"
|
||||
const openEvBtn2 = document.getElementById("open-ev-btn-2");
|
||||
@@ -527,11 +567,16 @@ function bindTopbar() {
|
||||
}
|
||||
|
||||
async function openEasyVista() {
|
||||
// Ouvrir sur le domaine externe (accessible depuis l'extérieur).
|
||||
// Le domaine interne (itsma.etat-de-vaud.ch) n'est accessible que depuis le réseau VD.
|
||||
// Une fois connecté, l'extension détectera automatiquement le PHPSESSID quel que
|
||||
// soit le domaine où tu es connecté.
|
||||
await chrome.tabs.create({ url: "https://itsma.vd.ch/" });
|
||||
// v5.0.10 : ouvrir sur le domaine le plus approprié :
|
||||
// - lastKnownOrigin si on a déjà eu une session fonctionnelle (respecte
|
||||
// interne vs externe selon le réseau)
|
||||
// - session.origin si on a encore la session
|
||||
// - itsma.vd.ch en fallback (domaine externe accessible de partout,
|
||||
// même depuis le réseau VD il redirige vers l'interne transparent)
|
||||
const origin = state.lastKnownOrigin
|
||||
|| (state.session && state.session.origin)
|
||||
|| "https://itsma.vd.ch";
|
||||
await chrome.tabs.create({ url: origin + "/" });
|
||||
}
|
||||
|
||||
// Navigation ±1 jour en sautant les week-ends
|
||||
@@ -835,11 +880,18 @@ function initSessionTimer() {
|
||||
const oldPhpsessid = state.session ? state.session.phpsessid : null;
|
||||
if (resp.session.phpsessid !== oldPhpsessid) {
|
||||
console.log("[session] nouvelle session détectée après reconnexion :", resp.session.phpsessid);
|
||||
// v5.0.11 : annuler le timeout de reconnexion puisque ça a marché
|
||||
if (state.reconnectTimeoutId) {
|
||||
clearTimeout(state.reconnectTimeoutId);
|
||||
state.reconnectTimeoutId = null;
|
||||
}
|
||||
state.session = resp.session;
|
||||
if (resp.session.origin) state.lastKnownOrigin = resp.session.origin;
|
||||
state.reconnecting = false;
|
||||
state.sessionExpired = false;
|
||||
hideReconnectingBanner();
|
||||
hideSessionExpiredBanner();
|
||||
hideReconnectFailedBanner();
|
||||
markSessionActivity();
|
||||
showToast("Reconnecté", "Session EasyVista renouvelée");
|
||||
// Recharger le planning à la date courante sans perdre la position
|
||||
@@ -1001,14 +1053,48 @@ function showSessionCriticalModal() {
|
||||
* Appelé au clic "Me reconnecter" dans la bannière. Ouvre EasyVista dans un
|
||||
* nouvel onglet (déclenche Windows SSO Kerberos automatique). Le polling
|
||||
* dans initSessionTimer détectera la nouvelle session et rechargera le viewer.
|
||||
*
|
||||
* v5.0.10 : utilise l'origine dynamique (interne ou externe selon le réseau).
|
||||
* v5.0.11 : détecte le contexte réseau avant d'ouvrir (si pas déjà connu) +
|
||||
* timeout 90s : si pas reconnecté après ce délai, propose choix manuel.
|
||||
*
|
||||
* @param {string} [forcedOrigin] - origine à forcer (pour le choix manuel
|
||||
* dans le fallback après timeout). Si absent : détection auto.
|
||||
*/
|
||||
async function triggerReconnect() {
|
||||
async function triggerReconnect(forcedOrigin) {
|
||||
state.reconnecting = true;
|
||||
hideSessionExpiredBanner();
|
||||
hideReconnectFailedBanner();
|
||||
showReconnectingBanner();
|
||||
|
||||
// Annuler tout timeout précédent
|
||||
if (state.reconnectTimeoutId) {
|
||||
clearTimeout(state.reconnectTimeoutId);
|
||||
state.reconnectTimeoutId = null;
|
||||
}
|
||||
|
||||
try {
|
||||
const origin = (state.session && state.session.origin) || "https://itsma.etat-de-vaud.ch";
|
||||
let origin = forcedOrigin;
|
||||
if (!origin) {
|
||||
// v5.0.11 : re-détecter le réseau à chaque expiration pour gérer le
|
||||
// cas où on a changé de contexte (bureau → TT) pendant la session.
|
||||
await detectNetworkContextAsync(true);
|
||||
origin = state.lastKnownOrigin
|
||||
|| (state.session && state.session.origin)
|
||||
|| "https://itsma.vd.ch";
|
||||
}
|
||||
console.log("[session] triggerReconnect → ouverture de", origin);
|
||||
await sendMessage({ type: "openEasyVistaLogin", origin });
|
||||
|
||||
// Démarrer le timeout 90s : si pas reconnecté, basculer en mode "Échec"
|
||||
state.reconnectTimeoutId = setTimeout(() => {
|
||||
if (state.reconnecting && !state.session) {
|
||||
console.warn("[session] reconnexion timeout 90s → bannière échec");
|
||||
state.reconnecting = false;
|
||||
hideReconnectingBanner();
|
||||
showReconnectFailedBanner();
|
||||
}
|
||||
}, RECONNECT_TIMEOUT_MS);
|
||||
} catch (err) {
|
||||
console.warn("[session] openEasyVistaLogin failed:", err);
|
||||
state.reconnecting = false;
|
||||
@@ -1017,6 +1103,21 @@ async function triggerReconnect() {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* v5.0.11 : l'user clique "Annuler" pendant la reconnexion. On arrête le
|
||||
* polling/timeout et on revient à l'état "Session expirée" normal.
|
||||
*/
|
||||
function cancelReconnect() {
|
||||
if (state.reconnectTimeoutId) {
|
||||
clearTimeout(state.reconnectTimeoutId);
|
||||
state.reconnectTimeoutId = null;
|
||||
}
|
||||
state.reconnecting = false;
|
||||
hideReconnectingBanner();
|
||||
hideReconnectFailedBanner();
|
||||
showSessionExpiredBanner();
|
||||
}
|
||||
|
||||
|
||||
// v5.0.0 : stockage des paramètres admin dans chrome.storage.local.
|
||||
// Clé unique : "admin_config". Contient la config éditable (équipe,
|
||||
@@ -6773,18 +6874,19 @@ function showSessionExpiredBanner() {
|
||||
const b = document.getElementById("session-expired-banner");
|
||||
if (b) {
|
||||
b.classList.remove("hidden");
|
||||
// v5.0.9 : s'assurer que la bannière contient le bouton "Me reconnecter"
|
||||
// et qu'il appelle triggerReconnect (SSO Windows transparent).
|
||||
if (!b.querySelector(".session-expired-reconnect-btn")) {
|
||||
// Chercher le premier .banner-content ou injecter du contenu si vide
|
||||
let content = b.querySelector(".banner-content") || b;
|
||||
// Si déjà du contenu natif, on ajoute juste le bouton à la fin
|
||||
const btn = document.createElement("button");
|
||||
btn.type = "button";
|
||||
btn.className = "session-expired-reconnect-btn";
|
||||
// v5.0.10 : rebrancher le bouton "Ouvrir EasyVista" natif pour qu'il
|
||||
// appelle triggerReconnect() au lieu de juste ouvrir un onglet. Ça
|
||||
// déclenche la reconnexion SSO ET l'auto-reload du viewer quand la
|
||||
// nouvelle session est détectée.
|
||||
// On renomme aussi le bouton pour être explicite.
|
||||
const btn = b.querySelector("#session-banner-reconnect");
|
||||
if (btn && !btn.dataset.boundReconnect) {
|
||||
btn.dataset.boundReconnect = "1";
|
||||
btn.textContent = "🔄 Me reconnecter";
|
||||
btn.addEventListener("click", () => triggerReconnect());
|
||||
content.appendChild(btn);
|
||||
// Retirer d'éventuels anciens listeners en clonant le bouton
|
||||
const clone = btn.cloneNode(true);
|
||||
btn.parentNode.replaceChild(clone, btn);
|
||||
clone.addEventListener("click", () => triggerReconnect());
|
||||
}
|
||||
}
|
||||
hideEvUnreachableBanner();
|
||||
@@ -6797,18 +6899,13 @@ function hideSessionExpiredBanner() {
|
||||
|
||||
// v5.0.9 : bannière affichée pendant la reconnexion (remplace la bannière
|
||||
// expirée après clic sur "Me reconnecter")
|
||||
// v5.0.11 : ajoute un bouton "Annuler" pour interrompre le processus.
|
||||
function showReconnectingBanner() {
|
||||
let b = document.getElementById("session-reconnecting-banner");
|
||||
if (!b) {
|
||||
// Créer la bannière si elle n'existe pas (dans le topbar)
|
||||
b = document.createElement("div");
|
||||
b.id = "session-reconnecting-banner";
|
||||
b.className = "banner-reconnecting";
|
||||
b.innerHTML = `
|
||||
<span class="banner-spinner">⏳</span>
|
||||
<span class="banner-text">Reconnexion à EasyVista en cours… Connectez-vous dans l'onglet qui vient de s'ouvrir.</span>
|
||||
`;
|
||||
// L'insérer juste après la topbar
|
||||
const topbar = document.querySelector(".topbar") || document.querySelector("header") || document.body;
|
||||
if (topbar.nextSibling) {
|
||||
topbar.parentNode.insertBefore(b, topbar.nextSibling);
|
||||
@@ -6816,14 +6913,70 @@ function showReconnectingBanner() {
|
||||
document.body.insertBefore(b, document.body.firstChild);
|
||||
}
|
||||
}
|
||||
b.innerHTML = `
|
||||
<span class="banner-spinner">⏳</span>
|
||||
<span class="banner-text">Reconnexion à EasyVista en cours… Connectez-vous dans l'onglet qui vient de s'ouvrir.</span>
|
||||
<button type="button" class="banner-cancel-btn">Annuler</button>
|
||||
`;
|
||||
const cancelBtn = b.querySelector(".banner-cancel-btn");
|
||||
if (cancelBtn) cancelBtn.addEventListener("click", () => cancelReconnect());
|
||||
b.classList.remove("hidden");
|
||||
hideSessionExpiredBanner();
|
||||
hideReconnectFailedBanner();
|
||||
}
|
||||
function hideReconnectingBanner() {
|
||||
const b = document.getElementById("session-reconnecting-banner");
|
||||
if (b) b.classList.add("hidden");
|
||||
}
|
||||
|
||||
// v5.0.11 : bannière "Reconnexion échouée" avec choix manuel du réseau
|
||||
// (Bureau/Télétravail). Affichée après timeout 90s de reconnexion.
|
||||
function showReconnectFailedBanner() {
|
||||
let b = document.getElementById("session-reconnect-failed-banner");
|
||||
if (!b) {
|
||||
b = document.createElement("div");
|
||||
b.id = "session-reconnect-failed-banner";
|
||||
b.className = "banner-reconnect-failed";
|
||||
const topbar = document.querySelector(".topbar") || document.querySelector("header") || document.body;
|
||||
if (topbar.nextSibling) {
|
||||
topbar.parentNode.insertBefore(b, topbar.nextSibling);
|
||||
} else {
|
||||
document.body.insertBefore(b, document.body.firstChild);
|
||||
}
|
||||
}
|
||||
b.innerHTML = `
|
||||
<span class="banner-icon">⚠</span>
|
||||
<span class="banner-text">
|
||||
<strong>Reconnexion échouée.</strong>
|
||||
Indiquez où vous êtes pour réessayer :
|
||||
</span>
|
||||
<button type="button" class="banner-btn-primary" data-origin="https://itsma.etat-de-vaud.ch">🏢 Au bureau</button>
|
||||
<button type="button" class="banner-btn-primary" data-origin="https://itsma.vd.ch">🏠 En télétravail</button>
|
||||
<button type="button" class="banner-cancel-btn">Annuler</button>
|
||||
`;
|
||||
// Boutons de choix de réseau : retry avec origine forcée
|
||||
b.querySelectorAll(".banner-btn-primary").forEach(btn => {
|
||||
btn.addEventListener("click", () => {
|
||||
const origin = btn.dataset.origin;
|
||||
hideReconnectFailedBanner();
|
||||
triggerReconnect(origin);
|
||||
});
|
||||
});
|
||||
// Bouton Annuler : retour à la bannière "Session expirée" simple
|
||||
const cancelBtn = b.querySelector(".banner-cancel-btn");
|
||||
if (cancelBtn) cancelBtn.addEventListener("click", () => {
|
||||
hideReconnectFailedBanner();
|
||||
showSessionExpiredBanner();
|
||||
});
|
||||
b.classList.remove("hidden");
|
||||
hideSessionExpiredBanner();
|
||||
hideReconnectingBanner();
|
||||
}
|
||||
function hideReconnectFailedBanner() {
|
||||
const b = document.getElementById("session-reconnect-failed-banner");
|
||||
if (b) b.classList.add("hidden");
|
||||
}
|
||||
|
||||
// v4.2.5 : bannière non bloquante "EasyVista inaccessible"
|
||||
function showEvUnreachableBanner() {
|
||||
const b = document.getElementById("ev-unreachable-banner");
|
||||
|
||||
Reference in New Issue
Block a user