Ashrafb commited on
Commit
4b64958
1 Parent(s): c3bc67b

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +28 -39
static/index.html CHANGED
@@ -446,58 +446,47 @@
446
  });
447
  }
448
 
449
- function sendInputs() {
 
 
 
450
  const inputs = document.getElementById("inputs").value;
451
- if (!inputs) {
452
- const imageBox = document.getElementById("resultContainer");
453
- imageBox.innerHTML = "<p>Please enter a prompt before sending.</p>";
454
- return;
455
- }
456
-
457
- const loadingSpinner = document.getElementById('loadingSpinner');
458
- loadingSpinner.style.display = 'block';
459
  const noiseLevel = document.getElementById("noise_level").value;
460
  const isNegative = document.getElementById("is_negative").value;
461
  const steps = document.getElementById("steps").value;
462
  const cfgScale = document.getElementById("cfg_scale").value;
463
  const seed = document.getElementById("seed").value;
464
-
465
  const resultContainer = document.getElementById("resultContainer");
466
 
467
- fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`)
468
- .then(response => {
469
- if (!response.ok) {
470
- throw new Error('Network response was not ok');
471
- }
472
- return response.json();
473
- })
474
- .then(data => {
475
- const img = new Image();
476
- img.onload = () => {
477
- loadingSpinner.style.display = 'none'; // Hide the loading spinner after the image is loaded
478
- };
479
- img.src = 'data:image/jpeg;base64,' + data.image_base64;
480
- const maxWidth = 200;
481
- const maxHeight = 200;
482
- if (img.width > maxWidth || img.height > maxHeight) {
483
- const ratio = Math.min(maxWidth / img.width, maxHeight / img.height);
484
- img.width *= ratio;
485
- img.height *= ratio;
486
- }
487
- resultContainer.innerHTML = ""; // Clear previous content
488
- resultContainer.appendChild(img); // Append new image
489
- })
490
- .catch(error => {
491
- console.error('Error:', error);
492
- resultContainer.innerHTML = "<p>An error occurred. Please try again later.</p>";
493
- loadingSpinner.style.display = 'none'; // Hide the loading spinner on error
494
- });
495
- }
496
 
 
 
497
 
 
 
 
498
 
 
 
499
 
 
 
500
 
 
 
 
 
 
 
 
 
 
 
501
 
502
 
503
 
 
446
  });
447
  }
448
 
449
+
450
+
451
+
452
+ async function sendInputs() {
453
  const inputs = document.getElementById("inputs").value;
 
 
 
 
 
 
 
 
454
  const noiseLevel = document.getElementById("noise_level").value;
455
  const isNegative = document.getElementById("is_negative").value;
456
  const steps = document.getElementById("steps").value;
457
  const cfgScale = document.getElementById("cfg_scale").value;
458
  const seed = document.getElementById("seed").value;
 
459
  const resultContainer = document.getElementById("resultContainer");
460
 
461
+ // Check if the input field is empty
462
+ if (!inputs) {
463
+ resultContainer.innerHTML = `<p style="color: white;">Please enter a prompt before sending.</p>`;
464
+ return;
465
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
466
 
467
+ // Clear the result container
468
+ resultContainer.innerHTML = "";
469
 
470
+ // Display loading spinner
471
+ const loadingSpinner = document.getElementById('loadingSpinner');
472
+ loadingSpinner.style.display = 'block';
473
 
474
+ try {
475
+ const response = await fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`);
476
 
477
+ // Hide loading spinner
478
+ loadingSpinner.style.display = 'none';
479
 
480
+ if (!response.ok) {
481
+ throw new Error('Network response was not ok');
482
+ }
483
+
484
+ return response.json();
485
+ } catch (error) {
486
+ console.error('Error:', error);
487
+ resultContainer.innerHTML = `<p style="color: white;">Oops! Something went wrong. Please try again later.</p>`;
488
+ }
489
+ }
490
 
491
 
492