27 lines
2.2 KiB
HTML
27 lines
2.2 KiB
HTML
<div id="table-sort" class="collapse {% if config['SHOW_GRID_SORT'] %}show{% endif %} row row-cols-lg-auto g-1 justify-content-center align-items-center">
|
|
<div class="col-12 flex-grow-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text mb-2"><i class="ri-sort-asc"></i><span class="ms-1 d-none d-md-inline"> Sort</span></span>
|
|
<button id="sort-name" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="name"><i class="ri-pencil-line"></i><span class="d-none d-md-inline"> Name</span></button>
|
|
<button id="sort-color" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="color"><i class="ri-palette-line"></i><span class="d-none d-xl-inline"> Color</span></button>
|
|
<button id="sort-quantity" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="quantity" data-sort-desc="true"><i class="ri-functions"></i><span class="d-none d-xl-inline"> Quantity</span></button>
|
|
{% if not config['HIDE_TABLE_MISSING_PARTS'] %}
|
|
<button id="sort-missing" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="missing" data-sort-desc="true"><i class="ri-question-line"></i><span class="d-none d-xl-inline"> Missing</span></button>
|
|
{% endif %}
|
|
{% if not config['HIDE_TABLE_DAMAGED_PARTS'] %}
|
|
<button id="sort-damaged" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="damaged" data-sort-desc="true"><i class="ri-error-warning-line"></i><span class="d-none d-xl-inline"> Damaged</span></button>
|
|
{% endif %}
|
|
<button id="sort-sets" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="sets" data-sort-desc="true"><i class="ri-hashtag"></i><span class="d-none d-xl-inline"> Sets</span></button>
|
|
<button id="sort-minifigures" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="minifigures" data-sort-desc="true"><i class="ri-group-line"></i><span class="d-none d-xl-inline"> Figures</span></button>
|
|
<button id="sort-clear" type="button" class="btn btn-outline-dark mb-2"
|
|
data-sort-clear="true"><i class="ri-close-circle-line"></i><span class="d-none d-xl-inline"> Clear</span></button>
|
|
</div>
|
|
</div>
|
|
</div> |