From 46bc9637fcd9f9fdfe065bbe3a042e70a5fc805c Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Fri, 19 Jun 2026 10:44:08 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20graph.js=20syntax=20error=20=E2=80=94=20?=
 =?UTF-8?q?template=20literals=20inside=20single=20quotes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Line 629: changed single quotes to backticks for published span
- Line 653: changed to string concatenation for ctrl_hover_preview
- Line 675: removed unnecessary template literal for published_badge
- Root cause: ${t(...)} inside '...' is not interpolated
---
 frontend/js/graph.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/js/graph.js b/frontend/js/graph.js
index 780279b..d903953 100644
--- a/frontend/js/graph.js
+++ b/frontend/js/graph.js
@@ -626,7 +626,7 @@ export const GraphViewManager = {
       if (fm.date || fm.creation_date) rows.push(`<div><span style="color:var(--text-muted)">📅 Date</span> <span>${fm.date || fm.creation_date}</span></div>`);
       if (fm.statut) rows.push(`<div><span style="color:var(--text-muted)">📌 Statut</span> <span>${fm.statut}</span></div>`);
       if (fm.catégorie || fm.categorie) rows.push(`<div><span style="color:var(--text-muted)">${t('graph.category')}</span> <span>${fm.catégorie || fm.categorie}</span></div>`);
-      if (fm.publish) rows.push('<div><span style="color:var(--text-muted)">✅</span> <span>${t('graph.published')}</span></div>');
+      if (fm.publish) rows.push(`<div><span style="color:var(--text-muted)">✅</span> <span>${t('graph.published')}</span></div>`);
       if (fm.favoris) rows.push('<div><span style="color:var(--text-muted)">⭐</span> <span>Favoris</span></div>');
       if (rows.length > 0) metaRows = rows.join('');
     }
@@ -650,7 +650,7 @@ export const GraphViewManager = {
       </div>
       ${metaRows ? `<div style="font-size:0.72rem;display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:6px">${metaRows}</div>` : ''}
       ${tags.length > 0 ? `<div style="display:flex;gap:4px;flex-wrap:wrap">${tags.map(t => `<span style="font-size:0.65rem;background:var(--accent-color);color:#fff;padding:1px 6px;border-radius:3px;opacity:0.8">#${t}</span>`).join('')}</div>` : ''}
-      ${node.type === 'file' ? '<div style="font-size:0.6rem;color:var(--text-muted);margin-top:6px;opacity:0.6">${t('graph.ctrl_hover_preview')}</div>' : ''}
+      ${node.type === 'file' ? '<div style="font-size:0.6rem;color:var(--text-muted);margin-top:6px;opacity:0.6">' + t('graph.ctrl_hover_preview') + '</div>' : ''}
     `;
     this._infoPanel.style.display = 'block';
   },
@@ -672,7 +672,7 @@ export const GraphViewManager = {
       if (fm.auteur) items.push(`✍️ ${fm.auteur}`);
       if (fm.date || fm.creation_date) items.push(`📅 ${fm.date || fm.creation_date}`);
       if (fm.statut) items.push(`📌 ${fm.statut}`);
-      if (fm.publish) items.push('${t('graph.published_badge')}');
+      if (fm.publish) items.push(t('graph.published_badge'));
       if (fm.favoris) items.push('⭐ favoris');
       if (items.length > 0) fmSummary = `<div style="font-size:0.7rem;color:var(--text-muted);margin:4px 0">${items.join(' · ')}</div>`;
     }