UI update, highlight due column of task if due date is set

CHANGELOG.md

@@ -1,3 +1,6 @@
+## Mon 29, 2024 03:05
+- [x] Highlighting due column of a task if due
+
 ## Mon 29, 2024
 - [x] [BUG] Mnemonic tag in the last row in task selection mode getting cut
 

build.rs

@@ -26,8 +26,8 @@ fn main() {
     }
     // adding templates
     if !Command::new("cp")
-        .args(["-r", "frontend/templates", "dist/templates"])
+        .args(["-r", "frontend/templates", "dist/"])
         .status().unwrap().success() {
-        panic!("Failed to copy fonts")
+        panic!("Failed to copy template files")
     }
 }

frontend/css/style.css

@@ -31,15 +31,17 @@ body {
 .table-large tr {
     @apply
     font-medium even:bg-neutral-600
-
-
     ;
 }
 
 .table-large tr.active-task {
     @apply bg-green-700 text-green-200;
 }
 
+.table-large td .is_due {
+    @apply text-amber-50 font-bold bg-yellow-900 rounded-sm px-1;
+}
+
 .table-small {
     @apply text-xs p-2;
 }
@@ -256,4 +258,4 @@ body {
 
 
 #toast {
-}
+}

frontend/templates/tasks.html

@@ -188,13 +188,13 @@
             {% for task in tasks %}
             {% set status_color = on_all %}
             {% if task.status == 'pending' %}
-                {% set status_color = on_pending %}
+            {% set status_color = on_pending %}
             {% elif task.status == 'complete' %}
-                {% set status_color = on_complete %}
+            {% set status_color = on_complete %}
             {% elif task.status == 'waiting' %}
-                {% set status_color = on_waiting %}
+            {% set status_color = on_waiting %}
             {% endif %}
-            <tr {%if task.start %} class="active-task" {% endif %}>
+            <tr class="{%if task.start %} active-task {% endif %}">
                 <td>
                     <div class="checkbox-wrapper-32">
                         <input
@@ -325,7 +325,9 @@
                 </td>
                 <td>
                     {% if task.due and task.status != 'completed' %}
-                    {{ date_proper(date=task.due, in_future=true) }}
+                    <span class="is_due">
+                        {{ date_proper(date=task.due, in_future=true) }}
+                    </span>
                     {% endif %}
                 </td>