Version 2026.5.18 — Dock pastilles popups épinglés avec couleur catégorie

[code interpolé]
Version 2026.5.17 — Popup user-badge avec ligne session (MM:SS)
2026-04-21 13:00:00 +02:00 · 2026-04-21 11:00:00 +02:00 · 2026-04-21 09:00:00 +02:00 · 2026-04-20 17:00:00 +02:00 · 2026-04-20 13:00:00 +02:00 · 2026-04-20 09:00:00 +02:00
5 changed files with 8060 additions and 850 deletions
@@ -1,8 +1,19 @@
 {
  "manifest_version": 3,
-  "name": "Planning Techniciens — Vue claire",
+  "name": "Planification",
-  "version": "3.0.0",
+  "version": "2026.5.18",
-  "description": "Vue claire du planning EasyVista (itsma.etat-de-vaud.ch et itsma.vd.ch) avec navigation par date, détection automatique des interventions closes et cache 7 jours.",
+  "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": {
      "id": "planification@vd.ch",
      "strict_min_version": "140.0",
      "data_collection_permissions": {
        "required": [
          "none"
        ]
      }
    }
  },
  "permissions": [
    "activeTab",
    "scripting",
@@ -15,10 +26,12 @@
    "https://itsma.vd.ch/*"
  ],
  "action": {
-    "default_title": "Ouvrir la vue claire du planning"
+    "default_title": "Ouvrir la Planification"
  },
  "background": {
-    "service_worker": "background.js"
+    "scripts": [
      "background.js"
    ]
  },
  "icons": {
    "16": "icons/icon16.png",
@@ -2,25 +2,64 @@
 <html lang="fr">
 <head>
  <meta charset="utf-8">
-  <title>Planning techniciens</title>
+  <title>Planification</title>
  <link rel="stylesheet" href="viewer.css">
 </head>
 <body>
  <header class="topbar">
    <div class="topbar-left">
-      <h1>Planning techniciens</h1>
+      <!-- v4.2.3 : pastille avec initiales de l'utilisateur connecté, avant
           le titre. Clic → popup fixe avec nom complet juste en dessous. -->
      <button id="user-badge" class="user-badge hidden"
              type="button" aria-label="Utilisateur connecté"
              title="Utilisateur connecté"></button>
      <h1 id="app-title">Planification</h1>
      <div class="date-nav">
        <button id="nav-prev" class="btn btn-nav" title="Jour précédent" aria-label="Jour précédent">◀</button>
-        <input type="date" id="date-picker" class="date-input">
+        <!-- v2026.5.17 : input date custom qui affiche "Vendredi 24.04.2026" -->
        <div class="date-custom-wrapper">
          <div id="date-custom" class="date-custom" role="button" tabindex="0" title="Choisir une date">
            <span id="date-custom-label"></span>
            <span class="date-custom-icon">📅</span>
          </div>
          <input type="date" id="date-picker" class="date-input-hidden">
        </div>
        <button id="nav-next" class="btn btn-nav" title="Jour suivant" aria-label="Jour suivant">▶</button>
        <button id="nav-today" class="btn btn-today" title="Aujourd'hui">Auj.</button>
      </div>
      <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>
    <!-- v5.0.9 : compteur de session EasyVista (visible < 5 min restantes) -->
    <div id="app-session" class="app-session hidden"></div>
    <div class="topbar-right">
-      <button id="refresh-btn" class="btn" title="Rafraîchir maintenant">
+      <!-- v4.2.6 : bouton créer une absence pour un ou plusieurs techs -->
-        <span id="refresh-icon">↻</span> Rafraîchir
+      <button id="absence-btn" class="btn btn-action" title="Créer une absence pour un ou plusieurs techniciens">
        <svg class="btn-action-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
          <rect x="3" y="5" width="18" height="16" rx="2" stroke="currentColor" stroke-width="1.8"/>
          <path d="M3 9h18M8 3v4M16 3v4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
          <circle cx="12" cy="15" r="4.2" stroke="currentColor" stroke-width="1.8" fill="none"/>
          <line x1="9" y1="15" x2="15" y2="15" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" transform="rotate(-45 12 15)"/>
        </svg>
        <span class="btn-action-label">Absence</span>
      </button>
      <!-- v4.2.6 : bouton envoyer la planification sur la douchette -->
      <button id="douchette-btn" class="btn btn-action" title="Envoyer la planification sur la douchette des techniciens">
        <span class="btn-action-emoji">🎯</span>
        <span class="btn-action-label">Douchette</span>
      </button>
      <button id="refresh-partial-btn" class="btn btn-refresh" title="Actualiser : ajoute les nouvelles interventions et retire celles qui ne sont plus dans le planning. Rapide, ne re-télécharge pas les fiches déjà connues.">
        <svg id="refresh-partial-icon" class="btn-refresh-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8a6 6 0 0 1 10.2-4.24M14 3v3h-3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span class="btn-refresh-label">Actualiser</span>
      </button>
      <button id="refresh-btn" class="btn btn-refresh btn-refresh-strong" title="Tout recharger : re-télécharge le planning ET toutes les fiches (y compris celles déjà connues) pour voir évoluer les statuts. Plus lent.">
        <svg id="refresh-icon" class="btn-refresh-icon" 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.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8a6 6 0 0 1-10.2 4.24M14 13v-3h-3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span class="btn-refresh-label">Tout recharger</span>
      </button>
      <button id="abort-btn" class="btn btn-abort hidden" title="Arrêter le rafraîchissement en cours">
        ✕ Arrêter
      </button>
      <button id="clear-cache-btn" class="btn btn-subtle" title="Vider le cache du jour affiché">
        Vider cache
@@ -31,14 +70,48 @@
    </div>
  </header>
  <!-- Bannière session expirée (non bloquante, apparaît en haut du contenu) -->
  <div id="session-expired-banner" class="session-banner hidden">
    <span class="session-banner-icon">⚠</span>
    <span class="session-banner-text">
      <strong>Session EasyVista expirée.</strong>
      Données affichées depuis le cache. Reconnectez-vous à EasyVista pour rafraîchir.
    </span>
    <button id="session-banner-reconnect" class="btn btn-primary btn-sm">Ouvrir EasyVista</button>
    <button id="session-banner-close" class="btn btn-icon" title="Masquer">×</button>
  </div>
  <!-- v4.2.5 : Bannière EasyVista inaccessible (non bloquante, avec cache) -->
  <div id="ev-unreachable-banner" class="session-banner ev-banner hidden">
    <span class="session-banner-icon">⚠</span>
    <span class="session-banner-text">
      <strong>EasyVista est inaccessible.</strong>
      Données affichées depuis le cache.
    </span>
    <button id="ev-unreachable-banner-retry" class="btn btn-primary btn-sm">Réessayer</button>
    <button id="ev-unreachable-banner-open" class="btn btn-sm">Ouvrir EasyVista</button>
    <button id="ev-unreachable-banner-close" class="btn btn-icon" title="Masquer">×</button>
  </div>
  <!-- Barre de progression (visible uniquement pendant un refresh actif) -->
  <div id="progress-bar" class="progress-bar hidden">
    <div class="progress-bar-fill" id="progress-bar-fill"></div>
    <span class="progress-bar-label" id="progress-bar-label"></span>
  </div>
  <main id="main">
    <div id="error-box" class="error-box hidden"></div>
    <div id="session-needed" class="session-needed hidden">
-      <h2>Connexion à EasyVista requise</h2>
+      <h2>Session EasyVista expirée</h2>
-      <p>Cette extension doit se connecter à <code>itsma.etat-de-vaud.ch</code> pour fonctionner.</p>
+      <p>Reconnectez-vous à EasyVista pour continuer.</p>
      <p>Ouvre EasyVista dans un onglet, connecte-toi, puis <b>reclique sur l'icône de l'extension</b>.</p>
      <button id="open-ev-btn" class="btn btn-primary">Ouvrir EasyVista</button>
    </div>
    <div id="ev-unreachable" class="session-needed hidden">
      <h2>EasyVista est inaccessible pour le moment.</h2>
      <p>Réessayez dans quelques instants, ou ouvrez EasyVista directement.</p>
      <button id="open-ev-btn-2" class="btn btn-primary">Ouvrir EasyVista</button>
      <button id="retry-btn" class="btn btn-subtle">Réessayer</button>
    </div>
    <div id="loading" class="loading">Chargement…</div>
    <div id="stats" class="stats hidden"></div>
    <div id="cards" class="cards"></div>
@@ -46,6 +119,10 @@
  <div id="tooltip" class="tooltip hidden" role="tooltip"></div>
  <!-- v4.2.3 : popup fixe du nom de l'utilisateur connecté. S'ouvre au clic
       sur la pastille d'initiales (topbar gauche). -->
  <div id="user-name-popup" class="user-name-popup hidden" role="dialog" aria-hidden="true"></div>
  <!-- Conteneur des toasts (notifications d'ouverture) -->
  <div id="toast-stack" class="toast-stack" aria-live="polite"></div>
Author	SHA1	Message	Date
FroSteel	8c76085f03	Version 2026.5.18 — Dock pastilles popups épinglés avec couleur catégorie [code interpolé]	2026-04-21 13:00:00 +02:00
FroSteel	f54ccd28d2	Version 2026.5.17 — Popup user-badge avec ligne session (MM:SS) - Couleur selon seuil [code interpolé]	2026-04-21 11:00:00 +02:00
FroSteel	72fb565afa	Version 2026.5.16 — Passage au versionning par année (YYYY.M.PATCH) - Format : YYYY.M.PATCH (2026.5.16 succède à 5.0.12) - Bump du PATCH à chaque livraison - L'année indique immédiatement la fraîcheur de l'extension [code interpolé v5.0.12 → v2026.5.22]	2026-04-21 09:00:00 +02:00
FroSteel	b3246d3cf2	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).	2026-04-20 17:00:00 +02:00
FroSteel	8435a2b77e	Version 5.0.9 — Stabilisation série 5.0	2026-04-20 13:00:00 +02:00
FroSteel	6ae440cbf1	Version 5.0.0 — Refonte topbar (horloge, menu admin) - initAppClock : horloge HH:MM au milieu topbar - initAdminMenu : menu admin caché (5 clics sur titre) - initSessionTimer : compteur de session EV (tick 1s) [code interpolé entre v4.3.0 et v5.0.9]	2026-04-20 09:00:00 +02:00
FroSteel	f6d549d522	Version 4.3.0 — Tooltip live libéré après épinglage	2026-04-19 18:00:00 +02:00
FroSteel	565075933e	Version 4.2.8 — Corrections cumulées 4.2.4-8	2026-04-19 15:00:00 +02:00
FroSteel	7f78493859	Version 4.2.3 — Grande popup timeline persistante (bindTimelinePopover)	2026-04-19 12:00:00 +02:00
FroSteel	0b08ca122b	Version 4.2.1 — Démarrage série 4.2	2026-04-19 09:00:00 +02:00
FroSteel	87f561ae10	Version 4.1.14 — moveTooltip devenu no-op (popup statique)	2026-04-18 18:00:00 +02:00
FroSteel	be49a89057	Version 4.1.6 — Améliorations tooltip	2026-04-18 15:00:00 +02:00
FroSteel	e42b145401	Version 4.1.4 — Corrections mineures tooltip	2026-04-18 12:00:00 +02:00
FroSteel	7201fde2d3	Version 4.1.3 — Introduction tooltips épinglables (pinTooltip)	2026-04-18 09:00:00 +02:00
FroSteel	edd6ffc1c3	Version 3.3.0 — Corrections + raffinements (manifest.json corrigé : était resté à 3.2.0 par oubli)	2026-04-17 18:00:00 +02:00
FroSteel	23244fc4db	Version 3.2.0 — Stabilisation 3.2	2026-04-17 16:00:00 +02:00
FroSteel	f52095dc4d	Version 3.2.0 (pre-release) — Travail en cours sur la 3.2	2026-04-17 14:00:00 +02:00
FroSteel	94877cb816	Version 3.1.0 — Améliorations affichage	2026-04-17 11:00:00 +02:00