Update interface.js

interface.js

@@ -1,5 +1,7 @@
 // interface.js
 // ==============================
+// interface.js
+// ==============================
 
 // Store a reference to the <script> tag that loaded this file
 const currentScriptTag = document.currentScript;
@@ -81,11 +83,11 @@ const currentScriptTag = document.currentScript;
 
   // Conditionally include the “tooltips-toggle” button only if config.tooltips_url is defined
   const tooltipsButtonHTML = config.tooltips_url
-    ? <button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>
+    ? `<button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>`
     : '';
 
   // Add the 3D-viewer HTML + tooltip + help HTML
-  widgetContainer.innerHTML = 
+  widgetContainer.innerHTML = `
     <div id="viewer-container-${instanceId}" class="viewer-container">
       <div id="progress-dialog-${instanceId}" class="progress-dialog">
         <progress id="progress-indicator-${instanceId}" max="100" value="0"></progress>
@@ -108,7 +110,7 @@ const currentScriptTag = document.currentScript;
         <img id="tooltip-image" class="tooltip-image" src="" alt="" style="display: none;" />
       </div>
     </div>
-  ;
+  `;
 
   // Append the widget container immediately after the <script> tag
   scriptTag.parentNode.appendChild(widgetContainer);
@@ -140,23 +142,23 @@ const currentScriptTag = document.currentScript;
 
   // Fill help text with instructions plus the two new French lines
   if (isMobile) {
-    helpTextDiv.innerHTML = 
+    helpTextDiv.innerHTML = `
       - Pour vous déplacer, glissez deux doigts sur l'écran.<br>
       - Pour orbiter, utilisez un doigt.<br>
       - Pour zoomer, pincez avec deux doigts.<br>
       ${tooltipInstruction}
       - ⟲ Réinitialise la caméra.<br>
       - ⇱ Passe en plein écran.<br>
-    ;
+    `;
   } else {
-    helpTextDiv.innerHTML = 
+    helpTextDiv.innerHTML = `
       - orbitez avec le clic droit<br>
       - zoomez avec la molette<br>
       - déplacez vous avec le clic gauche<br>
       ${tooltipInstruction}
       - ⟲ Réinitialise la caméra.<br>
       - ⇱ Passe en plein écran.<br>
-    ;
+    `;
   }
 
   // Ensure instructions panel is visible by default
@@ -358,7 +360,7 @@ const currentScriptTag = document.currentScript;
 
   document.addEventListener('tooltip-selected', (evt) => {
     const { title, description, imgUrl } = evt.detail;
-    tooltipTextDiv.innerHTML = <strong>${title}</strong><br>${description};
+    tooltipTextDiv.innerHTML = `<strong>${title}</strong><br>${description}`;
     if (imgUrl) {
       tooltipImage.src = imgUrl;
       tooltipImage.style.display = 'block';
@@ -399,4 +401,4 @@ const currentScriptTag = document.currentScript;
     document.dispatchEvent(new CustomEvent('toggle-tooltips', { detail: { visible: !!config.showTooltipsDefault } }));
   }, 200);
 
-})();
+})();