Change the way the database counters are displayed to easiliy accomodate for more tables

This commit is contained in:
2025-01-20 16:36:31 +01:00
parent a857a43288
commit c6e5a6a2d9
4 changed files with 42 additions and 28 deletions
+9 -12
View File
@@ -32,18 +32,15 @@
<h5 class="border-bottom">Records</h5>
<div class="d-flex justify-content-start">
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-start">
<span><i class="ri-hashtag"></i> Sets</span> <span class="badge text-bg-primary rounded-pill ms-2">{{ counters['sets'] }}</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<span><i class="ri-group-line"></i> Minifigures</span> <span class="badge text-bg-primary rounded-pill ms-2">{{ counters['minifigures'] }}</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<span><i class="ri-shapes-line"></i> Parts</span> <span class="badge text-bg-primary rounded-pill ms-2">{{ counters['inventory'] }}</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<span><i class="ri-error-warning-line"></i> Missing</span> <span class="badge text-bg-primary rounded-pill ms-2">{{ counters['missing'] }}</span>
</li>
{% for counter in counters %}
{% if not (loop.index % 5) %}
</ul>
<ul class="list-group">
{% endif %}
<li class="list-group-item d-flex justify-content-between align-items-start">
<span><i class="ri-{{ counter.icon }}"></i> {{ counter.name }}</span> <span class="badge text-bg-primary rounded-pill ms-2">{{ counter.count }}</span>
</li>
{% endfor %}
</ul>
</div>
{% endif %}