Merge pull request 'ObsiGate 2.82.5 : les 5 logos dans le menu et la barre commune' (#54) from barre-logos-2-82-5 into main

2026-10-29 22:22:58 -04:00
parent 8403b4fa08 d792714f4f
commit 397a60663c
11 changed files with 53 additions and 18 deletions
@@ -6,7 +6,7 @@ Format basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/),
 et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 > **En cours de développement** : les changements à venir sont listés dans la section
-> [Unreleased](#unreleased). La dernière version livrée est **2.82.4**.
+> [Unreleased](#unreleased). La dernière version livrée est **2.82.5**.

 ---

@@ -14,6 +14,11 @@ et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 ---

+## [2.82.5] — 2026-10-29
+
+- **Barre commune (dracodev-commons v0.1.9 vendangée)** : les 5 tuiles des onglets — et donc du menu de la marque, qui les clone — sont désormais les logos fournis, tels quels, jamais redessinés : ObsiGate (arbre), Flowdeck (cartes), TikTak (logo officiel SVG), Kanbante (cycle vert), Console Spark (étoile rouge validée). Fichiers dans `frontend/img/logos/` (copie de `ui/barre-apps/logos/` de commons, PNG 180 px), servis en `/static/img/logos/` ; l'entrée « Console Spark » du menu clone l'icône de l'onglet agent (`draco-barre.js`) ; onglet agent passé à `--app #d21f2c`. Les glyphes texte ▤/▦/✓/▥/✦ disparaissent des onglets (marque ✦, bouton Spark et rappel d'en-tête inchangés).
+- **Pages concernées** : la barre est rendue en ligne dans `frontend/index.html` et dans sa copie de `frontend/recherche.html` — les deux sont portées à la v0.1.9, `draco-barre.js` et `draco-barre.css` remplacés verbatim (les fichiers précédents étaient identiques à l'octet près à ceux de commons avant la v0.1.9, aucune adaptation locale perdue). Le reste de l'intégration (URL, `DRACO_URLS`, actions, compteurs) est inchangé.
+
 ## [2.82.4] — 2026-10-28

 - **Recherche (PR #52)** : texte parasite du mécanisme de thème retiré du haut de la page `/recherche` (lignes 28-43 de `frontend/recherche.html`, hors commentaire).
@@ -1 +1 @@
-2.82.4
+2.82.5
@@ -94,6 +94,13 @@
  width: 30px; height: 30px; flex: none; display: grid; place-items: center;
  border-radius: 9px; background: var(--app); color: #fff; font-size: 15px;
 }
+/* Icônes logos (2026-10-29, corrigé le même jour) : l'image du logo
+ * fourni, telle quelle, remplit la tuile 30 px — jamais de glyphe
+ * texte, jamais de redessin. Le fond de la tuile est transparent :
+ * les logos PNG portent déjà leur fond (dégradé), le SVG TikTak
+ * reste sur le fond de la barre. */
+.draco-apptab-ico { background: transparent; }
+.draco-apptab-ico img { width: 30px; height: 30px; display: block; border-radius: 9px; object-fit: cover; }
 .draco-apptab-txt { display: none; flex-direction: column; line-height: 1.15; }
 .draco-apptab-txt strong { font-size: 14px; font-weight: 700; }
 .draco-apptab-txt small { font-size: 11.5px; color: var(--ink-2); }
@@ -369,7 +369,10 @@
     * de l'agent commun (URL agent résolue — explicite > -dev >
     * défaut prod ; aucun hôte spark-dev inventé). data-app="agent"
     * l'intègre à refreshMenuHrefs/applyUrls/setCurrent comme les
-     * autres items ; l'icône ✦ reprend la couleur agent du CSS. */
+     * autres items ; son icône CLONE celle de l'onglet agent
+     * (2026-10-29, logos barre-apps, corrigé le même jour) : le logo
+     * fourni, tel quel, jamais redessiné — le CSS --agent (rose) des
+     * autres éléments de la barre n'est pas changé ici. */
    var sep = document.createElement("div");
    sep.className = "draco-menu-sep";
    sep.setAttribute("aria-hidden", "true");
@@ -379,10 +382,18 @@
    sparkItem.href = resolvedUrls.agent || "#";
    sparkItem.dataset.app = "agent";
    sparkItem.setAttribute("role", "menuitem");
-    var sparkIco = document.createElement("span");
-    sparkIco.className = "draco-apptab-ico";
-    sparkIco.setAttribute("style", "--app:#c2437e");
-    sparkIco.textContent = "✦";
+    var sparkIco;
+    var agentTab = document.querySelector('.draco-apptab[data-app="agent"]');
+    var agentIco = agentTab ? agentTab.querySelector(".draco-apptab-ico") : null;
+    if (agentIco) {
+      sparkIco = agentIco.cloneNode(true);
+    } else {
+      sparkIco = document.createElement("span");
+      sparkIco.className = "draco-apptab-ico";
+      sparkIco.setAttribute("style", "--app:#d21f2c");
+      sparkIco.setAttribute("data-icon", "agent");
+      sparkIco.textContent = "✦";
+    }
    sparkItem.appendChild(sparkIco);
    var sparkTxt = document.createElement("span");
    sparkTxt.className = "draco-apps-item-txt";
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+  <!-- TikTak — deux arcs (les deux temps), coche-flèche. Bleu #0076fb, orange #fc750c.
+       Géométrie mesurée sur le visuel validé par Bruno (variante B). -->
+  <path d="M 38.2 101.1 A 84 84 0 0 1 201.8 101.1" fill="none" stroke="#0076fb" stroke-width="28" stroke-linecap="round"/>
+  <path d="M 201.5 140.3 A 84 84 0 0 1 38.5 140.3" fill="none" stroke="#fc750c" stroke-width="28" stroke-linecap="round"/>
+  <polyline points="80,129 106,146 163,84" fill="none" stroke="#0076fb" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M 128 80 L 163 84 L 167 122" fill="none" stroke="#0076fb" stroke-width="22" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -268,10 +268,14 @@

        <!-- Main Application (wrapped for show/hide) -->
        <!-- Barre d'apps commune dracodev — Fusion #215 (ACC-1.1).
-             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.6
+             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.9
             (ui/barre-apps/) : ne pas modifier la structure ici ; toute
             évolution passe par une nouvelle version de commons.
             CSS/JS : /static/draco-barre.css, /static/draco-barre.js.
+             Icônes logos v0.1.9 (2026-10-29) : les 5 tuiles sont les logos
+             fournis, tels quels, servis depuis /static/img/logos/ (copie de
+             ui/barre-apps/logos/ de dracodev-commons) ; l'entrée « Console Spark »
+             du menu clone l'icône de l'onglet agent (draco-barre.js).
             Chantier 5 (fusion #69/#71, sans bump) : 5e onglet Console Spark
             (data-app="agent", défaut prod ; la réécriture DRACO_URLS
             couvre la clé "agent" comme les autres onglets), après Kanbante ;
@@ -284,25 +288,25 @@
                </a>
                <nav class="draco-apptabs" aria-label="Applications">
                    <a class="draco-apptab" data-app="obsigate" href="https://og.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#7a5af5">▤</span>
+                        <span class="draco-apptab-ico" style="--app:#7a5af5" data-icon="obsigate"><img src="/static/img/logos/obsigate.png" alt="ObsiGate" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>ObsiGate</strong><small>Notes</small></span>
                    </a>
                    <a class="draco-apptab" data-app="flowdeck" href="https://flowdeck.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#2f6fed">▦</span>
+                        <span class="draco-apptab-ico" style="--app:#2f6fed" data-icon="flowdeck"><img src="/static/img/logos/flowdeck.png" alt="Flowdeck" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Flowdeck</strong><small>Projets</small></span>
                    </a>
                    <a class="draco-apptab" data-app="tiktak" href="https://tiktak.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#e8762c">✓</span>
+                        <span class="draco-apptab-ico" style="--app:#e8762c" data-icon="tiktak"><img src="/static/img/logos/tiktak.svg" alt="TikTak" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>TikTak</strong><small>Tâches</small></span>
                        <span class="draco-badge" data-badge="tiktak" hidden>0</span>
                    </a>
                    <a class="draco-apptab" data-app="kanbante" href="https://kanbante.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#0d9488">▥</span>
+                        <span class="draco-apptab-ico" style="--app:#0d9488" data-icon="kanbante"><img src="/static/img/logos/kanbante.png" alt="Kanbante" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Kanbante</strong><small>Kanban</small></span>
                        <span class="draco-badge" data-badge="kanbante" hidden>0</span>
                    </a>
                    <a class="draco-apptab" data-app="agent" href="https://agent.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#c2437e">✦</span>
+                        <span class="draco-apptab-ico" style="--app:#d21f2c" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
                        <span class="draco-apptab-txt"><strong>Console Spark</strong><small>Agent commun</small></span>
                    </a>
                </nav>
@@ -62,25 +62,25 @@
      </a>
      <nav class="draco-apptabs" aria-label="Applications">
        <a class="draco-apptab" data-app="obsigate" href="{{URL_OBSIGATE}}">
-          <span class="draco-apptab-ico" style="--app:#7a5af5">▤</span>
+          <span class="draco-apptab-ico" style="--app:#7a5af5" data-icon="obsigate"><img src="/static/img/logos/obsigate.png" alt="ObsiGate" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>ObsiGate</strong><small>Notes</small></span>
        </a>
        <a class="draco-apptab" data-app="flowdeck" href="{{URL_FLOWDECK}}">
-          <span class="draco-apptab-ico" style="--app:#2f6fed">▦</span>
+          <span class="draco-apptab-ico" style="--app:#2f6fed" data-icon="flowdeck"><img src="/static/img/logos/flowdeck.png" alt="Flowdeck" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Flowdeck</strong><small>Projets</small></span>
        </a>
        <a class="draco-apptab" data-app="tiktak" href="{{URL_TIKTAK}}">
-          <span class="draco-apptab-ico" style="--app:#e8762c">✓</span>
+          <span class="draco-apptab-ico" style="--app:#e8762c" data-icon="tiktak"><img src="/static/img/logos/tiktak.svg" alt="TikTak" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>TikTak</strong><small>Tâches</small></span>
          <span class="draco-badge" data-badge="tiktak" hidden>0</span>
        </a>
        <a class="draco-apptab" data-app="kanbante" href="{{URL_KANBANTE}}">
-          <span class="draco-apptab-ico" style="--app:#0d9488">▥</span>
+          <span class="draco-apptab-ico" style="--app:#0d9488" data-icon="kanbante"><img src="/static/img/logos/kanbante.png" alt="Kanbante" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Kanbante</strong><small>Kanban</small></span>
          <span class="draco-badge" data-badge="kanbante" hidden>0</span>
        </a>
        <a class="draco-apptab" data-app="agent" href="{{URL_AGENT}}">
-          <span class="draco-apptab-ico" style="--app:#c2437e">✦</span>
+          <span class="draco-apptab-ico" style="--app:#d21f2c" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
          <span class="draco-apptab-txt"><strong>Console Spark</strong><small>Agent commun</small></span>
        </a>
      </nav>
@@ -1 +1 @@
 .82.4
 .82.5