Version 4.2.3 — Grande popup timeline persistante (bindTimelinePopover)

2026-04-19 12:00:00 +02:00
parent 0b08ca122b
commit 7f78493859
5 changed files with 387 additions and 44 deletions
@@ -2,13 +2,18 @@
 <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>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">
@@ -19,7 +24,6 @@
      <span id="refresh-check" class="refresh-check hidden" title="Mise à jour terminée">✓</span>
    </div>
    <div class="topbar-right">
-      <span id="current-user" class="current-user hidden" title="Utilisateur EasyVista connecté"></span>
      <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>
@@ -77,6 +81,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>