Create base template and use it everywhere
Also added a nice and shiny search field in the template.
This commit is contained in:
parent
88394abd42
commit
20a2d43b74
5 changed files with 117 additions and 96 deletions
2
main.py
2
main.py
|
@ -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
21
templates/base.html
Normal 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>
|
|
@ -1,10 +1,7 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<body>
|
||||
<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>
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ domain }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<b>{{ instance_name }}</b>
|
||||
{% endblock %}
|
||||
|
|
|
@ -1,12 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<body>
|
||||
<p>{{ amount }} results</p>
|
||||
<table>
|
||||
{% for result in results %}
|
||||
<tr>
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ search_term }} - {{ domain }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<p>{{ amount }} results</p>
|
||||
|
||||
<table>
|
||||
{% for result in results %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="/{{ domain}}/watch/{{ result.uuid }}">
|
||||
<a href="/{{ domain }}/watch/{{ result.uuid }}">
|
||||
<img src="https://{{ domain }}/{{ result.thumbnailPath }}" height="150"/>
|
||||
</a>
|
||||
</td>
|
||||
|
@ -17,8 +20,7 @@
|
|||
<br>
|
||||
<b>{{ result.channel.displayName }}</b>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
{% endblock %}
|
||||
|
|
|
@ -1,40 +1,42 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<body>
|
||||
<h3>{{ video.name }}</h3>
|
||||
By:
|
||||
<b>{{ video.channel.displayName }}</b> ({{ video.channel.name }}@{{ video.channel.host }})
|
||||
<br>
|
||||
{% if video.no_quality_selected and not embed %}
|
||||
{% 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 }})
|
||||
<br>
|
||||
{% if video.no_quality_selected and not embed %}
|
||||
<img height="300" src="https://{{ video.channel.host }}{{ video.thumbnailPath }}">
|
||||
<p style="color: red">Please select a resolution:</p>
|
||||
{% elif embed %}
|
||||
{% elif embed %}
|
||||
<embed height="300" src="https://{{ video.channel.host }}{{ video.embedPath }}">
|
||||
<br>
|
||||
<b>Resolutions:</b>
|
||||
{% else %}
|
||||
{% else %}
|
||||
<video height="300" controls>
|
||||
<source src="{{ video.video }}">
|
||||
</video>
|
||||
<br>
|
||||
<b>Resolutions:</b>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% for resolution in video.resolutions %}
|
||||
{% for resolution in video.resolutions %}
|
||||
<a href="?quality={{ resolution.id }}">{{ resolution.label }}</a>
|
||||
{% endfor %}
|
||||
<a href="?embed=1">Embedded</a>
|
||||
{% endfor %}
|
||||
<a href="?embed=1">Embedded</a>
|
||||
|
||||
<br>
|
||||
Views: <b>{{ video.views }}</b> Likes: <b>{{ video.likes }}</b> Dislikes: <b>{{ video.dislikes }}</b>
|
||||
<br>
|
||||
Views: <b>{{ video.views }}</b> Likes: <b>{{ video.likes }}</b> Dislikes: <b>{{ video.dislikes }}</b>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
{{ video.description }}
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
{{ video.description }}
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<table>
|
||||
<table>
|
||||
<tr>
|
||||
<td><b>Category</b></td>
|
||||
<td>{{ video.category.label }}</td>
|
||||
|
@ -59,6 +61,5 @@
|
|||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
</table>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in a new issue