MarseyWorld/files/templates/home_comments.html

52 lines
1.9 KiB
HTML
Raw Normal View History

2021-10-15 14:08:27 +00:00
{% extends "default.html" %}
2021-11-24 21:00:35 +00:00
{% block subHeader %}
2021-11-29 07:13:00 +00:00
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t">
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 rounded-t sub-header-shadow"></div>
2021-11-24 21:00:35 +00:00
<div class="relative col-span-full flex items-center">
<div>
2021-12-03 02:58:32 +00:00
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
2021-11-24 21:00:35 +00:00
Comments
</h1>
2021-12-01 17:25:47 +00:00
<small class="block text-gray-700">
2021-11-24 21:00:35 +00:00
<span class="capitalize font-bold">{{ sort }}</span>
comments {{ 'from all time' if t=='all' else 'in the last' }}
{% if t != 'all' %}<strong>{{ t }}</strong>{% endif %}
</small>
2021-10-15 14:08:27 +00:00
</div>
2021-11-24 21:00:35 +00:00
<div class="ml-auto">
{% include "/dropdowns/SubmissionSorts.html" %}
2021-10-15 14:08:27 +00:00
</div>
</div>
</div>
2021-11-24 21:00:35 +00:00
{% endblock %}
2021-10-15 14:08:27 +00:00
2021-11-24 21:00:35 +00:00
{% block content %}
<!-- Comments list -->
<div class="col-span-full">
2021-10-15 14:08:27 +00:00
<div class="posts" id="posts">
{% include "comments.html" %}
</div>
</div>
2021-11-24 21:00:35 +00:00
<!-- Pagination -->
<div class="col-span-full">
<ul class="flex flex-wrap items-center mb-4">
{% if page>1 %}
<li>
2021-12-03 03:04:25 +00:00
<a class="block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href="?page={{page-1}}&sort={{sort}}&t={{t}}" tabindex="-1">
2021-11-24 21:00:35 +00:00
Prev
</a>
</li>
{% else %}
2021-12-03 03:02:50 +00:00
<li><span class="block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled">Prev</span></li>
2021-11-24 21:00:35 +00:00
{% endif %}
{% if next_exists %}
<li class="page-item">
2021-12-03 03:04:25 +00:00
<a class="block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href="?page={{page+1}}&sort={{sort}}&t={{t}}">Next</a>
2021-11-24 21:00:35 +00:00
</li>
{% else %}
2021-12-03 03:02:50 +00:00
<li><span class="block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled">Next</span></li>
2021-11-24 21:00:35 +00:00
{% endif %}
</ul>
</div>
2021-07-21 01:12:26 +00:00
{% endblock %}