Version 2026.5.25 — Bouton ⚙ Paramètres dans popup user-badge

[code interpolé]

manifest.json

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

@@ -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,22 +1843,28 @@ 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;
+  letter-spacing: 0.3px;
-  z-index: 1;                  /* sous les modals (qui sont à 10000) */
+  z-index: 1;
+  padding: 3px 8px;
+  background: var(--bg-muted);
+  border: 1px solid var(--border);
+  border-radius: 6px;
 }
 .app-footer:hover {
-  opacity: 0.85;
+  opacity: 1;
 }
 
 /* ─────────────────────────────────────────────────────────────────────────

viewer.js

@@ -502,7 +502,13 @@ function toggleUserNamePopup() {
   popup.innerHTML = "";
   const nameEl = document.createElement("div");
   nameEl.className = "user-name-popup-name";
-  nameEl.textContent = state.currentUser.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");
@@ -511,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
@@ -984,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 = () => {
@@ -1008,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;
@@ -1097,25 +1162,14 @@ function updateNowLine() {
   });
 }
 
-// v5.0.0 : menu admin caché. 5 clics consécutifs sur le titre "Planification"
+// v5.0.0 : menu admin caché via 5 clics sur le titre "Planification".
-// (avec max 2 secondes entre chaque clic) ouvrent le panneau admin.
+// v2026.5.25 : SUPPRIMÉ — l'accès au panneau admin se fait désormais via le
+// bouton "⚙ Paramètres" du popup user-badge (clic sur les initiales).
 function initAdminMenu() {
   const title = document.getElementById("app-title");
   if (!title) return;
-  let clicks = 0;
-  let resetTimer = null;
-  title.addEventListener("click", () => {
-    clicks++;
-    if (resetTimer) clearTimeout(resetTimer);
-    resetTimer = setTimeout(() => { clicks = 0; }, 2000);
-    if (clicks >= 5) {
-      clicks = 0;
-      clearTimeout(resetTimer);
-      showAdminPanel();
-    }
-  });
-  // Cursor pointer pour indiquer (discrètement) qu'il est cliquable
   title.style.cursor = "default";
+  // Plus de handler de clic : les 5 clics n'ouvrent plus rien.
 }
 
 // ============================================================================
@@ -1158,6 +1212,10 @@ function initSessionTimer() {
           hideReconnectFailedBanner();
           markSessionActivity();
           showToast("Reconnecté", "Session EasyVista renouvelée");
+          // v2026.5.34 : relancer fetchUser tout de suite (au lieu d'attendre
+          // le retry de 60s) — la session vient d'être renouvelée, c'est le
+          // meilleur moment pour récupérer le user.
+          _maybeRetryFetchUser("session_reconnected");
           // Recharger le planning à la date courante sans perdre la position
           await loadForDate(state.currentDate);
         }
@@ -1805,17 +1863,9 @@ function renderAdminSectionTeam(container, cfg, saveFn) {
 
     tableWrap.appendChild(table);
 
-    // Bouton Ajouter manuellement
+    // v2026.5.26 : bouton "+ Ajouter manuellement" retiré. La liste complète
-    const addBtn = document.createElement("button");
+    // des techniciens du groupe est chargée automatiquement depuis EasyVista
-    addBtn.type = "button";
+    // à l'ouverture du panel admin (voir auto-détection plus bas).
-    addBtn.className = "btn btn-secondary";
-    addBtn.textContent = "+ Ajouter manuellement";
-    addBtn.style.marginTop = "10px";
-    addBtn.addEventListener("click", () => {
-      rows.push({ id: "", name: "", included: true, days: [] });
-      render();
-    });
-    tableWrap.appendChild(addBtn);
 
     // Bouton Enregistrer
     const saveBtn = document.createElement("button");
@@ -1841,6 +1891,36 @@ function renderAdminSectionTeam(container, cfg, saveFn) {
   }
 
   render();
+
+  // v2026.5.26 : auto-détection EasyVista à l'ouverture du panel admin.
+  // On lance en arrière-plan (non-bloquant), et on merge avec cfg.team actuel
+  // quand le résultat arrive. Les techs actuellement en cfg.team restent
+  // cochés par défaut ; les nouveaux détectés du groupe apparaissent non-cochés.
+  (async () => {
+    try {
+      const resp = await sendMessage({ type: "detectTeam" });
+      if (resp && resp.ok && resp.members && resp.members.length) {
+        for (const m of resp.members) {
+          const existing = rows.find(r => r.id === m.id);
+          if (existing) {
+            if (m.name && !m.name.startsWith("?") && existing.name.startsWith("?")) {
+              existing.name = m.name;
+            }
+          } else {
+            rows.push({
+              id: m.id,
+              name: m.name || "? (" + m.id + ")",
+              included: !!m.alreadyInTeam,
+              days: []
+            });
+          }
+        }
+        render();
+      }
+    } catch (err) {
+      console.warn("[admin auto-detect]", err);
+    }
+  })();
 }
 
 // v5.0.0 : sections suivantes (placeholders, à enrichir v5.0.1+)
@@ -2672,6 +2752,11 @@ async function loadForDate(isoDate, opts = {}) {
     console.log(`[load] merged : ${merged.techs.length} techs, ${totalIv} iv totales, ${totalInterIv} interventions réelles, ${notFetched} sans fiche`);
     console.log(`[load] needFetch = ${needFetch} | doStatusRefresh = ${!!opts.doStatusRefresh} | forceRefetch = ${!!opts.forceRefetch} | aborted = ${isRefreshAborted(myToken)}`);
 
+    // v2026.5.34 : si le user n'est pas encore connu (badge "?"), on tente
+    // un fetch immédiatement puisque le planning a réussi = session valide.
+    // Évite d'attendre le retry de 60s quand on vient juste de se reconnecter.
+    _maybeRetryFetchUser("after_load_success");
+
     // v4.3.2 : avant de lancer le fetch des fiches (lourd, ~460 KB chacune),
     // on fait d'abord un batch xhr2 (léger, ~2-5 KB chacun) pour récupérer
     // les vraies infos contact/lieu de toutes les interventions en parallèle.
@@ -2934,6 +3019,16 @@ function actionNodeToIntervention(node) {
     reservationCreator: reservationCreator, // "Nom, Prénom" du coordinateur
     cssClass: cssClass,
     isPompier: /pompier/i.test(label) || /pompier/i.test(actionType),
+    // v2026.5.27 : catégorie d'absence pour classification visuelle
+    //   "maladie" | "conge" | "pompier" | null
+    absenceCategory: (function() {
+      if (effectiveType !== "AL-Absence") return null;
+      const lblTest = reservationMatch ? reservationMatch[1].trim() : label;
+      if (/pompier/i.test(lblTest) || /pompier/i.test(actionType)) return "pompier";
+      if (/maladie/i.test(lblTest)) return "maladie";
+      if (/cong[ée]s?/i.test(lblTest)) return "conge";
+      return null;
+    })(),
     ref: ref,
     startDate: startDate,
     endDate: endDate,