From 828a7aabd7a96bed6dce14216c5c56cd7ecd2cbb Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Tue, 27 Sep 2022 18:37:21 +0530
Subject: [PATCH] Show a processing label

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

diff --git a/ui/index.html b/ui/index.html
index d0af6c71..b0be3e8b 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -208,7 +208,7 @@
 </div>
 </body>
 
-<script src="media/main.js?v=10"></script>
+<script src="media/main.js?v=11"></script>
 <script>
 async function init() {
     await loadModifiers()
diff --git a/ui/media/main.css b/ui/media/main.css
index 77c09a88..089f81e0 100644
--- a/ui/media/main.css
+++ b/ui/media/main.css
@@ -383,6 +383,11 @@ img {
     border-radius: 2pt;
     margin-right: 5pt;
 }
+.activeTaskLabel {
+    background:rgb(0, 90, 30);
+    border: 1px solid rgb(0, 75, 19);
+    color:rgb(204, 255, 217)
+}
 .secondaryButton {
     background: rgb(132, 8, 0);
     border: 1px solid rgb(122, 29, 0);
diff --git a/ui/media/main.js b/ui/media/main.js
index b0ee0610..c48c4476 100644
--- a/ui/media/main.js
+++ b/ui/media/main.js
@@ -545,7 +545,9 @@ async function checkTasks() {
 
     task.isProcessing = true
     task['stopTask'].innerHTML = '<i class="fa-solid fa-circle-stop"></i> Stop'
-    task['taskStatusLabel'].style.display = 'none'
+    task['taskStatusLabel'].innerText = "Processing"
+    task['taskStatusLabel'].className += " activeTaskLabel"
+    console.log(task['taskStatusLabel'].className)
 
     for (let i = 0; i < task.batchCount; i++) {
         task.reqBody['seed'] = task.seed + (i * task.reqBody['num_outputs'])
@@ -560,6 +562,7 @@ async function checkTasks() {
 
     task.isProcessing = false
     task['stopTask'].innerHTML = '<i class="fa-solid fa-trash-can"></i> Remove'
+    task['taskStatusLabel'].style.display = 'none'
 
     time = new Date().getTime() - time
     time /= 1000