Search function

Added a (hopefully) functioning search function.
This commit is contained in:
Michael Rodin 2023-10-18 17:24:59 +02:00
parent 0d55022ba8
commit 978c634067
8 changed files with 191 additions and 29 deletions

View file

@ -12,7 +12,12 @@
<header>
<span id="title">{{title}}</span>
<div id="container">
<form action="/search" method="get">
<!-- BUTTONS IF USER LOGGED IN -->
{% if login %}
<a href="/add"><button class="big-button"><b>&#x2B</b></button></a>
{% endif %}
<!------------------------------->
<form action="/search" method="get">
<input type="text" name="q" placeholder="search">
<input type="submit" value="&#x1F50E;" class="big-button" id="search-button">
</form>

View file

@ -7,13 +7,16 @@
{% block content %}
{% if archives|length > 0 %}
<div class="grid-container">
{% for arch in archives %}
<a class="grid-item" href="/view/{{arch[0]}}"><div class="grid-item clickable"><b>{{arch[1]}}</b></div></a>
<div class="grid-item"><p>{{arch[2]|spacer}}</p></div>
<div class="grid-item"><p>{{arch[3]|ctime}}</p></div>
<div class="grid-header"><b>ARCHIVE</b></div>
<div class="grid-header"><b>SIZE</b></div>
<div class="grid-header"><b>IMPORTED</b></div>
{% for arch in archives %}
<a class="grid-item" href="/view/{{arch[0]}}"><div class="grid-item clickable"><b>{{arch[1]}}</b></div></a>
<div class="grid-item"><p> {{arch[2]|spacer}} </p></div>
<div class="grid-item"><p> {{arch[3]|ctime}} </p></div>
{% endfor %}
</div>
{% endfor %}
</div>
{% else %}
<p>No matching archives</p>
{% endif %}

View file

@ -0,0 +1,50 @@
{% extends "base.html" %}
{% block meta %}
<link rel="stylesheet" href="/static/search.css" />
<link rel="stylesheet" href="/static/home.css" />
{% endblock %}
{% block content %}
<form action="/search" method="get">
<div class="grid-selection">
<b>Sort by:</b>
<select name="sort">
<option value="time">Import Time</option>
<option value="az">A-Z</option>
<option value="za">Z-A</option>
<option value="size">Archive Size</option>
</select>
</div>
<div class="grid-selection">
<b>Category:</b>
<select name="category">
{% for i in categories %}
<option value="{{i[0]}}">{{i[1]}}</option>
{% endfor %}
</select>
</div>
{% if request.args.get('q') %}
<input type="text" name="q" value="{{request.args.get('q')}}" placeholder="Keywords">
{% else %}
<input type="text" name="q" placeholder="Keywords">
{% endif %}
<input type="submit" value="Search!">
<div class="grid-selection"></div>
</form>
{% if archives|length > 0 %}
<div class="grid-container">
<div class="grid-header"><b>ARCHIVE</b></div>
<div class="grid-header"><b>SIZE</b></div>
<div class="grid-header"><b>IMPORTED</b></div>
{% for arch in archives %}
<a class="grid-item" href="/view/{{arch[0]}}"><div class="grid-item clickable"><b>{{arch[1]}}</b></div></a>
<div class="grid-item"><p> {{arch[2]|spacer}} </p></div>
<div class="grid-item"><p> {{arch[3]|ctime}} </p></div>
{% endfor %}
</div>
{% else %}
<p>No matching archives</p>
{% endif %}
{% endblock %}