magmaus3/iwm_browser
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show the searchBar at the top of the Home

Browse source
This commit is contained in:
magmaus3 2022-11-26 19:02:02 +01:00
parent c49b7b7a24
commit ce571c0419
Signed by: magmaus3
GPG key ID: 966755D3F4A9B251
1 changed files with 47 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
iwm_browser/templates/home.html
View file

@ -7,9 +7,48 @@
<link rel="stylesheet" href="/static/index.css">
<link rel="stylesheet" href="/static/main.css">
<link rel="stylesheet" href="/static/homepage.css">
<link rel="stylesheet" href="/static/search/search.css">
</head>
<body>
<div class="Home">
<div class="contentBox_">
<div class='searchBar'>
<form action="/search" method="get">
<div class="search_entry">
<input style="width: 19rem;" type='text' id="q" name="q" value='' 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, 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>
<div class="contentBox">
<div class="header">IWM Browser</div>
<div class="splitter"></div>
@ -18,5 +57,6 @@
<div class="tileBox"><a href="/search">Search 🔍</a></div>
</div>
</div>
</div>
</body>
</html>