Update interface.js

interface.js

@@ -94,7 +94,7 @@ const currentScriptTag = document.currentScript;
     ? `<button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>`
     : '';
 
-  // HTML du widget (sans panneau tooltip — géré séparément ci-dessous)
+  // HTML du widget
   widgetContainer.innerHTML = `
     <div id="viewer-container-${instanceId}" class="viewer-container">
       <div id="progress-dialog-${instanceId}" class="progress-dialog">
@@ -127,11 +127,8 @@ const currentScriptTag = document.currentScript;
   const helpTextDiv         = menuContent.querySelector('.help-text');
 
   // ── btnRight : false → boutons à gauche ──────────────────────────────────
-  // Par défaut les boutons sont à droite (comportement original).
-  // Si config.btnRight === false, on ajoute la classe btn-left sur viewerContainerElem.
   if (config.btnRight === false) {
     viewerContainerElem.classList.add('btn-left');
-    // ✏️ Cacher le fullscreen et décaler les autres boutons
     fullscreenToggle.style.display = 'none';
     viewerContainerElem.classList.add('no-fullscreen');
   }
@@ -198,7 +195,7 @@ const currentScriptTag = document.currentScript;
   viewerContainerElem.style.display = 'block';
 
   // ─────────────────────────────────────────────────────────────────────────────
-  // 10) Overlay d'annotation (style viewer B — dark theme, lightbox, lien externe)
+  // 10) Overlay d'annotation
   //     Appended dans widgetContainer → fonctionne en fullscreen natif, fake et normal.
   // ─────────────────────────────────────────────────────────────────────────────
 
@@ -230,6 +227,7 @@ const currentScriptTag = document.currentScript;
   annScroll.appendChild(annTitle);
   annScroll.appendChild(annBody);
 
+  // — Footer avec bouton lien —
   const annFooter = document.createElement('div');
   annFooter.className = 'ann-footer';
   const annLinkBtn = document.createElement('button');
@@ -307,11 +305,14 @@ const currentScriptTag = document.currentScript;
     const { title, description, imgUrl, linkUrl, linkText } = evt.detail || {};
 
     annTitle.textContent = title || '';
+
+    // Support des sauts de ligne dans la description
     annBody.innerHTML = (description || '')
       .replace(/\\n/g, '<br>')
       .replace(/\n/g, '<br>');
-    annScroll.scrollTop  = 0;
-    currentLinkUrl       = linkUrl || '';
+
+    annScroll.scrollTop = 0;
+    currentLinkUrl      = linkUrl || '';
 
     // Image
     if (imgUrl) {
@@ -324,7 +325,7 @@ const currentScriptTag = document.currentScript;
       annImgWrap.style.display = 'none';
     }
 
-    // Bouton lien
+    // Bouton lien — affiché uniquement si linkUrl est défini
     if (currentLinkUrl) {
       annLinkBtn.textContent  = linkText || 'En savoir plus';
       annFooter.style.display = 'flex';
@@ -340,7 +341,7 @@ const currentScriptTag = document.currentScript;
   annCloseBtn.addEventListener('click', (e) => { e.stopPropagation(); hideAnnotation(); });
   annOverlay.addEventListener('click',  (e) => { if (e.target === annOverlay) hideAnnotation(); });
 
-  // Lien externe
+  // Lien externe — ouvre dans un nouvel onglet
   annLinkBtn.addEventListener('click', (e) => {
     e.stopPropagation();
     if (currentLinkUrl) window.open(currentLinkUrl, '_blank');
@@ -591,7 +592,7 @@ const currentScriptTag = document.currentScript;
     });
   }
 
-  // 16) Échappement / resize
+  // 16) Échappement
   document.addEventListener('keydown', (e) => {
     if ((e.key === 'Escape' || e.key === 'Esc') && isFullscreen) exitFullscreen();
   });