From fd53c75dee4e78059abaa44ee64c1bc0e33310d4 Mon Sep 17 00:00:00 2001
From: Xavier <xavier@mail.aethas38.duckdns.org>
Date: Wed, 7 Oct 2026 08:10:14 +0200
Subject: [PATCH] modif QRCode

---
 frontend/index.html | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 1c88269..0d21b32 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -14,7 +14,6 @@
         }
     </script>
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
     <style>
         body { background-color: #0f172a; color: #f8fafc; font-family: 'Inter', sans-serif; }
         .glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(6, 182, 212, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); }
@@ -25,7 +24,8 @@
 
 <div id="app" class="w-full max-w-md transition-all duration-500">
     <div class="text-center mb-8">
-        <img src="https://via.placeholder.com/150x150/0f172a/06b6d4?text=Logo+A38" alt="AETHAS38 Logo" class="w-24 h-24 mx-auto mb-4 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)]">
+        <!-- Chemin du logo corrigé -->
+        <img src="/static/logo.png" alt="AETHAS38 Logo" class="w-24 h-24 mx-auto mb-4 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)] object-cover bg-gray-800">
         <h1 class="text-3xl font-bold tracking-wider neon-text">AETHAS38</h1>
         <p class="text-gray-400 text-sm mt-2">Configuration de l'Orchestrateur Multi-IA</p>
     </div>
@@ -58,7 +58,6 @@
             </div>
             <h2 class="text-xl font-bold text-white">Compte créé avec succès</h2>
             
-            <!-- CORRECTION ICI : Utilisation d'une balise <img> avec rendu direct -->
             <div class="bg-white p-4 rounded-xl inline-block mx-auto min-w-[200px] min-h-[200px] flex items-center justify-center">
                 <img v-if="qrCodeUrl" :src="qrCodeUrl" alt="QR Code 2FA" class="w-full h-full object-contain">
                 <span v-else class="text-gray-500 text-sm">Génération...</span>
@@ -108,12 +107,8 @@
                     totpSecret.value = data.totp_secret;
                     setupComplete.value = true;
 
-                    // CORRECTION ICI : Génération d'une URL d'image (Data URL) au lieu du Canvas
-                    qrCodeUrl.value = await QRCode.toDataURL(data.totp_uri, {
-                        width: 200,
-                        margin: 1,
-                        color: { dark: "#0f172a", light: "#ffffff" }
-                    });
+                    // CORRECTION ICI : Génération par API externe ultra fiable (plus besoin de librairie)
+                    qrCodeUrl.value = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(data.totp_uri)}&color=0f172a&bgcolor=ffffff`;
 
                 } catch (error) {
                     errorMessage.value = error.message;