FrederikBaerentsen/BrickTracker
4
6
Fork 6
Code Issues 13 Pull Requests 2 Actions Packages Projects 1 Releases 4 Wiki Activity

Display metadata filters only if they have values

Browse Source
This commit is contained in:
Gregoo 2025-02-03 17:10:13 +01:00
parent ac2d2a0b5d
commit d45070eb74
1 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
templates/sets.html
View File

@ -79,20 +79,22 @@
</select> </select>
</div> </div>
</div> </div>
<div class="col-12 flex-grow-1"> {% if brickset_owners | length %}
<label class="visually-hidden" for="grid-owner">Owner</label> <div class="col-12 flex-grow-1">
<div class="input-group"> <label class="visually-hidden" for="grid-owner">Owner</label>
<span class="input-group-text"><i class="ri-user-line"></i><span class="ms-1 d-none d-xl-inline"> Owner</span></span> <div class="input-group">
<select id="grid-owner" class="form-select" <span class="input-group-text"><i class="ri-user-line"></i><span class="ms-1 d-none d-xl-inline"> Owner</span></span>
data-filter="metadata" <select id="grid-owner" class="form-select"
autocomplete="off"> data-filter="metadata"
<option value="" selected>All</option> autocomplete="off">
{% for owner in brickset_owners %} <option value="" selected>All</option>
<option value="{{ owner.as_dataset() }}">{{ owner.fields.name }}</option> {% for owner in brickset_owners %}
{% endfor %} <option value="{{ owner.as_dataset() }}">{{ owner.fields.name }}</option>
</select> {% endfor %}
</select>
</div>
</div> </div>
</div> {% endif %}
{% if brickset_storages | length %} {% if brickset_storages | length %}
<div class="col-12 flex-grow-1"> <div class="col-12 flex-grow-1">
<label class="visually-hidden" for="grid-owner">Storage</label> <label class="visually-hidden" for="grid-owner">Storage</label>
@ -109,20 +111,22 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<div class="col-12 flex-grow-1"> {% if brickset_tags | length %}
<label class="visually-hidden" for="grid-tag">Tag</label> <div class="col-12 flex-grow-1">
<div class="input-group"> <label class="visually-hidden" for="grid-tag">Tag</label>
<span class="input-group-text"><i class="ri-price-tag-2-line"></i><span class="ms-1 d-none d-xl-inline"> Tag</span></span> <div class="input-group">
<select id="grid-tag" class="form-select" <span class="input-group-text"><i class="ri-price-tag-2-line"></i><span class="ms-1 d-none d-xl-inline"> Tag</span></span>
data-filter="metadata" <select id="grid-tag" class="form-select"
autocomplete="off"> data-filter="metadata"
<option value="" selected>All</option> autocomplete="off">
{% for tag in brickset_tags %} <option value="" selected>All</option>
<option value="{{ tag.as_dataset() }}">{{ tag.fields.name }}</option> {% for tag in brickset_tags %}
{% endfor %} <option value="{{ tag.as_dataset() }}">{{ tag.fields.name }}</option>
</select> {% endfor %}
</select>
</div>
</div> </div>
</div> {% endif %}
</div> </div>
<div class="row" data-grid="true" id="grid"> <div class="row" data-grid="true" id="grid">
{% for item in collection %} {% for item in collection %}