From 5db64526cc7d1826f38995233b510482b9a7799b Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Thu, 29 Sep 2022 13:43:25 +0530
Subject: [PATCH] Fix a bug where batches would overwrite the previous images
 inside a task

---
 ui/index.html     | 4 ++--
 ui/media/main.css | 3 +++
 ui/media/main.js  | 5 ++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 5e2d94dc..45fe1483 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/png" href="/media/favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="/media/favicon-32x32.png" sizes="32x32">
-    <link rel="stylesheet" href="/media/main.css?v=20">
+    <link rel="stylesheet" href="/media/main.css?v=21">
     <link rel="stylesheet" href="/media/modifier-thumbnails.css?v=1">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
     <link rel="stylesheet" href="/media/drawingboard.min.css">
@@ -213,7 +213,7 @@
 </div>
 </body>
 
-<script src="media/main.js?v=20"></script>
+<script src="media/main.js?v=21"></script>
 <script>
 async function init() {
     await loadModifiers()
diff --git a/ui/media/main.css b/ui/media/main.css
index d92776b2..3c346fdc 100644
--- a/ui/media/main.css
+++ b/ui/media/main.css
@@ -407,4 +407,7 @@ img {
     font-size: 10pt;
     color: #aaa;
     margin-bottom: 5pt;
+}
+.img-batch {
+    display: inline;
 }
\ No newline at end of file
diff --git a/ui/media/main.js b/ui/media/main.js
index ae102a9b..1b947d5d 100644
--- a/ui/media/main.js
+++ b/ui/media/main.js
@@ -361,7 +361,10 @@ async function doMakeImage(task) {
 
     const reqBody = task.reqBody
     const batchCount = task.batchCount
-    const outputContainer = task.outputContainer
+    const outputContainer = document.createElement('div')
+
+    outputContainer.className = 'img-batch'
+    task.outputContainer.appendChild(outputContainer)
 
     const outputMsg = task['outputMsg']
     const previewPrompt = task['previewPrompt']