From d38fba7365de3cd4902d3ca13e37a97696210b58 Mon Sep 17 00:00:00 2001
From: Per Stark <perstark.se@gmail.com>
Date: Thu, 30 Jan 2025 09:17:55 +0100
Subject: [PATCH] chore: cleaning up templates

---
 assets/style.css                              | 12 +++++++++++
 templates/icons/delete_icon.html              |  5 +++++
 templates/icons/edit_icon.html                |  5 +++++
 templates/index/signed_in/active_jobs.html    | 18 ++++------------
 templates/index/signed_in/recent_content.html | 21 ++++++-------------
 5 files changed, 32 insertions(+), 29 deletions(-)
 create mode 100644 templates/icons/delete_icon.html
 create mode 100644 templates/icons/edit_icon.html

diff --git a/assets/style.css b/assets/style.css
index 5c461a2..1bb342d 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -3469,6 +3469,18 @@
     width: var(--size);
     height: var(--size);
   }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
diff --git a/templates/icons/delete_icon.html b/templates/icons/delete_icon.html
new file mode 100644
index 0000000..c33ce67
--- /dev/null
+++ b/templates/icons/delete_icon.html
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+  class="size-5">
+  <path stroke-linecap="round" stroke-linejoin="round"
+    d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
+</svg>
\ No newline at end of file
diff --git a/templates/icons/edit_icon.html b/templates/icons/edit_icon.html
new file mode 100644
index 0000000..8756227
--- /dev/null
+++ b/templates/icons/edit_icon.html
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+  class="size-5">
+  <path stroke-linecap="round" stroke-linejoin="round"
+    d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
+</svg>
\ No newline at end of file
diff --git a/templates/index/signed_in/active_jobs.html b/templates/index/signed_in/active_jobs.html
index 11ebee1..b1c6909 100644
--- a/templates/index/signed_in/active_jobs.html
+++ b/templates/index/signed_in/active_jobs.html
@@ -32,22 +32,12 @@
       {{item.content.Text.text}}
       {% endif %}
     </p>
-    <!-- <button class="btn disabled btn-square btn-ghost"> -->
-    <!-- <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> -->
-    <!-- <g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor"> -->
-    <!-- <path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75z"></path> -->
-    <!-- <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"></path> -->
-    <!-- </g> -->
-    <!-- </svg> -->
+    <!-- <button class="btn disabled btn-square btn-ghost btn-sm"> -->
+    <!-- {% include "icons/edit_icon.html" %} -->
     <!-- </button> -->
     <button hx-delete="/jobs/{{item.id}}" hx-target="#active_jobs_section" hx-swap="outerHTML"
-      class="btn btn-square btn-ghost">
-      <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor">
-          <path d="M3 6h18"></path>
-          <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-        </g>
-      </svg>
+      class="btn btn-square btn-ghost btn-sm">
+      {% include "icons/delete_icon.html" %}
     </button>
   </li>
   {% endfor %}
diff --git a/templates/index/signed_in/recent_content.html b/templates/index/signed_in/recent_content.html
index 426b323..28fc3ce 100644
--- a/templates/index/signed_in/recent_content.html
+++ b/templates/index/signed_in/recent_content.html
@@ -28,22 +28,13 @@
     <p class="list-col-wrap text-xs [&:before]:content-['Instructions:_']  [&:before]:opacity-60">
       {{item.instructions}}
     </p>
-    <!-- <button class="btn disabled btn-square btn-ghost"> -->
-    <!-- <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> -->
-    <!-- <g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor"> -->
-    <!-- <path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75z"></path> -->
-    <!-- <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"></path> -->
-    <!-- </g> -->
-    <!-- </svg> -->
-    <!-- </button> -->
+    <button class="btn btn-disabled btn-square btn-ghost btn-sm">
+      {% include "icons/edit_icon.html" %}
+    </button>
     <button hx-delete="/text-content/{{item.id}}" hx-target="#latest_content_section" hx-swap="outerHTML"
-      class="btn btn-square btn-ghost">
-      <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-        <g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor">
-          <path d="M3 6h18"></path>
-          <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-        </g>
-      </svg>
+      class="btn btn-square btn-ghost btn-sm">
+      {% include "icons/delete_icon.html" %}
+
     </button>
   </li>
   {% endfor %}