vorboid/BrickTracker
1
0
Fork 0
forked from FrederikBaerentsen/BrickTracker
Code Pull Requests Activity

Added button to jump to minifigs

Browse Source
This commit is contained in:
FrederikBaerentsen 2024-11-20 15:06:33 +01:00
parent 14919ada2c
commit 665649a33c
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/base.html
View File

@ -11,6 +11,17 @@
<style> <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 { table {
width: 100%; /* Ensure the table takes full width of its container */ width: 100%; /* Ensure the table takes full width of its container */
@ -174,7 +185,11 @@ background-color: white;
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
Home Home
</a> </a>
{% if minifig_list | length > 0 %}
<a class="navbar-item" href="#minifigs">Jump2Figs</a>
{% endif %}
<a class="navbar-item hidden-desktop" id="expand-button"> <a class="navbar-item hidden-desktop" id="expand-button">
Expand Columns Expand Columns
</a> </a>

10
templates/table.html
View File

@ -5,20 +5,20 @@
<table id="data" class="table tablemobile sortable"> <table id="data" class="table tablemobile sortable">
<thead> <thead>
<tr> <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 name-class">Name</th>
<th class="hidden-mobile">Color</th> <th class="hidden-mobile">Color</th>
<th >Qty</th> <th >Qty</th>
<th style="text-align:center;">Missing</th> <th class="sorttable_nosort" style="text-align:center;">Missing</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for brick in inventory_list %} {% for brick in inventory_list %}
<tr> <tr>
{% if brick[5] == 'nil' %} {% 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 %} {% 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 %} {% endif %}
<td style="text-align:left;" class="hidden-mobile name-class">{{ brick[3] }}</td> <td style="text-align:left;" class="hidden-mobile name-class">{{ brick[3] }}</td>
@ -60,7 +60,7 @@
{% if minifig_list | length > 0 %} {% if minifig_list | length > 0 %}
<h1 class="title">Minifigs</h1> <h1 id="minifigs" class="title">Minifigs</h1>
{% for fig in minifig_list %} {% for fig in minifig_list %}
<h2 class="subtitle">{{ fig[2] }} ({{ fig[0] }})</h2> <h2 class="subtitle">{{ fig[2] }} ({{ fig[0] }})</h2>