Disable request button to prevent duplicate request.

lin-ycv · web-flow · commit 095dae4b1973 · 2023-01-28T01:33:23.000+08:00
diff --git a/Misc/Dall-E/web-dalle/js/script.js b/Misc/Dall-E/web-dalle/js/script.js
@@ -5,6 +5,7 @@ const imgContainer = document.getElementById('image-container');
 const reqStatus = document.getElementById('request-status');
 
 reqButton.onclick = function() {
+    reqButton.disabled = true;
     reqStatus.innerHTML = "Performing request...";
     
     const key = document.getElementById('api-key').value;
@@ -48,6 +49,7 @@ reqButton.onclick = function() {
 
 function addImages(jsonData)
 {
+    reqButton.disabled = false;
     if (jsonData.error)
     {
         reqStatus.innerHTML = 'ERROR: ' + jsonData.error.message;
diff --git a/Misc/Dall-E/web-gpt/js/script.js b/Misc/Dall-E/web-gpt/js/script.js
@@ -9,6 +9,8 @@ const reqStatus = document.getElementById('request-status');
 
 // Attach click behavior to the button
 reqButton.onclick = function () {
+  // Disable request button to prevent duplicate requests
+  reqButton.disabled = true;
   // Give some feedback to user
   reqStatus.innerHTML = "Request started...";
 
@@ -70,6 +72,9 @@ reqButton.onclick = function () {
 function addText(jsonData, prompt) {
   console.log(jsonData);
 
+  // Enable request button for further requests
+  reqButton.disabled = false;
+
   // Handle a possible error response from the API
   if (jsonData.error)
   {

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@ const imgContainer = document.getElementById('image-container');`
`5`	`5`	`const reqStatus = document.getElementById('request-status');`
`6`	`6`
`7`	`7`	`reqButton.onclick = function() {`
	`8`	`+ reqButton.disabled = true;`
`8`	`9`	`reqStatus.innerHTML = "Performing request...";`
`9`	`10`
`10`	`11`	`const key = document.getElementById('api-key').value;`
`@@ -48,6 +49,7 @@ reqButton.onclick = function() {`
`48`	`49`
`49`	`50`	`function addImages(jsonData)`
`50`	`51`	`{`
	`52`	`+ reqButton.disabled = false;`
`51`	`53`	`if (jsonData.error)`
`52`	`54`	`{`
`53`	`55`	`reqStatus.innerHTML = 'ERROR: ' + jsonData.error.message;`