accounts: show list row of search filters, click to remove

any filters in your search box will show as little button/chip things on
the row below. Clicking them will remove them from the search.
This commit is contained in:
Harvey Tindall
2023-06-13 22:27:08 +01:00
parent ff62f8821a
commit 8ac3bb9711
3 changed files with 96 additions and 13 deletions
+4 -1
View File
@@ -584,7 +584,6 @@
<div class="row">
<span class="text-3xl font-bold mr-2 col">{{ .strings.accounts }}</span>
<input type="search" class="col sm field ~neutral @low input search ml-2 mr-2" id="accounts-search" placeholder="{{ .strings.search }}">
<button type="button" class="button ~neutral @low center ml-2 mr-2 hidden"><span id="accounts-sort-by-field"></span> <span class="ml-2">&times;</span></button>
</div>
<div class="row">
<span class="col sm button ~neutral @low center mb-2" id="accounts-add-user">{{ .quantityStrings.addUser.Singular }}</span>
@@ -611,6 +610,10 @@
<span class="col sm button ~critical @low center mb-2" id="accounts-delete-user">{{ .quantityStrings.deleteUser.Singular }}</span>
</div>
</div>
<div class="row">
<button type="button" class="button ~neutral @low center ml-2 mr-2 hidden"><span id="accounts-sort-by-field"></span> <span class="ml-2">&times;</span></button>
<span id="accounts-filter-area"></span>
</div>
<div class="card @low accounts-header table-responsive mt-8">
<table class="table text-base leading-4">
<thead>