Update interface.js

interface.js

@@ -49,11 +49,9 @@ const currentScriptTag = document.currentScript;
   const instanceId = Math.random().toString(36).substr(2, 8);
 
   // 4) Aspect ratio
-  // ── Détection mobile anticipée (isMobile est redéfini proprement en §7) ──
   const _isIOS    = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
   const _isMobile = _isIOS || /Android/i.test(navigator.userAgent);
 
-  // Sélection de la clé d'aspect : mobile-aspect en priorité sur mobile, sinon aspect
   const activeAspectValue = (_isMobile && config['mobile-aspect'])
     ? config['mobile-aspect']
     : config.aspect;
@@ -94,7 +92,6 @@ const currentScriptTag = document.currentScript;
     ? `<button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>`
     : '';
 
-  // HTML du widget
   widgetContainer.innerHTML = `
     <div id="viewer-container-${instanceId}" class="viewer-container">
       <div id="progress-dialog-${instanceId}" class="progress-dialog">
@@ -113,10 +110,9 @@ const currentScriptTag = document.currentScript;
     </div>
   `;
 
-  // Insérer dans le DOM
   scriptTag.parentNode.appendChild(widgetContainer);
 
-  // 6) Références DOM de l'instance
+  // 6) Références DOM
   const viewerContainerElem = document.getElementById('viewer-container-' + instanceId);
   const fullscreenToggle    = document.getElementById('fullscreen-toggle-'  + instanceId);
   const helpToggle          = document.getElementById('help-toggle-'        + instanceId);
@@ -126,7 +122,6 @@ const currentScriptTag = document.currentScript;
   const menuContent         = document.getElementById('menu-content-'       + instanceId);
   const helpTextDiv         = menuContent.querySelector('.help-text');
 
-  // ── btnRight : false → boutons à gauche ──────────────────────────────────
   if (config.btnRight === false) {
     viewerContainerElem.classList.add('btn-left');
     fullscreenToggle.style.display = 'none';
@@ -196,14 +191,11 @@ const currentScriptTag = document.currentScript;
 
   // ─────────────────────────────────────────────────────────────────────────────
   // 10) Overlay d'annotation
-  //     Appended dans widgetContainer → fonctionne en fullscreen natif, fake et normal.
   // ─────────────────────────────────────────────────────────────────────────────
 
-  // — Overlay principal —
   const annOverlay = document.createElement('div');
   annOverlay.className = 'ann-overlay';
 
-  // — Modal tooltip —
   const annTooltip = document.createElement('div');
   annTooltip.className = 'ann-tooltip';
 
@@ -230,6 +222,8 @@ const currentScriptTag = document.currentScript;
   // — Footer avec bouton lien —
   const annFooter = document.createElement('div');
   annFooter.className = 'ann-footer';
+  annFooter.style.display = 'none'; // caché par défaut, affiché par JS si linkUrl présent
+
   const annLinkBtn = document.createElement('button');
   annLinkBtn.className = 'ann-link-btn';
   annFooter.appendChild(annLinkBtn);
@@ -256,12 +250,11 @@ const currentScriptTag = document.currentScript;
   annLbWrap.appendChild(annLbClose);
   annLightbox.appendChild(annLbWrap);
 
-  // Injection dans widgetContainer (fonctionne en fullscreen natif)
   widgetContainer.appendChild(annOverlay);
   widgetContainer.appendChild(annLightbox);
 
   // ─────────────────────────────────────────────────────────────────────────────
-  // 11) Charger viewer.js (avec cache-busting par instance)
+  // 11) Charger viewer.js
   // ─────────────────────────────────────────────────────────────────────────────
   let viewerModule;
   try {
@@ -300,13 +293,18 @@ const currentScriptTag = document.currentScript;
     menuContent.style.display = 'none';
   }
 
-  // Affichage de l'annotation
   document.addEventListener('tooltip-selected', (evt) => {
-    const { title, description, imgUrl, linkUrl, linkText } = evt.detail || {};
+    const detail = evt.detail || {};
+    const { title, description, imgUrl, linkUrl, linkText } = detail;
+
+    // ── DEBUG ──────────────────────────────────────────────────────────────────
+    console.log('[interface.js] tooltip-selected reçu — detail complet :', detail);
+    console.log('  linkText :', linkText);
+    console.log('  linkUrl  :', linkUrl);
+    // ────��─────────────────────────────────────────────────────────────────────
 
     annTitle.textContent = title || '';
 
-    // Support des sauts de ligne dans la description
     annBody.innerHTML = (description || '')
       .replace(/\\n/g, '<br>')
       .replace(/\n/g, '<br>');
@@ -325,13 +323,16 @@ const currentScriptTag = document.currentScript;
       annImgWrap.style.display = 'none';
     }
 
-    // Bouton lien — affiché uniquement si linkUrl est défini
+    // ── Bouton lien ────────────────────────────────────────────────────────────
     if (currentLinkUrl) {
       annLinkBtn.textContent  = linkText || 'En savoir plus';
       annFooter.style.display = 'flex';
+      console.log('[interface.js] Footer affiché — bouton :', annLinkBtn.textContent);
     } else {
       annFooter.style.display = 'none';
+      console.log('[interface.js] Footer masqué (linkUrl vide ou absent)');
     }
+    // ──────────────────────────────────────────────────────────────────────────
 
     annIsOpen = true;
     annOverlay.classList.add('ann-open');
@@ -341,7 +342,7 @@ const currentScriptTag = document.currentScript;
   annCloseBtn.addEventListener('click', (e) => { e.stopPropagation(); hideAnnotation(); });
   annOverlay.addEventListener('click',  (e) => { if (e.target === annOverlay) hideAnnotation(); });
 
-  // Lien externe — ouvre dans un nouvel onglet
+  // Lien externe
   annLinkBtn.addEventListener('click', (e) => {
     e.stopPropagation();
     if (currentLinkUrl) window.open(currentLinkUrl, '_blank');
@@ -444,7 +445,6 @@ const currentScriptTag = document.currentScript;
     viewerContainerElem.style.borderRadius = savedState.viewer.borderRadius || '';
     viewerContainerElem.style.border       = savedState.viewer.border       || '';
 
-    // ── Remettre le nœud à sa place d'origine dans le DOM (iOS) ──
     if (savedParent) {
       savedParent.insertBefore(widgetContainer, savedSibling);
       savedParent  = null;
@@ -542,7 +542,6 @@ const currentScriptTag = document.currentScript;
     setMenuContentMaxSize();
   });
 
-  // ── Resize : recalcule la hauteur en dvh sur iOS ──
   window.addEventListener('resize', () => {
     if (viewerModule.app) {
       if (isFullscreen) {