0.4.4

kb_app/frontend/ts/splash.ts

@@ -6,58 +6,58 @@ import { SplashOrder } from './bindings/SplashOrder.ts';
 
 // Fonction d'animation d'opacité
 async function animateOpacity(
-  element: HTMLElement, 
-  fromOpacity: number, 
-  toOpacity: number, 
-  durationMs: number
+    element: HTMLElement,
+    fromOpacity: number,
+    toOpacity: number,
+    durationMs: number
 ): Promise<void> {
-  console.log(`Animating from ${fromOpacity} to ${toOpacity} over ${durationMs}ms`);
-  //debug(`Animating from ${fromOpacity} to ${toOpacity} over ${durationMs}ms`);
-  
-  return new Promise((resolve) => {
-    const startTime = performance.now();
-    const startOpacity = fromOpacity;
-    const changeOpacity = toOpacity - fromOpacity;
-    
-    function update(currentTime: number) {
-      const elapsed = currentTime - startTime;
-      if (elapsed >= durationMs) {
-        element.style.opacity = toOpacity.toString();
-        resolve();
-        return;
-      }
-      
-      const progress = elapsed / durationMs;
-      element.style.opacity = (startOpacity + changeOpacity * progress).toString();
-      requestAnimationFrame(update);
-    }
-    
-    requestAnimationFrame(update);
-  });
+    console.log(`Animating from ${fromOpacity} to ${toOpacity} over ${durationMs}ms`);
+    //debug(`Animating from ${fromOpacity} to ${toOpacity} over ${durationMs}ms`);
+
+    return new Promise((resolve) => {
+        const startTime = performance.now();
+        const startOpacity = fromOpacity;
+        const changeOpacity = toOpacity - fromOpacity;
+
+        function update(currentTime: number) {
+            const elapsed = currentTime - startTime;
+            if (elapsed >= durationMs) {
+                element.style.opacity = toOpacity.toString();
+                resolve();
+                return;
+            }
+
+            const progress = elapsed / durationMs;
+            element.style.opacity = (startOpacity + changeOpacity * progress).toString();
+            requestAnimationFrame(update);
+        }
+
+        requestAnimationFrame(update);
+    });
 }
 
 // Journalisation
 function addLogMessage(message: string): void {
-  console.log(`Splash: ${message}`);
-  const debugInfo = document.getElementById('debug-info');
-  if (debugInfo) {
-    const time = new Date().toLocaleTimeString();
-    let msg = `${time}: ${message}<br>`;
-    debugInfo.innerHTML += msg;
-  }
+    console.log(`Splash: ${message}`);
+    const debugInfo = document.getElementById('debug-info');
+    if (debugInfo) {
+        const time = new Date().toLocaleTimeString();
+        let msg = `${time}: ${message}<br>`;
+        debugInfo.innerHTML += msg;
+    }
 }
 
 // Pour ajouter des messages directement (sans événements)
 function addMessage(message: string, status: string): void {
-  const messagesContainer = document.getElementById('messages-container');
-  if (!messagesContainer) return;
-  
-  const messageElement = document.createElement('div');
-  messageElement.className = `splash-message ${status}`;
-  messageElement.textContent = message;
-  
-  messagesContainer.appendChild(messageElement);
-  messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    const messagesContainer = document.getElementById('messages-container');
+    if (!messagesContainer) return;
+
+    const messageElement = document.createElement('div');
+    messageElement.className = `splash-message ${status}`;
+    messageElement.textContent = message;
+
+    messagesContainer.appendChild(messageElement);
+    messagesContainer.scrollTop = messagesContainer.scrollHeight;
 }
 listen("splash", (event) => {
     const splashorder = event.payload as SplashOrder;
@@ -80,7 +80,7 @@ listen("splash", (event) => {
     } else if (splashorder.order == "add_log" && splashorder.msg) {
         addLogMessage(splashorder.msg);
     } else {
-       error("unknown order:"+splashorder.order);
+        error("unknown order:" + splashorder.order);
     }
 });