25 lines
2.0 KiB
HTML
25 lines
2.0 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-parts" type="button" class="btn btn-outline-primary mb-2"
|
|
data-sort-attribute="parts" data-sort-desc="true"><i class="ri-shapes-line"></i><span class="d-none d-xl-inline"> Parts</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-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> |