Update static/index.html
Browse files- static/index.html +6 -7
static/index.html
CHANGED
@@ -405,12 +405,10 @@
|
|
405 |
<button id="generate" onclick="sendInputs()">generate image </button>
|
406 |
|
407 |
</div>
|
408 |
-
|
|
|
409 |
<div id="loadingSpinner" style="display: none;"></div>
|
410 |
-
<div id="resultContainer">
|
411 |
-
<p>Your Generated Image Will Appear Here</p>
|
412 |
-
</div>
|
413 |
-
</div>
|
414 |
|
415 |
|
416 |
|
@@ -467,14 +465,15 @@ async function sendInputs() {
|
|
467 |
return;
|
468 |
}
|
469 |
|
470 |
-
|
|
|
471 |
// Clear the result container
|
472 |
document.getElementById('resultContainer').innerHTML = "";
|
473 |
|
474 |
// Display loading spinner
|
475 |
const loadingSpinner = document.getElementById('loadingSpinner');
|
476 |
loadingSpinner.style.display = 'block';
|
477 |
-
|
478 |
// Fetch data from the server
|
479 |
const response = await fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`);
|
480 |
|
|
|
405 |
<button id="generate" onclick="sendInputs()">generate image </button>
|
406 |
|
407 |
</div>
|
408 |
+
<div id="resultImage">
|
409 |
+
|
410 |
<div id="loadingSpinner" style="display: none;"></div>
|
411 |
+
<div id="resultContainer"></div>
|
|
|
|
|
|
|
412 |
|
413 |
|
414 |
|
|
|
465 |
return;
|
466 |
}
|
467 |
|
468 |
+
|
469 |
+
|
470 |
// Clear the result container
|
471 |
document.getElementById('resultContainer').innerHTML = "";
|
472 |
|
473 |
// Display loading spinner
|
474 |
const loadingSpinner = document.getElementById('loadingSpinner');
|
475 |
loadingSpinner.style.display = 'block';
|
476 |
+
try {
|
477 |
// Fetch data from the server
|
478 |
const response = await fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`);
|
479 |
|