html-over-websockets-with-d.../app/website/templates/pages/talks.html
Andros Fenollosa 7a53b7ddf5 Add loading
2021-11-20 19:54:57 +01:00

32 lines
1.2 KiB
HTML

{% load slippers %}
<main id="main" data-scroll-to-top="true">
{% for talk in talks %}
<form>
<input type="hidden" name="action" value="page">
<input type="hidden" name="value" value="single-talk">
<input type="hidden" name="id" value="{{ talk.id }}">
<a href="#" hx-ws="send" hx-trigger="click">
<article>
<header>
<div class="grid">
<p>
<img width="200" src="{{ talk.image.url }}">
</p>
<h2>{{ talk.title }}</h2>
</div>
</header>
<p>
{{ talk.content|truncatechars:150 }}
</p>
<footer>Author {{ talk.author.full_name }} - {{ talk.category.name }}</footer>
</article>
</a>
</form>
{% endfor %}
{# Pagination #}
<div class="loading" >
<p>Page {{ page }}</p>
{% #link text="Next page" action="page" value="talks" page=next_page %}{% /link %}
</div>
</main>