44 lines
1.5 KiB
Plaintext
44 lines
1.5 KiB
Plaintext
{% extends "../templates/basic.njk" %}
|
|
{% import "../components/_map.njk" as mapComponent %}
|
|
{% import "../components/_utils.njk" as utils %}
|
|
|
|
{% block head %}
|
|
<title>DDStats - Maps!</title>
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/maps.css">
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<main class="flex-container">
|
|
<form action="/maps" method="get" id="search">
|
|
<h1>Search</h1>
|
|
<input type="text" name="map" id="map" placeholder="Map name">
|
|
<input type="text" name="categories" id="categories" placeholder="Category">
|
|
<input type="text" name="stars" id="stars" placeholder="Star amount">
|
|
|
|
<div class="sorting">
|
|
<label for="asc">
|
|
<input type="radio" name="sortBy" id="asc" value="asc">
|
|
Sort Ascending
|
|
</label>
|
|
<label for="desc">
|
|
<input type="radio" name="sortBy" id="desc" value="desc">
|
|
Sort Descending
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit">Search!</button>
|
|
</form>
|
|
|
|
<div class="flex-container pages">
|
|
{{ utils.pager(data.maps.pageInfo.page, data.maps.pageInfo.totalPages) }}
|
|
</div>
|
|
|
|
{% for map in data.maps.maps %}
|
|
{{ mapComponent.card(map) }}
|
|
{% endfor %}
|
|
|
|
<div class="flex-container pages">
|
|
{{ utils.pager(data.maps.pageInfo.page, data.maps.pageInfo.totalPages) }}
|
|
</div>
|
|
</main>
|
|
{% endblock %} |