2021-12-19 13:01:28 +00:00
|
|
|
{% extends "CHRISTMAS/default.html" %}
|
2021-12-14 22:48:37 +00:00
|
|
|
|
|
|
|
{% block title %}
|
|
|
|
<title>{{'SITE_NAME' | app_config}}</title>
|
|
|
|
<meta name="description" content="{{'SITE_NAME' | app_config}} Votes">
|
|
|
|
{% endblock %}
|
|
|
|
|
2021-12-31 16:20:57 +00:00
|
|
|
{% block pagetype %}page-voting{% endblock %}
|
2021-12-31 16:20:14 +00:00
|
|
|
|
2021-12-14 22:48:37 +00:00
|
|
|
{% block subHeader %}
|
|
|
|
<div class="relative max-w-screen-2xl mx-auto px-4 py-4 grid grid-cols-12 rounded-t">
|
2021-12-21 16:28:09 +00:00
|
|
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-gray-300 to-gray-200 dark:bg-none dark:bg-gray-800 rounded-t sub-header-shadow dark:border-b dark:border-gray-700"></div>
|
2021-12-14 22:48:37 +00:00
|
|
|
<div class="relative col-span-full flex items-center">
|
|
|
|
<div>
|
|
|
|
<h1 class="font-bold text-xl font-heading leading-normal mb-0">
|
|
|
|
Votes
|
|
|
|
</h1>
|
|
|
|
{% if thing %}
|
|
|
|
<a href="{{thing.permalink}}" class="flex items-center text-xs text-gray-500 hover:text-gray-700 leading-normal">
|
|
|
|
<i class="fas fa-arrow-alt-left fa-sm fa-fw mr-2"></i>
|
|
|
|
Back to post
|
|
|
|
</a>
|
|
|
|
{% else %}
|
2021-12-21 16:28:09 +00:00
|
|
|
<small class="block text-gray-700 dark:text-gray-400 leading-normal">
|
2021-12-14 22:48:37 +00:00
|
|
|
See which losers downvoted your quality content.
|
|
|
|
</small>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block content %}
|
|
|
|
<div class="col-span-full px-2.5 md:px-0">
|
|
|
|
{% if thing %}
|
|
|
|
|
2021-12-21 16:30:08 +00:00
|
|
|
<div class="my-4 p-3 bg-gray-400 dark:bg-gray-800 border border-gray-500 dark:bg-gray-700 shadow-inset-t-white-10 rounded">
|
2021-12-14 22:48:37 +00:00
|
|
|
<div class="flex items-center space-x-2 mb-2">
|
|
|
|
<img loading="lazy" src="{{thing.author.profile_url}}" class="flex-shrink-0 p-[3px] border w-8 h-8 object-cover bg-white border-gray-300" alt="{{thing.author.profile_url}} avatar"/>
|
2021-12-21 16:31:25 +00:00
|
|
|
<a href="{{thing.author.url}}" class="block text-base font-bold text-black dark:text-gray-200 hover:text-primary leading-normal">
|
2021-12-14 22:48:37 +00:00
|
|
|
@{{thing.author.username}}
|
|
|
|
</a>
|
|
|
|
<span class="text-sm text-gray-500 leading-normal">
|
|
|
|
{{thing.author.created_datetime}}
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2 class="text-lg">
|
|
|
|
Upvotes <span class="text-gray-600">{{ups | length}}</span>
|
|
|
|
</h2>
|
|
|
|
<div class="flex flex-col mb-4">
|
|
|
|
<div class="overflow-x-auto">
|
|
|
|
<div class="align-middle inline-block min-w-full">
|
2021-12-21 16:30:08 +00:00
|
|
|
<div class="flex flex-col bg-gray-100 dark:bg-gray-700 border border-gray-300 dark:border-gray-900 rounded overflow-hidden">
|
2021-12-14 22:48:37 +00:00
|
|
|
<table class="min-w-full">
|
|
|
|
<thead class="bg-gradient-to-t from-gray-200 to-gray-100">
|
|
|
|
<tr>
|
2021-12-21 16:30:08 +00:00
|
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-bold text-gray-700 dark:text-gray-500 uppercase tracking-wider">
|
2021-12-14 22:48:37 +00:00
|
|
|
Members
|
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
2021-12-21 16:30:08 +00:00
|
|
|
<tbody class="bg-gray-100 divide-y divide-gray-300 border-t border-gray-300 dark:border-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
{% if ups %}
|
|
|
|
{% for vote in ups %}
|
2021-12-21 16:32:26 +00:00
|
|
|
<tr class="shadow-inset-t-white-05 odd:bg-gray-200 dark:bg-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
|
|
<div class="flex items-center">
|
|
|
|
<img loading="lazy" src="{{vote.user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == vote.user.username else 'bg-white border-gray-300' }}" alt="{{ vote.user.username }} avatar"/>
|
|
|
|
<!-- User Details -->
|
|
|
|
<div class="ml-3">
|
2021-12-21 16:30:08 +00:00
|
|
|
<a class="block font-bold text-black dark:text-gray-200 hover:text-primary" href="/@{{vote.user.username}}">
|
2021-12-14 22:48:37 +00:00
|
|
|
{{vote.user.username}}
|
|
|
|
</a>
|
|
|
|
{% if vote.user.customtitle %}
|
|
|
|
<p class="text-sm" style="#{{vote.user.namecolor}}">
|
|
|
|
{{vote.user.customtitle | safe}}
|
|
|
|
</p>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
|
|
{% else %}
|
2021-12-21 16:32:26 +00:00
|
|
|
<tr class="shadow-inset-t-white-05 odd:bg-gray-200 dark:bg-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
|
|
<div class="flex items-center text-gray-500">
|
|
|
|
No upvotes yet...
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{% endif %}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2 class="text-lg">
|
|
|
|
Downvotes <span class="text-gray-600">{{downs | length}}</span>
|
|
|
|
</h2>
|
|
|
|
<div class="flex flex-col mb-4">
|
|
|
|
<div class="overflow-x-auto">
|
|
|
|
<div class="align-middle inline-block min-w-full">
|
|
|
|
<div class="flex flex-col bg-gray-100 border border-gray-300 rounded overflow-hidden">
|
|
|
|
<table class="min-w-full">
|
|
|
|
<thead class="bg-gradient-to-t from-gray-200 to-gray-100">
|
|
|
|
<tr>
|
2021-12-21 16:30:08 +00:00
|
|
|
<th scope="col" class="px-6 py-3 text-left text-xs font-bold text-gray-700 dark:text-gray-500 uppercase tracking-wider">
|
2021-12-14 22:48:37 +00:00
|
|
|
Members
|
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
2021-12-21 16:30:08 +00:00
|
|
|
<tbody class="bg-gray-100 divide-y divide-gray-300 border-t border-gray-300 dark:border-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
{% if downs %}
|
|
|
|
{% for vote in downs %}
|
2021-12-21 16:32:26 +00:00
|
|
|
<tr class="shadow-inset-t-white-05 odd:bg-gray-200 dark:bg-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
|
|
<div class="flex items-center">
|
|
|
|
<img loading="lazy" src="{{vote.user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == vote.user.username else 'bg-white border-gray-300' }}" alt="{{ vote.user.username }} avatar"/>
|
|
|
|
<!-- User Details -->
|
|
|
|
<div class="ml-3">
|
2021-12-21 16:30:08 +00:00
|
|
|
<a class="block font-bold text-black hover:text-primary" href="/@{{vote.user.username}}">
|
2021-12-14 22:48:37 +00:00
|
|
|
{{vote.user.username}}
|
|
|
|
</a>
|
|
|
|
{% if vote.user.customtitle %}
|
|
|
|
<p class="text-sm" style="#{{vote.user.namecolor}}">
|
|
|
|
{{vote.user.customtitle | safe}}
|
|
|
|
</p>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
|
|
{% else %}
|
2021-12-21 16:32:26 +00:00
|
|
|
<tr class="shadow-inset-t-white-05 odd:bg-gray-200 dark:bg-gray-700">
|
2021-12-14 22:48:37 +00:00
|
|
|
<td class="px-6 py-4 whitespace-nowrap">
|
|
|
|
<div class="flex items-center text-gray-500">
|
|
|
|
No downvotes yet...
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{% endif %}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
{% endblock %}
|