forked from rDrama/rDrama
52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
{% extends "default.html" %}
|
|
|
|
{% block subHeader %}
|
|
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t-md">
|
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-800 to-gray-700 rounded-t-md sub-header-shadow"></div>
|
|
<div class="relative col-span-full flex items-center">
|
|
<div>
|
|
<h1 class="font-bold text-xl font-heading leading-normal">
|
|
Comments
|
|
</h1>
|
|
<small class="block mt-1 text-gray-400">
|
|
<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>
|
|
</div>
|
|
<div class="ml-auto">
|
|
{% include "/dropdowns/SubmissionSorts.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Comments list -->
|
|
<div class="col-span-full">
|
|
<div class="posts" id="posts">
|
|
{% include "comments.html" %}
|
|
</div>
|
|
</div>
|
|
<!-- Pagination -->
|
|
<div class="col-span-full">
|
|
<ul class="flex flex-wrap items-center mb-4">
|
|
{% if page>1 %}
|
|
<li>
|
|
<a class="block px-2 py-1 text-sm font-bold text-pink-500 bg-gray-900" href="?page={{page-1}}&sort={{sort}}&t={{t}}" tabindex="-1">
|
|
Prev
|
|
</a>
|
|
</li>
|
|
{% else %}
|
|
<li><span class="block px-2 py-1 text-sm font-bold text-gray-700 bg-gray-800 disabled">Prev</span></li>
|
|
{% endif %}
|
|
{% if next_exists %}
|
|
<li class="page-item">
|
|
<a class="block px-2 py-1 text-sm font-bold text-pink-500 bg-gray-900" href="?page={{page+1}}&sort={{sort}}&t={{t}}">Next</a>
|
|
</li>
|
|
{% else %}
|
|
<li><span class="block px-2 py-1 text-sm font-bold text-gray-700 bg-gray-800 disabled">Next</span></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
{% endblock %} |