Update static/models.js

static/models.js

@@ -94,7 +94,10 @@ function log(msg){
 
 let task = 0
 btn.onclick = async () => {
-    
+    if(task>8){
+      alert("only 4 concurrent image generation is allowed, please wait for pending generations to finish ")
+      return
+    }
     const params = {
         'prompt': prompt.value,
         'negative': negativePrompt.value,
@@ -109,6 +112,7 @@ btn.onclick = async () => {
 
 
     async function generateImage(params) {
+        task+=1
         let loader = document.createElement('div')
         loader.id = 'loader'
         if (div.firstChild!== loader) {
@@ -164,6 +168,7 @@ btn.onclick = async () => {
                             img.src = jsonChunk.img;
                             if (div.firstChild!== img) {
                                 div.insertBefore(img, div.firstChild);
+                                task-=1
                             }
                             
                         } else {