melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update hidden input before form submit

Browse Source
This commit is contained in:
mkelvers
2026-04-07 05:21:32 +02:00
parent dd71f88572
commit b7f861533a
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
internal/templates/sort_filter.templ
View File

@@ -11,7 +11,7 @@ templ SortFilter(opts SortFilterOptions) {
<div class="sort-filter"> <div class="sort-filter">
<div class="sort-filter-group"> <div class="sort-filter-group">
<label for="sort-select">sort by</label> <label for="sort-select">sort by</label>
<select id="sort-select" class="sort-filter-select" onchange="document.getElementById('sort-form').submit()"> <select id="sort-select" class="sort-filter-select" onchange="document.getElementById('sort-input').value = this.value; document.getElementById('sort-form').submit()">
<option value="date" selected?={opts.Sort == "date"}>date added</option> <option value="date" selected?={opts.Sort == "date"}>date added</option>
<option value="title" selected?={opts.Sort == "title"}>title</option> <option value="title" selected?={opts.Sort == "title"}>title</option>
<option value="score" selected?={opts.Sort == "score"}>score</option> <option value="score" selected?={opts.Sort == "score"}>score</option>
@@ -19,7 +19,7 @@ templ SortFilter(opts SortFilterOptions) {
</div> </div>
<div class="sort-filter-group"> <div class="sort-filter-group">
<label for="order-select">order</label> <label for="order-select">order</label>
<select id="order-select" class="sort-filter-select" onchange="document.getElementById('sort-form').submit()"> <select id="order-select" class="sort-filter-select" onchange="document.getElementById('order-input').value = this.value; document.getElementById('sort-form').submit()">
<option value="desc" selected?={opts.Order == "desc"}>descending</option> <option value="desc" selected?={opts.Order == "desc"}>descending</option>
<option value="asc" selected?={opts.Order == "asc"}>ascending</option> <option value="asc" selected?={opts.Order == "asc"}>ascending</option>
</select> </select>
@@ -35,12 +35,4 @@ templ SortFilter(opts SortFilterOptions) {
<input type="hidden" name="status" value={opts.Status} /> <input type="hidden" name="status" value={opts.Status} />
} }
</form> </form>
<script>
document.getElementById('sort-select').addEventListener('change', (e) => {
document.getElementById('sort-input').value = e.target.value;
});
document.getElementById('order-select').addEventListener('change', (e) => {
document.getElementById('order-input').value = e.target.value;
});
</script>
} }