v5.0.11 — Détection contexte réseau (interne/externe via SSO)

viewer.js

@@ -163,7 +163,12 @@ let state = {
   // 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
+  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
@@ -171,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
@@ -237,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) {
@@ -851,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
@@ -1019,19 +1055,46 @@ function showSessionCriticalModal() {
  * 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).
- * Priorité : lastKnownOrigin (mémorisée quand ça marchait) > session.origin >
- * itsma.vd.ch (externe, accessible de partout) en fallback.
+ * 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.lastKnownOrigin
-                || (state.session && state.session.origin)
-                || "https://itsma.vd.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;
@@ -1040,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,
@@ -6821,16 +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) {
     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>
-    `;
     const topbar = document.querySelector(".topbar") || document.querySelector("header") || document.body;
     if (topbar.nextSibling) {
       topbar.parentNode.insertBefore(b, topbar.nextSibling);
@@ -6838,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");