From 0ca91b7d7ba99f4783ae1ed19fa948e6eb4c144f Mon Sep 17 00:00:00 2001
From: Kamil <abcde@fghijk.lmno>
Date: Tue, 26 Nov 2024 15:14:30 +0000
Subject: [PATCH] Added Progressbar for task status

---
 templates/partials/_task_status.html | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/templates/partials/_task_status.html b/templates/partials/_task_status.html
index 05f22fe..c32f89c 100644
--- a/templates/partials/_task_status.html
+++ b/templates/partials/_task_status.html
@@ -4,19 +4,30 @@
     <td>{{ task.state }}</td>
     <td>
         {% if task.info.percent %}
-        {{ task.info.percent }}%
+        <div class="progress" style="height: 20px;">
+            <div 
+                class="progress-bar {% if task.info.percent|round(0) == 100 %}bg-success{% else %}bg-primary{% endif %}" 
+                role="progressbar" 
+                style="width: {{ task.info.percent|round(2) }}%;" 
+                aria-valuenow="{{ task.info.percent|round(2) }}" 
+                aria-valuemin="0" 
+                aria-valuemax="100">
+                {{ task.info.percent|round(2) }}%
+            </div>
+        </div>
         {% else %}
-        N/A
+        <span class="text-muted">N/A</span>
         {% endif %}
     </td>
     <td>
         <div>
-
-            <button hx-post="/run_task/{{ task_name }}" hx-target="#task-row-{{ task_name }}" hx-swap="outerHTML"
-                class="btn btn-primary">
+            <button hx-post="/run_task/{{ task_name }}" 
+                    hx-target="#task-row-{{ task_name }}" 
+                    hx-swap="outerHTML"
+                    class="btn btn-primary">
                 Run Task
             </button>
         </div>
     </td>
 </tr>
-{% endfor %}
\ No newline at end of file
+{% endfor %}