Update static/index.html

static/index.html

@@ -406,13 +406,12 @@
                  
             </div>
              <div id="resultImage">
-    
     <div id="loadingSpinner" style="display: none;"></div>
     <div id="resultContainer">
-<p>Your Generated Image Will Appear Here</p>
+        <p>Your Generated Image Will Appear Here</p>
+    </div>
 </div>
-            
-            
+
             
             
             
@@ -470,26 +469,27 @@
     // Display loading spinner
     const loadingSpinner = document.getElementById('loadingSpinner');
     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}`);
 
-    try {
-        const response = await fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`);
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
 
-        if (!response.ok) {
-            throw new Error('Network response was not ok');
-        }
+            const data = await response.json();
 
-        const data = await response.json();
+            // Hide loading spinner
+            hideSpinner('loadingSpinner');
 
-        // 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>`;
+            // Display the result image
+            const resultImage = document.getElementById('resultContainer');
+            resultImage.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>`;
+        }
     }
-}
+
 
 
 
@@ -538,3 +538,4 @@ function toggleAdvancedOptions() {
 </script>
 </body>
 </html>
+