Create base template and use it everywhere

Also added a nice and shiny search field in the template.
This commit is contained in:
fattalion 2021-01-19 18:13:08 +03:00
parent 88394abd42
commit 20a2d43b74
5 changed files with 117 additions and 96 deletions

View File

@ -66,7 +66,7 @@ async def search_redirect(domain):
async def search(domain, term):
amount, results = peertube.search(domain, term)
return await render_template(
"search_results.html", domain=domain, amount=amount, results=results
"search_results.html", domain=domain, amount=amount, results=results, search_term=term
)

21
templates/base.html Normal file
View File

@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
{% block head %}
<title>{% block full_title %}{% block title %}{% endblock %} - SimpleerTube{% endblock %}</title>
{% endblock %}
</head>
<body>
<form action="/{{ domain }}/search" method="POST">
<input type="text" name="query" id="query" value="{{ search_term }}"/>
<button type="submit">Search</button>
</form>
<br>
<br>
{% block content %}{% endblock %}
</body>
</html>

View File

@ -1,10 +1,7 @@
<!doctype html>
<html>
<body>
{% extends "base.html" %}
{% block title %}{{ domain }}{% endblock %}
{% block content %}
<b>{{ instance_name }}</b>
<form action="/{{ domain }}/search" method="POST">
<input type="text" name="query" id="query"/>
<button type="submit">Search</button>
</form>
</body>
</html>
{% endblock %}

View File

@ -1,7 +1,10 @@
<!doctype html>
<html>
<body>
{% extends "base.html" %}
{% block title %}{{ search_term }} - {{ domain }}{% endblock %}
{% block content %}
<p>{{ amount }} results</p>
<table>
{% for result in results %}
<tr>
@ -20,5 +23,4 @@
</tr>
{% endfor %}
</table>
</body>
</html>
{% endblock %}

View File

@ -1,6 +1,8 @@
<!doctype html>
<html>
<body>
{% extends "base.html" %}
{% block title %}{{ video.name }} - {{ domain }}{% endblock %}
{% block content %}
<h3>{{ video.name }}</h3>
By:
<b>{{ video.channel.displayName }}</b> ({{ video.channel.name }}@{{ video.channel.host }})
@ -60,5 +62,4 @@
</td>
</tr>
</table>
</body>
</html>
{% endblock %}