Version 2026.5.24 — Corrections diverses

[code interpolé]

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Planification",
-  "version": "2026.5.22",
+  "version": "2026.5.24",
   "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": {

viewer.css

@@ -9,8 +9,8 @@
   --border: #e2e4e8;
   --border-strong: #cfd3da;
   --text: #1a1f2b;
-  --text-muted: #5b6573;
+  --text-muted: #2e3642;   /* v2026.5.29 : +contraste (était #4a5260) */
-  --text-faint: #8892a0;
+  --text-faint: #50596a;   /* v2026.5.29 : +contraste (était #6c7583) */
   --accent: #0f4f8b;
   --accent-soft: #e1ecf7;
   --danger: #b03030;
@@ -59,8 +59,8 @@
   --border: #2e333c;
   --border-strong: #414754;
   --text: #e6e8ec;
-  --text-muted: #9ba2ad;
+  --text-muted: #d0d5de;    /* v2026.5.29 : +contraste (était #b8c0cc) — quasi blanc */
-  --text-faint: #6a727e;
+  --text-faint: #a8b0bc;    /* v2026.5.29 : +contraste (était #8b93a0) */
   --accent: #5ea8e8;
   --accent-soft: #223348;
   --danger: #e87878;
@@ -842,6 +842,17 @@ html, body {
   background: var(--bg-hover);
 }
 
+/* v2026.5.29 : highlight visible sur les rows .intervention-v2 quand on
+   survole le segment timeline correspondant (ou que l'user survole la row) */
+.intervention-v2.highlight {
+  background: var(--accent-soft);
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+  box-shadow: 0 0 0 3px var(--accent-soft);
+  z-index: 2;
+  position: relative;
+}
+
 /* ==========================================================================
    Interventions — layout v2 (heures verticales)
    ========================================================================== */
@@ -1832,15 +1843,17 @@ body.modal-open {
   overflow: hidden;
 }
 
-/* v4.2.9 : pied de page discret en bas à droite — affiche auteur + date + version */
+/* v4.2.9 : pied de page discret en bas à droite — affiche auteur + date + version
+   v2026.5.29 : agrandi + plus contrasté */
 .app-footer {
   position: fixed;
-  right: 8px;
+  right: 10px;
-  bottom: 4px;
+  bottom: 6px;
-  font-size: 10px;
+  font-size: 13px;
-  color: var(--text-faint, #8892a0);
+  font-weight: 500;
-  opacity: 0.55;
+  color: var(--text-muted);
-  pointer-events: none;        /* ne capture pas les clics */
+  opacity: 0.85;
+  pointer-events: none;
   user-select: none;
   font-variant-numeric: tabular-nums;
   letter-spacing: 0.2px;

viewer.js

@@ -240,6 +240,7 @@ async function init() {
   initModalScrollLock();  // v4.2.9 : bloquer le scroll arrière quand modal
   initAppFooter();        // v4.2.9 : pied de page discret bas-droite
   initAppClock();         // v5.0.0 : horloge HH:MM au milieu topbar
+  _applyViewMode();       // v2026.5.32 : appliquer la vue sauvegardée
   initAdminMenu();        // v5.0.0 : menu admin caché (5 clics sur titre)
   initSessionTimer();     // v5.0.9 : compteur de session EV (tick 1s)
   initDateCustomPicker(); // v2026.5.17 : faux input date avec jour
@@ -325,27 +326,121 @@ function markSessionActivity() {
 }
 
 // v4.2 : fetche l'utilisateur EasyVista connecté (via background.js) et
-// l'affiche dans la topbar. En cas d'échec ou si aucun nom n'est trouvé,
+// l'affiche dans la topbar.
-// le badge reste caché.
+// v2026.5.26 : en cas d'échec, affiche un rond gris "?" + retry 60s (max 10 essais).
+// v2026.5.34 : le badge est maintenant TOUJOURS visible (état "?" par défaut
+//              dans le HTML). Cette fonction met à jour le contenu (initiales
+//              quand succès, "?" quand échec). Logs abondants pour debug.
+//
+// État initial (HTML) : <button class="user-badge user-badge-unknown">?</button>
+// État succès          : initiales calculées + couleur dérivée du nom
+// État échec           : "?" + couleur grise (classe user-badge-unknown)
+//
+// Retry : 10 tentatives espacées de 60s (10 min max), arrêt au 1er succès.
+let _currentUserRetryCount = 0;
+const _CURRENT_USER_MAX_RETRIES = 10;
+const _CURRENT_USER_RETRY_DELAY_MS = 60 * 1000;
+
 async function fetchAndShowCurrentUser() {
+  const attemptId = _currentUserRetryCount + 1;
+  console.log(`[currentUser] tentative ${attemptId}/${_CURRENT_USER_MAX_RETRIES + 1} de fetchCurrentUser`);
+
+  const badge = document.getElementById("user-badge");
+  if (!badge) {
+    // Fallback défensif : pas de badge dans le DOM ? On log et on abandonne.
+    console.warn("[currentUser] badge DOM introuvable — abandon");
+    return;
+  }
+
+  let success = false;
+  let errorReason = null;
+
   try {
     const resp = await sendMessage({ type: "fetchCurrentUser" });
-    if (!resp || !resp.ok || !resp.user) return;
+    console.log("[currentUser] réponse reçue :", resp ? JSON.stringify(resp).substring(0, 200) : "(null)");
-    const badge = document.getElementById("user-badge");
+
-    if (!badge) return;
+    if (!resp) {
+      errorReason = "response_null";
+    } else if (!resp.ok) {
+      errorReason = resp.error || "ok_false";
+    } else if (!resp.user) {
+      errorReason = "user_null";
+    } else {
       const fullName = resp.user.name || resp.user.login || null;
-    if (!fullName) return;
+      if (!fullName) {
+        errorReason = "name_empty";
+      } else {
+        // ✅ Succès : mise à jour du badge
         const initials = computeUserInitials(fullName);
+        console.log(`[currentUser] SUCCÈS : "${fullName}" → initiales "${initials}"`);
         badge.textContent = initials;
         badge.title = fullName;
-    // v4.2.3 : couleur unique dérivée du nom, dans la palette neutre du thème
         badge.style.setProperty("--user-badge-color", colorFromName(fullName));
+        badge.classList.remove("user-badge-unknown");
+        // On retire aussi "hidden" au cas où (compat ancienne version)
         badge.classList.remove("hidden");
         state.currentUser = resp.user;
-  } catch (err) {
+        success = true;
-    console.warn("[currentUser] fetch failed:", err);
+        _currentUserRetryCount = 0;  // reset compteur au succès
       }
     }
+  } catch (err) {
+    errorReason = "exception: " + String(err);
+    console.warn("[currentUser] exception durant sendMessage :", err);
+  }
+
+  if (success) return;
+
+  // ❌ Échec : on laisse le badge en état "inconnu" (déjà le cas par défaut)
+  // et on schedule un retry.
+  console.warn(`[currentUser] échec (raison: ${errorReason}) — badge reste en état "?"`);
+
+  // Défense : s'assurer que le badge est bien en état inconnu (au cas où
+  // une mise à jour partielle a eu lieu puis échoué).
+  badge.textContent = "?";
+  badge.title = "Utilisateur — cliquer pour accéder aux paramètres";
+  badge.style.setProperty("--user-badge-color", "#6b7280");
+  badge.classList.add("user-badge-unknown");
+  badge.classList.remove("hidden");
+
+  // Schedule retry si pas trop d'essais
+  if (_currentUserRetryCount < _CURRENT_USER_MAX_RETRIES) {
+    _currentUserRetryCount++;
+    console.log(`[currentUser] retry programmé : ${_currentUserRetryCount}/${_CURRENT_USER_MAX_RETRIES} dans ${_CURRENT_USER_RETRY_DELAY_MS / 1000}s`);
+    setTimeout(() => {
+      fetchAndShowCurrentUser();
+    }, _CURRENT_USER_RETRY_DELAY_MS);
+  } else {
+    console.warn("[currentUser] max retries atteint, arrêt du retry automatique. Le badge reste cliquable (⚙ Paramètres accessible).");
+  }
+}
+
+/**
+ * v2026.5.34 : déclenche un fetchAndShowCurrentUser() SI le user n'est pas
+ * encore connu (badge en état "?"). Appelée après chaque succès de planning
+ * pour profiter d'une session EV valide sans attendre le retry de 60s.
+ *
+ * Sans effet si :
+ *  - state.currentUser est déjà renseigné (pas besoin de re-fetcher)
+ *  - un retry est déjà en cours (évite les doublons)
+ *
+ * @param {string} reason - contexte pour les logs (ex: "after_load_success")
+ */
+function _maybeRetryFetchUser(reason) {
+  if (state.currentUser && state.currentUser.name) {
+    // User déjà connu, rien à faire
+    return;
+  }
+  const badge = document.getElementById("user-badge");
+  if (badge && !badge.classList.contains("user-badge-unknown")) {
+    // Badge n'est pas en état inconnu → user probablement connu par un autre chemin
+    return;
+  }
+  console.log(`[currentUser] relance opportuniste (raison: ${reason}) — user encore inconnu`);
+  // Reset le compteur puisqu'on a un nouveau contexte (session fraîche)
+  _currentUserRetryCount = 0;
+  fetchAndShowCurrentUser();
+}
 
 // v4.2.3 : calcule les initiales depuis un nom au format "Nom, Prénom" ou
 // "Nom Prénom" ou "Prénom Nom". On prend la 1re lettre majuscule de chaque
@@ -400,14 +495,20 @@ function toggleUserNamePopup() {
     hideUserNamePopup();
     return;
   }
-  if (!state.currentUser || !state.currentUser.name) return;
 
   // v2026.5.17 : afficher aussi le temps restant de la session (MM:SS) avec
   // une couleur qui dépend du seuil (vert/jaune/rouge).
+  // v2026.5.26 : si user inconnu, afficher "Utilisateur inconnu" + retry + réglages
   popup.innerHTML = "";
   const nameEl = document.createElement("div");
   nameEl.className = "user-name-popup-name";
+  if (state.currentUser && state.currentUser.name) {
     nameEl.textContent = state.currentUser.name;
+  } else {
+    nameEl.textContent = "Utilisateur inconnu";
+    nameEl.style.fontStyle = "italic";
+    nameEl.style.color = "var(--text-muted)";
+  }
   popup.appendChild(nameEl);
 
   const sessEl = document.createElement("div");
@@ -416,6 +517,36 @@ function toggleUserNamePopup() {
   _renderUserPopupSessionLine(sessEl);
   popup.appendChild(sessEl);
 
+  // v2026.5.25 : bouton Paramètres (remplace les 5 clics sur le titre)
+  // v2026.5.32 : bouton "Vue" pour basculer Vue classique ↔ Vue horizontale
+  const viewBtn = document.createElement("button");
+  viewBtn.type = "button";
+  viewBtn.className = "user-name-popup-settings";
+  const currentView = _getCurrentView();
+  viewBtn.innerHTML = '<span class="settings-ico">⊞</span> Vue : '
+                    + (currentView === "horizontal" ? "Horizontale" : "Classique");
+  viewBtn.title = "Changer la disposition du planning";
+  viewBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    hideUserNamePopup();
+    _toggleView();
+  });
+  popup.appendChild(viewBtn);
+
+  const settingsBtn = document.createElement("button");
+  settingsBtn.type = "button";
+  settingsBtn.className = "user-name-popup-settings";
+  settingsBtn.innerHTML = '<span class="settings-ico">⚙</span> Paramètres';
+  settingsBtn.title = "Ouvrir les paramètres d'administration";
+  settingsBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    hideUserNamePopup();
+    if (typeof showAdminPanel === "function") {
+      showAdminPanel();
+    }
+  });
+  popup.appendChild(settingsBtn);
+
   popup.classList.remove("hidden");
   badge.classList.add("open");
   // Positionne juste en dessous de la pastille
@@ -889,20 +1020,49 @@ function initAppFooter() {
   document.body.appendChild(el);
 }
 
+// v2026.5.32 : bascule entre Vue classique (cards) et Vue horizontale (rows)
+// Persisté dans localStorage (clé : "view_mode"). Défaut : "classic".
+const VIEW_MODE_KEY = "view_mode";
+
+function _getCurrentView() {
+  try {
+    const v = localStorage.getItem(VIEW_MODE_KEY);
+    return v === "horizontal" ? "horizontal" : "classic";
+  } catch (e) {
+    return "classic";
+  }
+}
+
+function _setCurrentView(mode) {
+  try {
+    localStorage.setItem(VIEW_MODE_KEY, mode === "horizontal" ? "horizontal" : "classic");
+  } catch (e) {}
+  _applyViewMode();
+}
+
+function _toggleView() {
+  const current = _getCurrentView();
+  const next = current === "horizontal" ? "classic" : "horizontal";
+  _setCurrentView(next);
+}
+
+function _applyViewMode() {
+  const mode = _getCurrentView();
+  document.documentElement.classList.remove("view-classic", "view-horizontal");
+  document.documentElement.classList.add("view-" + mode);
+}
+
 // v5.0.0 : horloge HH:MM au milieu de la topbar. Mise à jour toutes les 30s
 // (les secondes ne sont pas affichées donc pas besoin d'un tick plus rapide).
+// v2026.5.27 : date courte "Jeudi 23.04.26" sur la même ligne que l'heure,
+// séparées par un gros point "•", même taille que l'heure.
 function initAppClock() {
   const el = document.getElementById("app-clock");
   if (!el) return;
   const dateEl = document.getElementById("app-clock-date");
   const timeEl = document.getElementById("app-clock-time");
 
-  // v2026.5.16 : format "Mardi 21 avril 2026"
   const JOURS = ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"];
-  const MOIS = [
-    "janvier", "février", "mars", "avril", "mai", "juin",
-    "juillet", "août", "septembre", "octobre", "novembre", "décembre"
-  ];
 
   let lastDateStr = "";
   const tick = () => {
@@ -913,13 +1073,13 @@ function initAppClock() {
     if (timeEl) timeEl.textContent = timeStr;
     else el.textContent = timeStr;  // fallback si ancien markup
 
-    // Date complète : actualisée seulement si elle a changé (évite reflow inutile)
+    // Date courte : "Jeudi 23.04.26"
     if (dateEl) {
       const jour = JOURS[d.getDay()];
-      const num = d.getDate();
+      const dd = String(d.getDate()).padStart(2, "0");
-      const mois = MOIS[d.getMonth()];
+      const mm = String(d.getMonth() + 1).padStart(2, "0");
-      const annee = d.getFullYear();
+      const yy = String(d.getFullYear()).slice(-2);
-      const dateStr = `${jour} ${num} ${mois} ${annee}`;
+      const dateStr = `${jour} ${dd}.${mm}.${yy}`;
       if (dateStr !== lastDateStr) {
         dateEl.textContent = dateStr;
         lastDateStr = dateStr;