Update static/index.html

static/index.html

@@ -469,19 +469,22 @@
 
     // Display loading spinner
     const loadingSpinner = document.getElementById('loadingSpinner');
-    loadingSpinner.style.display = 'block';
+    showSpinner('loadingSpinner');
 
     try {
         const response = await fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`);
 
-        // Hide loading spinner
-        loadingSpinner.style.display = 'none';
-
         if (!response.ok) {
             throw new Error('Network response was not ok');
         }
 
-        return response.json();
+        const data = await response.json();
+
+        // Hide loading spinner
+        hideSpinner('loadingSpinner');
+
+        // Display the result image
+        resultContainer.innerHTML = `<img src="${data.image_url}" alt="Generated Image">`;
     } catch (error) {
         console.error('Error:', error);
         resultContainer.innerHTML = `<p style="color: white;">Oops! Something went wrong. Please try again later.</p>`;
@@ -496,6 +499,7 @@
 
 
 
+
 function toggleAdvancedOptions() {
     const advancedOptions = document.getElementById("advanced-options");
     if (advancedOptions.style.display === "none") {