127 lines
3.9 KiB
HTML
127 lines
3.9 KiB
HTML
<div class="hidden xl:block xl:col-start-10 xl:col-end-13 flex flex-col flex-shrink-0 py-4">
|
|
<div>
|
|
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">
|
|
Awards
|
|
</h2>
|
|
<!-- Give awards if none -->
|
|
{% if not p.awards %}
|
|
<p class="text-sm text-gray-500">No awards gifted yet...</p>
|
|
<button class="text-sm text-red-600 hover:text-red-500" data-bs-toggle="modal" data-bs-target="#awardModal" onclick="awardModal('/post/{{p.id}}/awards')">
|
|
Gift award
|
|
</button>
|
|
{% endif %}
|
|
<!-- Icons -->
|
|
<ul class="flex flex-wrap gap-3 items-center">
|
|
<!-- Awards -->
|
|
{% if p.awards %}
|
|
{% for a in p.awards %}
|
|
<li>
|
|
<i class="{{a.class_list}} fa-sm fa-fw" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a.title}} Award given by @{{a.user.username}}"></i>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
|
|
<div>
|
|
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">
|
|
Link
|
|
</h2>
|
|
<input type="text" onclick="this.select()" value="https://rdrama.net/post/{{ p.id }}" class="m-0.5 p-0.5 bg-white border border-gray-300 text-xs text-black w-44">
|
|
</div>
|
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
|
|
<div>
|
|
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">
|
|
Share Post
|
|
</h2>
|
|
<div class="flex flex-wrap items-center space-x-2">
|
|
<a class="leading-4 text-gray-400 hover:text-gray-300" href="">
|
|
<img src="/assets/images/icons/reddit.gif" class="w-7 h-7 object-contain" alt="Share this post on Reddit"/>
|
|
</a>
|
|
<a class="leading-4 text-gray-400 hover:text-gray-300" href="">
|
|
<img src="/assets/images/icons/twitter.gif" class="w-7 h-7 object-contain" alt="Share this post on Twitter"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
|
|
<div>
|
|
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">
|
|
DramaMetric™
|
|
</h2>
|
|
<ul class="flex flex-col space-y-1 text-gray-500">
|
|
<li>
|
|
<p class="text-sm">
|
|
<strong>{{ p.views }}</strong> {{ 'view' if p.views == 1 else 'views' }} on this post
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p class="text-sm">
|
|
<a href="/votes?link={{p.fullname}}" class="font-bold text-red-600 hover:text-red-600">
|
|
{{ ups + downs }}
|
|
</a>
|
|
{{ 'vote' if ups + downs == 1 else 'votes' }} on this post
|
|
</p>
|
|
</li>
|
|
{% if p.awards|length > 1 %}
|
|
<li>
|
|
<p class="text-sm">
|
|
<strong>{{ p.awards|length }}</strong> {{ 'award' if p.awards.length == 1 else 'awards' }} gifted
|
|
</p>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
<ul class="flex flex-col mb-0">
|
|
<!-- Flair -->
|
|
{% if p.flair %}
|
|
<li>
|
|
<span class="badge badge-purple">
|
|
{{p.flair | safe}}
|
|
</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- NSFW -->
|
|
{% if p.over_18 %}
|
|
<li>
|
|
<span class="badge badge-red">+18</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- Country Club -->
|
|
{% if p.club %}
|
|
<li>
|
|
<span class="badge badge-yellow">Country Club</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- Stickied -->
|
|
{% if p.stickied %}
|
|
<li>
|
|
<span class="badge badge-pink">
|
|
Pinned {% if p.stickied.startswith('t:') %}until {{p.stickied[2:]}}{% else %}by @{{p.stickied}}{%endif%}
|
|
</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- Pinned -->
|
|
{% if p.is_pinned %}
|
|
<li>
|
|
<span class="badge badge-green">
|
|
<i class="fas fa-thumbtack fa-rotate--45 fa-sm fa-fw mr-1"></i>
|
|
Pinned to profile
|
|
</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- Private -->
|
|
{% if p.private %}
|
|
<li>
|
|
<span class="badge badge-blue">Draft</span>
|
|
</li>
|
|
{% endif %}
|
|
<!-- Awards -->
|
|
{% if p.awards %}
|
|
{% for a in p.awards %}
|
|
<li>
|
|
<i class="{{a.class_list}} fa-sm fa-fw" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a.title}} Award given by @{{a.user.username}}"></i>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div> |