Update index.html

index.html

@@ -13,6 +13,9 @@
             </div>
             <div class="col-12 mt-3">
                 <button onclick="getResponse()" class="btn btn-primary">Soumettre</button>
+                <div id="spinner" class="spinner-border text-primary" role="status" style="display: none;">
+                    <span class="sr-only">Chargement...</span>
+                </div>
             </div>
             <div class="col-12 mt-3">
                 <div id="response" class="border p-3"></div>
@@ -24,6 +27,9 @@
         import { client } from "@gradio/client";
 
         async function getResponse() {
+            document.getElementById('spinner').style.display = 'inline-block'; // Afficher le spinner
+            document.getElementById('response').innerHTML = ''; // Effacer la réponse précédente
+
             const question = document.getElementById('question').value;
             const app = await client("https://docfile-gemi.hf.space/--replicas/2bkx7/");
             const result = await app.predict("/predict", [question]);
@@ -31,6 +37,7 @@
             const converter = new showdown.Converter();
             const html = converter.makeHtml(result.data);
             document.getElementById('response').innerHTML = html;
+            document.getElementById('spinner').style.display = 'none'; // Masquer le spinner
         }
     </script>
 </body>