From 665649a33c0d6fec6fc29c3bc24484c63d25dbf9 Mon Sep 17 00:00:00 2001
From: FrederikBaerentsen <frederik+gitea@baerentsen.net>
Date: Wed, 20 Nov 2024 15:06:33 +0100
Subject: [PATCH] Added button to jump to minifigs

---
 templates/base.html  | 17 ++++++++++++++++-
 templates/table.html | 10 +++++-----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index f522b22..9718ef8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,6 +11,17 @@
 
 <style>
 
+table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
+    content: " \25B4\25BE"
+}
+
+
+table.sortable tbody tr:nth-child(2n) td {
+  background: #ffffff;
+}
+table.sortable tbody tr:nth-child(2n+1) td {
+  background: #ecf0f1;
+}
 
 table { 
     width: 100%; /* Ensure the table takes full width of its container */
@@ -174,7 +185,11 @@ background-color: white;
         <a class="navbar-item" href="/">
           Home
         </a>
-    
+
+	{% if minifig_list | length > 0 %}
+	<a class="navbar-item" href="#minifigs">Jump2Figs</a>
+	{% endif %}    
+
         <a class="navbar-item hidden-desktop" id="expand-button">
           Expand Columns
         </a> 
diff --git a/templates/table.html b/templates/table.html
index 2a3e2f1..d2905b6 100644
--- a/templates/table.html
+++ b/templates/table.html
@@ -5,20 +5,20 @@
 <table id="data" class="table tablemobile sortable">
     <thead>
       <tr>
-        <th style="width:65px;">Image</th>
+        <th class="sorttable_nosort" style="width:65px;">Image</th>
         <th class="hidden-mobile name-class">Name</th>
         <th class="hidden-mobile">Color</th>
         <th >Qty</th>
-        <th style="text-align:center;">Missing</th>
+        <th class="sorttable_nosort" style="text-align:center;">Missing</th>
       </tr>
     </thead>
     <tbody>
       {% for brick in inventory_list %}
         <tr>
           {% if brick[5] == 'nil' %}
-          <td><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;" loading="lazy"></td>
+          <td style="background-color: #ffffff;"><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;" loading="lazy"></td>
           {% else %}
-          <td style="width:65px;height:55px;"><img src="{{ '/static/parts/' + brick[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"loading="lazy"></td>
+          <td style="background-color: #ffffff;width:65px;height:55px;"><img src="{{ '/static/parts/' + brick[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"loading="lazy"></td>
           {% endif %}
 
           <td style="text-align:left;" class="hidden-mobile name-class">{{ brick[3] }}</td>
@@ -60,7 +60,7 @@
 
 {% if minifig_list | length > 0 %}
 
-<h1 class="title">Minifigs</h1>
+<h1 id="minifigs" class="title">Minifigs</h1>
 {% for fig in minifig_list %}
 <h2 class="subtitle">{{ fig[2] }} ({{ fig[0] }})</h2>