iwm_browser/iwm_browser/templates/searchBar.html
2023-06-09 15:27:44 +02:00

39 lines
1.8 KiB
HTML

<div class='searchBar'>
<form action="/search" method="get">
<div class="search_entry">
{% set QueryValues = "" if not QueryValues %}
<input type='text' id="q" name="q" value='{{ QueryValues["q"] if QueryValues["q"] is not none }}' placeholder="Enter a level name or code"/>
<button class="searchButton" id='searchButton' type='submit'>🔍</button>
</div>
<details>
<summary>More options</summary>
{% macro option(name, value, key) -%}
<option value={{ value }} {{ isSelected(value, QueryValues[key]) }}>{{ name }}</option>
{%- endmacro %}
<div class="sortType">
<label for="sort">Sort type</label>
<select id="sort" name="sort">
{{ option("Rating", "average_rating", "sort") }}
{{ option("Upload date", "created_at", "sort") }}
{{ option("Difficulty", "average_difficulty", "sort") }}
{{ option("Plays", "play_count", "sort") }}
</select>
<select id="dir" name="dir">
{{ option("Descending", "desc", "dir") }}
{{ option("Ascending", "asc", "dir") }}
</select>
</div>
<div class="upload_date">
<label for="date">Upload date</label>
<select id="date" name="date">
{{ option("All time", -1, "date") }}
{{ option("Past 30 days", 720, "date") }}
{{ option("Past 7 days", 168, "date") }}
{{ option("Past day", 24, "date") }}
{{ option("Past hour", 1, "date") }}
</select>
</div>
</details>
</form>
</div>