1258 lines
70 KiB
HTML
1258 lines
70 KiB
HTML
{% extends "default.html" %}
|
|
|
|
|
|
{% set ups=p.upvotes %}
|
|
{% set downs=p.downvotes %}
|
|
{% set score=ups-downs %}
|
|
|
|
{% if v %}
|
|
{% set voted=p.voted if p.voted else 0 %}
|
|
{% else %}
|
|
{% set voted=-2 %}
|
|
{% endif %}
|
|
|
|
{% block title %}
|
|
|
|
{% if success %}
|
|
<script>
|
|
history.pushState(null, null, '{{p.permalink}}');
|
|
localStorage.setItem("post_title", "")
|
|
localStorage.setItem("post_text", "")
|
|
</script>
|
|
{% endif %}
|
|
|
|
|
|
{% if p.award_count("crab") %}
|
|
<script>
|
|
let audio = new Audio('/assets/crab.mp3');
|
|
audio.loop=true;
|
|
|
|
function toggle() {
|
|
if (audio.paused) audio.play()
|
|
else audio.pause()
|
|
}
|
|
|
|
audio.play();
|
|
window.addEventListener('click', () => {
|
|
if (audio.paused) audio.play();
|
|
}, {once : true});
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% if g.inferior_browser %}
|
|
{% if p.award_count("wholesome") %}
|
|
<style>
|
|
.sealimg {
|
|
width: 100px;
|
|
height: 89.5px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.sealimg {
|
|
width: 30px;
|
|
height: 27px;
|
|
}
|
|
}
|
|
|
|
.seal {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
@keyframes moveX {
|
|
from { left: 0; } to { left: 98%; }
|
|
}
|
|
|
|
@keyframes moveY {
|
|
from { top: 0; } to { top: 98%; }
|
|
}
|
|
|
|
.seal1 {
|
|
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
|
animation-delay:0s;
|
|
}
|
|
</style>
|
|
<div class="seal seal1" height="100%" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 1 %}
|
|
<style>
|
|
.seal2 {
|
|
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
|
|
animation-delay:1s;
|
|
}
|
|
</style>
|
|
<div class="seal seal2" height="100%" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 2 %}
|
|
<style>
|
|
.seal3 {
|
|
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
|
|
animation-delay:2s;
|
|
}
|
|
</style>
|
|
<div class="seal seal3" height="100%" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 3 %}
|
|
<style>
|
|
.seal4 {
|
|
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
|
animation-delay:3s;
|
|
}
|
|
</style>
|
|
<div class="seal seal4" height="100%" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") %}
|
|
<style>
|
|
.toeimg {
|
|
width: 100px;
|
|
height: auto;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.toeimg {
|
|
width: 30px;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.toe {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
@keyframes moveX {
|
|
from { left: 0; } to { left: 98%; }
|
|
}
|
|
|
|
@keyframes moveY {
|
|
from { top: 0; } to { top: 98%; }
|
|
}
|
|
|
|
.toe1 {
|
|
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
|
animation-delay:0s;
|
|
}
|
|
</style>
|
|
<div class="toe toe1" height="100%" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 1 %}
|
|
<style>
|
|
.toe2 {
|
|
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
|
|
animation-delay:1s;
|
|
}
|
|
</style>
|
|
<div class="toe toe2" height="100%" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 2 %}
|
|
<style>
|
|
.toe3 {
|
|
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
|
|
animation-delay:2s;
|
|
}
|
|
</style>
|
|
<div class="toe toe3" height="100%" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 3 %}
|
|
<style>
|
|
.toe4 {
|
|
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
|
animation-delay:3s;
|
|
}
|
|
</style>
|
|
<div class="toe toe4" height="100%" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
{% if p.award_count("wholesome") %}
|
|
<style>
|
|
.seal {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
.sealimg {
|
|
width: 100px;
|
|
height: 89.5px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.sealimg {
|
|
width: 30px;
|
|
height: 27px;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="seal" height="100%" width="100%">
|
|
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
|
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</marquee>
|
|
</marquee>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 1 %}
|
|
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
|
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 2 %}
|
|
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
|
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("wholesome") > 3 %}
|
|
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
|
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=1008">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
|
|
{% if p.award_count("toe") %}
|
|
<style>
|
|
.toe {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
.toeimg {
|
|
width: 100px;
|
|
height: auto;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.toeimg {
|
|
width: 30px;
|
|
height: auto;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="toe" height="100%" width="100%">
|
|
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
|
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</marquee>
|
|
</marquee>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 1 %}
|
|
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
|
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 2 %}
|
|
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
|
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("toe") > 3 %}
|
|
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
|
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
|
<img alt="Blade's toe" class="toeimg" src="/static/assets/images/PCM/toe.webp?a=1">
|
|
</marquee>
|
|
</marquee>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
{% if p.award_count("train") or p.award_count("scooter") %}
|
|
<style>
|
|
.train {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
}
|
|
.train1 {
|
|
top: 10%
|
|
}
|
|
.train2 {
|
|
top: 35%
|
|
}
|
|
.train3 {
|
|
top: 60%
|
|
}
|
|
.train4 {
|
|
top: 85%
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("train") %}
|
|
<style>
|
|
.trainimg {
|
|
width: 100px;
|
|
height: 51px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.trainimg {
|
|
width: 40px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<marquee class="train train1" direction="left" scrollamount=10 width="100%">
|
|
<img alt=":#marseytrain:" class="trainimg mirrored" src="/static/assets/images/emojis/marseytrain.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("train") > 1 %}
|
|
<marquee class="train train2" direction="right" scrollamount=10 width="100%">
|
|
<img alt=":#marseytrain:" class="trainimg" src="/static/assets/images/emojis/marseytrain.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("train") > 2 %}
|
|
<marquee class="train train3" direction="left" scrollamount=10 width="100%">
|
|
<img alt=":#marseytrain:" class="trainimg mirrored" src="/static/assets/images/emojis/marseytrain.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("train") > 3 %}
|
|
<marquee class="train train4" direction="right" scrollamount=10 width="100%">
|
|
<img alt=":#marseytrain:" class="trainimg" src="/static/assets/images/emojis/marseytrain.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if p.award_count("croag") %}
|
|
<style>
|
|
.croag {
|
|
position:fixed;
|
|
z-index:9999;
|
|
pointer-events: none;
|
|
}
|
|
.croag1 {
|
|
top: 15%
|
|
}
|
|
.croag2 {
|
|
top: 40%
|
|
}
|
|
.croag3 {
|
|
top: 65%
|
|
}
|
|
.croag4 {
|
|
top: 90%
|
|
}
|
|
.croagimg {
|
|
width: 169px;
|
|
height: 68px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.croagimg {
|
|
width: 100px;
|
|
height: 40px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<marquee class="croag croag1" direction="left" scrollamount=10 width="100%">
|
|
<img alt="croag" class="croagimg mirrored" src="/static/assets/images/PCM/croag.webp?a=1">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("croag") > 1 %}
|
|
<marquee class="croag croag2" direction="right" scrollamount=10 width="100%">
|
|
<img alt="croag" class="croagimg" src="/static/assets/images/PCM/croag.webp?a=1">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("croag") > 2 %}
|
|
<marquee class="croag croag3" direction="left" scrollamount=10 width="100%">
|
|
<img alt="croag" class="croagimg mirrored" src="/static/assets/images/PCM/croag.webp?a=1">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("croag") > 3 %}
|
|
<marquee class="croag croag4" direction="right" scrollamount=10 width="100%">
|
|
<img alt="croag" class="croagimg" src="/static/assets/images/PCM/croag.webp?a=1">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if p.award_count("scooter") %}
|
|
<style>
|
|
.scooterimg {
|
|
width: 100px;
|
|
height: 135px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.scooterimg {
|
|
width: 40px;
|
|
height: 54px;
|
|
}
|
|
}
|
|
</style>
|
|
<marquee class="train train3" direction="right" scrollamount=10 width="100%">
|
|
<img alt=":#marseyscooter:" class="scooterimg" src="/static/assets/images/emojis/marseyscooter.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("scooter") > 1 %}
|
|
<marquee class="train train4" direction="left" scrollamount=10 width="100%">
|
|
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/static/assets/images/emojis/marseyscooter.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("scooter") > 2 %}
|
|
<marquee class="train train1" direction="right" scrollamount=10 width="100%">
|
|
<img alt=":#marseyscooter:" class="scooterimg" src="/static/assets/images/emojis/marseyscooter.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
{% if p.award_count("scooter") > 3 %}
|
|
<marquee class="train train2" direction="left" scrollamount=10 width="100%">
|
|
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/static/assets/images/emojis/marseyscooter.webp?a=1008">
|
|
</marquee>
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if p.award_count("tilt") %}
|
|
<style>
|
|
@keyframes post-tilt {
|
|
from {transform: rotate(0.5deg);}
|
|
to {transform: rotate({{p.award_count("tilt")}}deg);}
|
|
}
|
|
#post-root {
|
|
animation-name: post-tilt !important;
|
|
animation-duration: 30s !important;
|
|
animation-iteration-count: infinite !important;
|
|
animation-direction: alternate !important;
|
|
animation-timing-function: linear !important;
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
|
|
|
|
<meta charset="utf-8" >
|
|
<meta property="og:type" content="article" >
|
|
|
|
{% if comment_info and not comment_info.is_banned and not comment_info.deleted_utc %}
|
|
<title>{{'@'+comment_info.author_name}} comments on "{{p.plaintitle(v)}} - {{SITE_NAME}}"</title>
|
|
|
|
|
|
<meta property="og:article:author" content="{{'@'+comment_info.author_name}}" >
|
|
<meta property="article:published_time" content="{{comment_info.created_datetime}}" >
|
|
{% if comment_info.edited_utc %}<meta property="article:modified_time" content="{{comment_info.edited_string}}" >{% endif %}
|
|
<meta property="og:description" name="description" content="{{comment_info.plainbody(v)}}" >
|
|
<meta property="og:author" name="author" content="{{'@'+comment_info.author_name}}" >
|
|
<meta property="og:title" content="{{'@'+comment_info.author_name}} comments on {{p.plaintitle(v)}} - {{SITE_NAME}}" >
|
|
<meta property="og:image" content="{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{SITE_NAME}}/static/assets/images/{{SITE_NAME}}/site_preview.webp?a=1013{% endif %}" >
|
|
{% if p.is_video %}
|
|
<meta property="og:video" content="{{p.realurl(v)}}" >
|
|
{% endif %}
|
|
<meta property="og:url" content="{{comment_info.permalink}}" >
|
|
<meta property="og:site_name" content="{{request.host}}" >
|
|
|
|
<meta name="twitter:card" content="summary" >
|
|
<meta name="twitter:site" content="{{SITE_FULL}}/">
|
|
<meta name="twitter:title" content="{{'@'+comment_info.author_name}} comments on {{p.plaintitle(v)}} - {{SITE_NAME}}" >
|
|
<meta name="twitter:creator" content="{{'@'+comment_info.author_name}}">
|
|
<meta name="twitter:description" content="{{comment_info.plainbody(v)}}" >
|
|
<meta name="twitter:image" content="{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{SITE_NAME}}/static/assets/images/{{SITE_NAME}}/site_preview.webp?a=1013{% endif %}" >
|
|
<meta name="twitter:url" content="{{p.permalink}}" >
|
|
|
|
{% else %}
|
|
<title>{{p.plaintitle(v)}} - {{SITE_NAME}}</title>
|
|
|
|
|
|
{% if p.author %}<meta property="og:article:author" content="{{'@'+p.author_name}}">{% endif %}
|
|
<meta property="article:published_time" content="{{p.created_datetime}}" >
|
|
{% if p.edited_utc %}<meta property="article:modified_time" content="{{p.edited_string}}" >{% endif %}
|
|
<meta property="og:description" name="description" content="{{p.plainbody(v)}}" >
|
|
{% if p.author %}<meta property="og:author" name="author" content="{{'@'+p.author_name}}" >{% endif %}
|
|
<meta property="og:title" content="{{p.plaintitle(v)}} - {{SITE_NAME}}" >
|
|
<meta property="og:image" content="{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb%}{{p.thumb_url}}{% else %}{{SITE_NAME}}/static/assets/images/{{SITE_NAME}}/site_preview.webp?a=1013{% endif %}" >
|
|
{% if p.url and p.is_video %}
|
|
<meta property="og:video" content="{{p.realurl(v)}}" >
|
|
{% endif %}
|
|
<meta property="og:url" content="{{p.permalink}}" >
|
|
<meta property="og:site_name" content="{{request.host}}" >
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="{{SITE_FULL}}/">
|
|
<meta name="twitter:title" content="{{p.plaintitle(v)}} - {{SITE_NAME}}" >
|
|
{% if p.author %}<meta name="twitter:creator" content="{{'@'+p.author_name}}">{% endif %}
|
|
<meta name="twitter:description" content="{{p.plainbody(v)}}" >
|
|
<meta name="twitter:image" content="{% if p.is_image %}{{p.realurl(v)}}{% elif p.has_thumb %}{{p.thumb_url}}{% else %}{{SITE_NAME}}/static/assets/images/{{SITE_NAME}}/site_preview.webp?a=1013{% endif %}" >
|
|
<meta name="twitter:url" content="{{p.permalink}}" >
|
|
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block pagetype %}thread{% endblock %}
|
|
|
|
{% block actionsModal %}
|
|
|
|
{% if v %}
|
|
<div class="modal fade d-md-none" id="actionsModal" tabindex="-1" role="dialog" aria-labelledby="actionsModalTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header p-3">
|
|
<h5 class="col modal-title text-center h6">More options</h5>
|
|
<button class="close position-absolute py-3" style="right: 1rem;" data-bs-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times-circle text-gray-500"></i></span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<ul class="list-group post-actions">
|
|
{% if not p.ghost %}<a class="btn-block" href="/votes?link={{p.fullname}}"><button class="nobackground btn btn-link btn-block btn-lg text-left text-muted"><i class="fas fa-arrows-v text-center text-muted mr-3"></i>Votes</button></a>{% endif %}
|
|
|
|
<button data-bs-dismiss="modal" class="copy-link nobackground btn btn-link btn-block btn-lg text-left text-muted" data-clipboard-text="{% if SITE_NAME == 'Drama' %}https://rdrama.com{{p.shortlink}}{% else %}{{p.permalink}}{% endif %}"><i class="far fa-copy text-center text-muted mr-3"></i>Copy link</button>
|
|
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-toggle="modal" data-bs-dismiss="modal" data-bs-target="#reportPostModal" onclick="report_postModal('{{p.id}}')"><i class="far fa-flag text-center text-muted mr-3"></i>Report</button>
|
|
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-toggle="modal" data-bs-dismiss="modal" data-bs-target="#awardModal" onclick="awardModal('/award_post/{{p.id}}')"><i class="fas fa-gift text-center text-muted mr-3"></i>Give Award</button>
|
|
|
|
<button id="subscribe2-{{p.id}}" class="{% if p.id in v.subscribed_idlist() %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-muted" role="button" onclick="post_toast2(this,'/subscribe/{{p.id}}','subscribe2-{{p.id}}','unsubscribe2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye text-center text-muted mr-3"></i>Subscribe</button>
|
|
<button id="unsubscribe2-{{p.id}}" class="{% if not p.id in v.subscribed_idlist() %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-muted" role="button" onclick="post_toast2(this,'/unsubscribe/{{p.id}}','subscribe2-{{p.id}}','unsubscribe2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye-slash text-center text-muted mr-3"></i>Unsubscribe</button>
|
|
|
|
<button id="save2-{{p.id}}" class="{% if p.id in v.saved_idlist() %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-muted" role="button" onclick="post_toast2(this,'/save_post/{{p.id}}','save2-{{p.id}}','unsave2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-save text-center text-muted mr-3"></i>Save</button>
|
|
<button id="unsave2-{{p.id}}" class="{% if not p.id in v.saved_idlist() %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-muted" role="button" onclick="post_toast2(this,'/unsave_post/{{p.id}}','save2-{{p.id}}','unsave2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-save text-center text-muted mr-3"></i>Unsave</button>
|
|
|
|
|
|
{% if v.id==p.author_id %}
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-dismiss="modal" onclick="togglePostEdit('{{p.id}}')"><i class="far fa-edit text-center text-muted mr-3"></i>Edit</button>
|
|
|
|
{% if v.admin_level == 1 %}
|
|
<button id="distinguish2-{{p.id}}" class="{% if p.distinguish_level %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish2-{{p.id}}','undistinguish2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-crown text-center mr-3"></i>Distinguish</button>
|
|
<button id="undistinguish2-{{p.id}}" class="{% if not p.distinguish_level %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish2-{{p.id}}','undistinguish2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-crown text-center mr-3"></i>Undistinguish</button>
|
|
{% endif %}
|
|
|
|
{% if p.private %}
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-left text-muted" role="button" onclick="post_toast(this,'/publish/{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-globe text-center text-muted mr-3"></i>Publish</button>
|
|
{% endif %}
|
|
|
|
{% if request.path.startswith('/@') %}
|
|
<button id="pin-profile2-{{p.id}}" class="{% if p.is_pinned %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-muted text-left"role="button" onclick="post_toast2(this,'/pin/{{p.id}}','pin-profile2-{{p.id}}','unpin-profile2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-thumbtack fa-rotate--45 text-center mr-3"></i>Pin to profile</button>
|
|
<button id="unpin-profile2-{{p.id}}" class="{% if not p.is_pinned %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-muted text-left" role="button" onclick="post_toast2(this,'/pin/{{p.id}}','pin-profile2-{{p.id}}','unpin-profile2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-thumbtack fa-rotate--45 text-center mr-3"></i>Unpin from profile</button>
|
|
{% endif %}
|
|
|
|
|
|
<button id="undelete-{{p.id}}" class="{% if not p.deleted_utc %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-success" role="button" onclick="post_toast2(this,'/undelete_post/{{p.id}}', 'delete-{{p.id}}', 'undelete-{{p.id}}');document.getElementById('post-{{p.id}}').classList.remove('deleted')" data-bs-dismiss="modal"><i class="far fa-trash-alt text-center mr-3"></i>Undelete</button>
|
|
|
|
<button id="delete-{{p.id}}" class="{% if p.deleted_utc %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-danger" data-bs-toggle="modal" data-bs-dismiss="modal" data-bs-target="#deletePostModal" onclick="delete_postModal('{{p.id}}')"><i class="far fa-trash-alt mr-3"></i>Delete</button>
|
|
|
|
|
|
{% if v.club_allowed != False %}
|
|
<button id="club3-{{p.id}}" class="{% if p.club %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-danger text-left" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club3-{{p.id}}','unclub3-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye-slash mr-3"></i>Mark club</button>
|
|
<button id="unclub3-{{p.id}}" class="{% if not p.club %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-success text-left" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club3-{{p.id}}','unclub3-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye mr-3"></i>Unmark club</button>
|
|
{% endif %}
|
|
|
|
<button id="mark3-{{p.id}}" class="{% if p.over_18 %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-danger" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark3-{{p.id}}','unmark3-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-eye-evil text-center mr-3"></i>Mark +18</button>
|
|
<button id="unmark3-{{p.id}}" class="{% if not p.over_18 %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-success" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark3-{{p.id}}','unmark3-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-eye-evil text-center mr-3"></i>Unmark +18</button>
|
|
{% else %}
|
|
{% if p.body %}
|
|
<button id="view-{{p.id}}" class="nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-dismiss="modal" onclick="expandMarkdown('{{p.id}}')"><i class="fas text-expand-icon-{{p.id}} fa-expand-alt text-center mr-3"></i>View source</button>
|
|
<button id="hide-{{p.id}}" class="nobackground btn btn-link btn-block btn-lg text-left text-muted d-none" data-bs-dismiss="modal" onclick="expandMarkdown('{{p.id}}')"><i class="fas text-expand-icon-{{p.id}} fa-compress-alt text-center mr-3"></i>Hide source</button>
|
|
{% endif %}
|
|
|
|
{% if not p.ghost %}
|
|
<button id="unblock2-{{p.id}}" class="nobackground btn btn-link btn-block btn-lg text-success text-left{% if not p.is_blocking %} d-none{% endif %}" data-bs-dismiss="modal" onclick="post_toast2(this,'/settings/unblock?username={{p.author_name}}','block2-{{p.id}}','unblock2-{{p.id}}')"><i class="fas fa-eye mr-3 text-success"></i>Unblock user</button>
|
|
<button id="prompt2-{{p.id}}" class="blockuser nobackground btn btn-link btn-block btn-lg text-danger text-left d-none" data-bs-dismiss="modal" onclick="post_toast2(this,'/settings/block?username={{p.author_name}}','prompt2-{{p.id}}','unblock2-{{p.id}}')"><i class="fas fa-eye-slash mr-3 text-danger"></i>Are you sure?</button>
|
|
<button id="block2-{{p.id}}" class="blockuser nobackground btn btn-link btn-block btn-lg text-danger text-left{% if p.is_blocking %} d-none{% endif %}" onclick="document.getElementById('block2-{{p.id}}').classList.toggle('d-none');document.getElementById('prompt2-{{p.id}}').classList.toggle('d-none');"><i class="fas fa-eye-slash mr-3 text-danger"></i>Block user</button>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if p.sub and v.mods(p.sub) %}
|
|
<button data-bs-dismiss="modal" class="nobackground btn btn-link btn-block btn-lg text-left text-danger" onclick="post_toast(this,'/kick/{{p.id}}')"><i class="fas fa-sign-out text-danger text-center mr-3"></i>Kick</button>
|
|
|
|
<button data-bs-dismiss="modal" id="exile2" class="{% if p.author.exiled_from(p.sub) %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-danger" onclick="post_toast2(this,'/exile/post/{{p.id}}','exile2','unexile2')"><i class="fas fa-campfire mr-3 text-danger"></i>Exile user</button>
|
|
<button data-bs-dismiss="modal" id="unexile2" class="{% if not p.author.exiled_from(p.sub) %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-success" onclick="post_toast2(this,'/unexile/post/{{p.id}}','exile2','unexile2')"><i class="fas fa-campfire mr-3 text-success"></i>Unexile user</button>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if v and v.admin_level > 1 %}
|
|
<div class="modal fade d-md-none" id="adminModal" tabindex="-1" role="dialog" aria-labelledby="actionsModalTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header p-3">
|
|
<h5 class="col modal-title text-center h6">Admin options</h5>
|
|
<button class="close position-absolute py-3" style="right: 1rem;" data-bs-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times-circle text-gray-500"></i></span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<ul class="list-group post-actions">
|
|
{% if v.admin_level > 2 %}
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-dismiss="modal" onclick="togglePostEdit('{{p.id}}')"><i class="far fa-edit text-center text-muted mr-3"></i>Edit</button>
|
|
{% endif %}
|
|
|
|
<button id="club2-{{p.id}}" class="{% if p.club %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-info text-left" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club2-{{p.id}}','unclub2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye-slash mr-3"></i>Mark club</button>
|
|
<button id="unclub2-{{p.id}}" class="{% if not p.club %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-info text-left" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club2-{{p.id}}','unclub2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-eye mr-3"></i>Unmark club</button>
|
|
|
|
<button id="distinguish2-{{p.id}}" class="{% if p.distinguish_level %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish2-{{p.id}}','undistinguish2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-crown text-center mr-3"></i>Distinguish</button>
|
|
<button id="undistinguish2-{{p.id}}" class="{% if not p.distinguish_level %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish2-{{p.id}}','undistinguish2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-crown text-center mr-3"></i>Undistinguish</button>
|
|
|
|
<button id="pin2-{{p.id}}" class="{% if p.stickied %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/sticky/{{p.id}}','pin2-{{p.id}}','unpin2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-thumbtack fa-rotate--45 text-center mr-3"></i>Pin</button>
|
|
<button id="unpin2-{{p.id}}" class="{% if not p.stickied %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left" role="button" onclick="post_toast2(this,'/unsticky/{{p.id}}','pin2-{{p.id}}','unpin2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-thumbtack fa-rotate--45 text-center mr-3"></i>Unpin</button>
|
|
|
|
{% if "/reported/" in request.path %}
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-danger text-left" role="button" onclick="post_toast(this,'/ban_post/{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-ban text-center mr-3"></i>Remove</button>
|
|
<button class="nobackground btn btn-link btn-block btn-lg text-success text-left" role="button" onclick="post_toast(this,'/unban_post/{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-check text-center mr-3"></i>Approve</button>
|
|
{% else %}
|
|
<button id="remove2-{{p.id}}" class="{% if p.is_banned %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-danger text-left" role="button" onclick="post_toast2(this,'/ban_post/{{p.id}}','remove2-{{p.id}}','approve2-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-ban text-center mr-3"></i>Remove</button>
|
|
<button id="approve2-{{p.id}}" class="{% if not p.is_banned %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-success text-left" role="button" onclick="post_toast2(this,'/unban_post/{{p.id}}','remove2-{{p.id}}','approve2-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-check text-center mr-3"></i>Approve</button>
|
|
{% endif %}
|
|
|
|
{% if p.oauth_app %}
|
|
<a href="{{p.oauth_app.permalink}}"><button class="nobackground btn btn-link btn-block btn-lg text-muted text-left"><i class="far fa-code text-center text-info mr-3"></i>API App</button></a>
|
|
{% endif %}
|
|
|
|
<button id="mark2-{{p.id}}" class="{% if p.over_18 %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-danger" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark2-{{p.id}}','unmark2-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-eye-evil text-center text-danger mr-3"></i>Mark +18</button>
|
|
<button id="unmark2-{{p.id}}" class="{% if not p.over_18 %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-left text-danger" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark2-{{p.id}}','unmark2-{{p.id}}')" data-bs-dismiss="modal"><i class="far fa-eye-evil text-center text-danger mr-3"></i>Unmark +18</button>
|
|
|
|
{% if v.id != p.author_id %}
|
|
<button id="ban2-{{p.id}}" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#banModal" onclick="banModal('/post/{{p.id}}', '{{p.author.id}}', '{{p.author_name}}')" class="{% if p.author.is_suspended %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-danger text-left" role="button"><i class="fas fa-user-minus mr-3"></i>Ban user</button>
|
|
<button id="unban2-{{p.id}}" class="{% if not p.author.is_suspended %}d-none{% endif %} nobackground btn btn-link btn-block btn-lg text-success text-left" role="button" onclick="post_toast2(this,'/unban_user/{{p.author_id}}','ban2-{{p.id}}','unban2-{{p.id}}')" data-bs-dismiss="modal"><i class="fas fa-user-minus mr-3"></i>Unban user</button>
|
|
{% endif %}
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{% if request.host == 'pcmemes.net' %}
|
|
{% set cc='SPLASH MOUNTAIN' %}
|
|
{% else %}
|
|
{% set cc='COUNTRY CLUB' %}
|
|
{% endif %}
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div id="post-root" class="col-12">
|
|
|
|
<div class="card border-0 mt-3{% if p.is_banned %} banned{% endif %}{% if p.stickied %} stickied{% endif %}{% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
|
|
<div id="post-{{p.id}}" class="{% if p.deleted_utc %}deleted {% endif %}d-flex flex-row-reverse flex-nowrap justify-content-end">
|
|
|
|
{% if not p.is_image and p.thumb_url and not p.embed_url %}
|
|
<div class="card-header bg-transparent border-0 d-none d-md-flex flex-row flex-nowrap pl-3 p-0">
|
|
<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" style="height: fit-content;" {% if not v or v.newtabexternal %}target="_blank"{% endif %}><img loading="lazy" src="{{p.thumb_url}}" class="post-img d-none d-md-block" alt="Unable to load image"></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div id="post-content" class="{% if p.deleted_utc %}deleted {% endif %}card-block w-100 my-md-auto">
|
|
|
|
<div class="post-meta text-left mb-2">
|
|
{% if p.sub %}
|
|
<a href='/s/{{p.sub}}'>/s/{{p.sub}}</a>
|
|
{% endif %}
|
|
|
|
{% if p.sub and p.author.exiled_from(p.sub) %}
|
|
<a role="button"><i class="fas fa-campfire text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="User has been exiled from /s/{{p.sub}}"></i></a>
|
|
{% endif %}
|
|
|
|
{% if p.bannedfor %}
|
|
<a role="button"><i class="fas fa-gavel text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="User was banned for this post{% if p.author.banned_by %} by @{{p.author.banned_by.username}}{% endif %}"></i></a>
|
|
{% endif %}
|
|
|
|
{% if p.awards %}
|
|
{% for a in p.awards %}
|
|
<i class="{{a.class_list}} px-1" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a.title}} Award{% if a.kind != 'ghosts' %} given by @{{a.user.username}}{% endif %}"></i>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if v and v.admin_level > 1 and p.author.shadowbanned %}<i class="fas fa-user-times text-admin" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Shadowbanned by @{{p.author.shadowbanned}}"></i>{% endif %}
|
|
|
|
{% if p.stickied %}
|
|
<i id='pinned-{{p.id}}' class="fas fa-thumbtack fa-rotate--45 text-admin" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Pinned by @{{p.stickied}}" {% if p.stickied_utc %}onmouseover="pinned_timestamp('pinned-{{p.id}}')" data-timestamp={{p.stickied_utc}} {% endif %}></i>
|
|
{% endif %}
|
|
|
|
{% if p.is_pinned %}<i class="fas fa-thumbtack fa-rotate--45 fa-fw text-admin" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Pinned to profile"></i>{% endif %}
|
|
{% if p.distinguish_level %} <i class="fas fa-broom text-admin" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{SITE_NAME}} Admin, speaking officially"></i>{% endif %}
|
|
{% if p.is_bot %} <i class="fas fa-robot text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bot"></i>{% endif %}
|
|
{% if p.over_18 %}<span class="badge badge-danger text-small-extra mr-1">+18</span>{% endif %}
|
|
{% if p.private %}<span class="badge border-warning border-1 text-small-extra">Draft</span>{% endif %}
|
|
{% if p.active_flags %}<a class="btn btn-primary" role="button" style="padding:1px 5px; font-size:10px;" onclick="document.getElementById('flaggers').classList.toggle('d-none')">{{p.active_flags}} Reports</a>{% endif %}
|
|
|
|
{% if not p.author %}
|
|
{{p.print()}}
|
|
{% endif %}
|
|
|
|
{% if p.ghost %}
|
|
👻
|
|
{% else %}
|
|
{% if SITE_NAME=='Drama' and p.author.house %}
|
|
<img src="/assets/images/{{SITE_NAME}}/houses/{{p.author.house}}.webp?a=7" height="20" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="House {{p.author.house}}" alt="House {{p.author.house}}">
|
|
{% endif %}
|
|
|
|
{% if p.author.verified %}<i class="fas fa-badge-check align-middle ml-1" style="color:{% if p.author.verifiedcolor %}#{{p.author.verifiedcolor}}{% else %}#1DA1F2{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{p.author.verified}}"></i>
|
|
{% endif %}
|
|
<a class="user-name text-decoration-none" onclick='popclick({{p.author.json_popover(v) | tojson}})' data-bs-placement="bottom" data-bs-toggle="popover" data-bs-trigger="click" data-content-id="popover" role="button" tabindex="0" style="color: #{{p.author.namecolor}}; font-weight: bold;" class="user-name"><img alt="@{{p.author_name}}'s profile picture" loading="lazy" src="{{p.author.profile_url}}" class="profile-pic-25 mr-2"><span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.namecolor}};"{% elif p.distinguish_level and SITE_NAME == 'Drama' %}class="mod"{% endif %}>{{p.author_name}}</span></a>{% if p.author.customtitle %} <bdi style="color: #{{p.author.titlecolor}}"> {% if p.author.quadrant %}<img alt="{{p.author.quadrant}} quadrant" loading="lazy" height="20" src="/static/assets/images/quadrants/{{p.author.quadrant}}.webp?a=1008">{% endif %}{{p.author.customtitle | safe}}</bdi>{% endif %}
|
|
{% endif %}
|
|
<span data-bs-toggle="tooltip" data-bs-placement="bottom" id="timestamp" onmouseover="timestamp('timestamp','{{p.created_utc}}')"> {{p.age_string}}</span>
|
|
({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.realurl(v) %}<a href="/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>{{p.domain}}</a>{% else %}text post{% endif %})
|
|
|
|
{% if p.edited_utc %}
|
|
Edited <span data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('edited_timestamp','{{p.edited_utc}}')" id="edited_timestamp">{{p.edited_string}}</span>
|
|
{% endif %}
|
|
{{p.views}} views
|
|
</div>
|
|
{% if p.active_flags %}
|
|
<div id="flaggers" class="flaggers d-none">
|
|
<strong><i class="far fa-fw fa-flag"></i> Reported by:</strong>
|
|
<pre></pre>
|
|
<ul style="padding-left:20px; margin-bottom: 0;">
|
|
{% for f in p.flags %}
|
|
<li><a style="font-weight:bold" href="{{f.user.url}}">{{f.user.username}}</a>{% if f.reason %}: {{f.realreason(v) | safe}}{% endif %} {% if v and v.admin_level > 1 %}<a role="button" onclick="post_toast(this,'/del_report/post/{{f.post_id}}/{{f.user_id}}')">[remove]</a>{% endif %}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
{% if p.realurl(v) %}
|
|
<h1 id="post-title" class="card-title post-title text-left mb-md-3 {% if p.author.agendaposter %}agendaposter{% endif %}"><a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}">
|
|
{% if p.club %}<span class="patron font-weight-bolder mr-1" style="background-color:red; font-size:12px; line-height:2;">{{CC}}</span>{% endif %}
|
|
{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2;">{{p.flair | safe}}</span>{% endif %}
|
|
{{p.realtitle(v) | safe}}
|
|
</a></h1>
|
|
{% else %}
|
|
<h1 id="post-title" class="card-title post-title text-left mb-md-3 {% if p.author.agendaposter %}agendaposter{% endif %}">
|
|
{% if p.club %}<span class="patron font-weight-bolder mr-1" style="background-color:red; font-size:12px; line-height:2;">{{CC}}</span>{% endif %}
|
|
{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2;">{{p.flair | safe}}</span>{% endif %}
|
|
{{p.realtitle(v) | safe}}
|
|
</h1>
|
|
{% endif %}
|
|
|
|
<div id="post-body" class="post-body mt-3">
|
|
{% if p.realurl(v) %}
|
|
{% if not p.embed_url and not p.is_image and not p.is_video %}
|
|
<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>
|
|
<div class="d-flex d-md-none justify-content-between align-items-center border rounded p-2{% if p.realbody(v) %} mb-3{% endif %}">
|
|
<span>{{p.domain|truncate(30, True)}}</span>
|
|
<i class="fas fa-external-link-alt text-small"></i>
|
|
</div>
|
|
</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
{% if p.embed_url %}
|
|
{% if p.domain == "twitter.com" %}
|
|
{{p.embed_url | safe}}
|
|
{% if v and v.theme.split("_")[0] in ["light", "coffee", "4chan"] %}
|
|
<script src="/static/assets/js/twitterlight.js?a=242"></script>
|
|
{% else %}
|
|
<script src="/static/assets/js/twitter.js?a=242"></script>
|
|
{% endif %}
|
|
{% elif p.domain in ['youtu.be','youtube.com'] and p.embed_url and p.embed_url.startswith('<lite-youtube') %}
|
|
{{p.embed_url | safe}}
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
<div id="post-text" {% if p.author.agendaposter %}class="agendaposter"{% endif %}>
|
|
{% if p.is_image %}
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}">
|
|
<img src="{{p.realurl(v)}}" class="img-fluid" style="max-height:500px;" alt="Unable to load image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<pre></pre>
|
|
{% elif p.is_video %}
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<video controls preload="none" class="embedvid">
|
|
<source src="{{p.realurl(v)}}" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<pre></pre>
|
|
{% endif %}
|
|
{{p.realbody(v) | safe}}
|
|
|
|
{% if p.is_banned and p.ban_reason %}
|
|
<div class="text-removed mb-0">removed by @{{p.ban_reason}}</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% if v and (v.id==p.author_id or v.admin_level > 2) and not v.is_suspended %}
|
|
<div id="edit-post-body-{{p.id}}" class="d-none comment-write collapsed child">
|
|
<form id="post-edit-form-{{p.id}}" action="/edit_post/{{p.id}}" method="post" enctype="multipart/form-data">
|
|
<div class="d-flex flex-column">
|
|
<input autocomplete="off" type="hidden" name="formkey" value="{{v.formkey}}">
|
|
<input autocomplete="off" type="hidden" name="current_page" value="{{request.path}}">
|
|
<textarea autocomplete="off" max-length="500" name="title" class="comment-box form-control rounded" required placeholder="title">{{p.title}}</textarea>
|
|
<textarea autocomplete="off" name="body" {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}20000{% endif %}" oninput="markdown('post-edit-box-{{p.id}}', 'post-edit-{{p.id}}');charLimit('post-edit-box-{{p.id}}','charcount-post-edit')" id="post-edit-box-{{p.id}}" form="post-edit-form-{{p.id}}" class="comment-box form-control rounded" aria-label="With textarea" placeholder="Add text to your post..." rows="10" data-id="{{p.id}}">{{p.body}}</textarea>
|
|
|
|
<div class="text-small font-weight-bold mt-1" id="charcount-post-edit" style="right: 1rem; bottom: 0.5rem; z-index: 3;"></div>
|
|
|
|
<div class="comment-format">
|
|
<small class="format btn btn-secondary"><i class="fas fa-bold" aria-hidden="true" onclick="makeBold('post-edit-box-{{p.id}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bold"></i></small>
|
|
<a class="format btn btn-secondary" role="button"><i class="fas fa-italic" aria-hidden="true" onclick="makeItalics('post-edit-box-{{p.id}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Italicize"></i></a>
|
|
<a class="format btn btn-secondary" role="button"><i class="fas fa-quote-right" aria-hidden="true" onclick="makeQuote('post-edit-box-{{p.id}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Quote"></i></a>
|
|
<a class="format btn btn-secondary" role="button"><span class="font-weight-bolder text-uppercase" onclick="commentForm('post-edit-box-{{p.id}}');getGif()" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add GIF">GIF</span></a>
|
|
<a class="format btn btn-secondary" role="button"><i class="fas fa-smile-beam" onclick="loadEmojis('post-edit-box-{{p.id}}')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"></i></a>
|
|
|
|
<label class="format btn btn-secondary m-0 ml-1 {% if v %}d-inline-block{% else %}d-none{% endif %}" for="file-upload-edit-{{p.id}}">
|
|
<div id="filename-show-edit-{{p.id}}"><i class="far fa-image"></i></div>
|
|
<input autocomplete="off" id="file-upload-edit-{{p.id}}" type="file" name="file" accept="image/*, video/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="changename('filename-show-edit-{{p.id}}','file-upload-edit-{{p.id}}')" hidden>
|
|
</label>
|
|
|
|
<small class="format d-none"><i class="fas fa-link" aria-hidden="true"></i></small>
|
|
</div>
|
|
</div>
|
|
<button form="post-edit-form-{{p.id}}" class="btn btn-primary ml-2 fl-r">Save Edit</button>
|
|
<a role="button" onclick="togglePostEdit('{{p.id}}')" class="btn btn-link text-muted ml-auto cancel-form fl-r">Cancel</a>
|
|
</form>
|
|
<div id="post-edit-{{p.id}}" class="preview mb-3 mt-5"></div>
|
|
<div class="form-text text-small p-0 m-0"><a href="/formatting" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %}>Formatting help</a></div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if p.embed_url and "http" not in p.embed_url and "<" not in p.embed_url %}
|
|
<div id="crosspost-embed">
|
|
<div class="row no-gutters">
|
|
<div id="frontpage" class="col-12 pt-0">
|
|
<div class="posts" id="posts">
|
|
{{p.embed_url | post_embed(v) | safe}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="d-none d-md-flex justify-content-between align-items-center mt-2">
|
|
<div class="post-actions mt-2">
|
|
<ul class="list-inline text-right d-flex">
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{p.permalink}}">
|
|
<i class="fas fa-comment-dots"></i>{{p.comment_count}}
|
|
<span class="text-info d-none new-comments"></span>
|
|
</a>
|
|
</li>
|
|
|
|
{% if v and (v.id==p.author_id or v.admin_level > 1 and v.admin_level > 2) %}
|
|
<a class="list-inline-item" role="button" onclick="togglePostEdit('{{p.id}}')"><i class="fas fa-edit"></i>Edit</a>
|
|
{% endif %}
|
|
|
|
{% if not (v and v.id == p.author_id) and p.body %}
|
|
<a class="list-inline-item" role="button" onclick="expandMarkdown('{{p.id}}')"><i class="fas text-expand-icon-{{p.id}} fa-expand-alt"></i>View source</a>
|
|
{% endif %}
|
|
|
|
{% if v and v.id==p.author_id %}
|
|
{% if p.private %}
|
|
<a class="list-inline-item" role="button" onclick="post_toast(this,'/publish/{{p.id}}')"><i class="fas fa-globe"></i>Publish</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if not p.ghost %}<a class="list-inline-item" href="/votes?link={{p.fullname}}"><i class="fas fa-arrows-v"></i>Votes</a>{% endif %}
|
|
|
|
{% if v %}
|
|
<a class="list-inline-item text-muted d-none d-md-inline-block" role="button" data-bs-toggle="modal" data-bs-target="#awardModal" onclick="awardModal('/award_post/{{p.id}}')"><i class="fas fa-gift fa-fw"></i>Give Award</a>
|
|
{% endif %}
|
|
|
|
<a class="list-inline-item copy-link" role="button" data-clipboard-text="{% if SITE_NAME == 'Drama' %}https://rdrama.com{{p.shortlink}}{% else %}{{p.permalink}}{% endif %}"><i class="fas fa-copy"></i>Copy link</a>
|
|
|
|
{% if v %}
|
|
<a id="subscribe-{{p.id}}" class="{% if p.id in v.subscribed_idlist() %}d-none{% endif %} list-inline-item" role="button" onclick="post_toast2(this,'/subscribe/{{p.id}}','subscribe-{{p.id}}','unsubscribe-{{p.id}}')"><i class="fas fa-eye"></i>Subscribe</a>
|
|
<a id="unsubscribe-{{p.id}}" class="{% if p.id not in v.subscribed_idlist() %}d-none{% endif %} list-inline-item" role="button" onclick="post_toast2(this,'/unsubscribe/{{p.id}}','subscribe-{{p.id}}','unsubscribe-{{p.id}}')"><i class="fas fa-eye-slash"></i>Unsubscribe</a>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
<a id="save-{{p.id}}" class="{% if p.id in v.saved_idlist() %}d-none{% endif %} list-inline-item" role="button" onclick="post_toast2(this,'/save_post/{{p.id}}','save-{{p.id}}','unsave-{{p.id}}')"><i class="fas fa-save"></i>Save</a>
|
|
<a id="unsave-{{p.id}}" class="{% if not p.id in v.saved_idlist() %}d-none{% endif %} list-inline-item" role="button" onclick="post_toast2(this,'/unsave_post/{{p.id}}','save-{{p.id}}','unsave-{{p.id}}')"><i class="fas fa-save"></i>Unsave</a>
|
|
|
|
<a class="list-inline-item" role="button" data-bs-toggle="modal" data-bs-dismiss="modal" data-bs-target="#reportPostModal" onclick="report_postModal('{{p.id}}')"><i class="fas fa-flag"></i>Report</a>
|
|
{% endif %}
|
|
|
|
{% if v and v.id==p.author_id %}
|
|
{% if request.path.startswith('/@') %}
|
|
<a id="pin-profile-{{p.id}}" class="{% if p.is_pinned %}d-none{% endif %} list-inline-item text-muted" role="button" onclick="post_toast2(this,'/pin/{{p.id}}','unpin-profile-{{p.id}}','pin-profile-{{p.id}}')"><i class="fas fa-thumbtack fa-rotate--45"></i>Pin to profile</a>
|
|
<a id="unpin-profile-{{p.id}}" class="{% if not p.is_pinned %}d-none{% endif %} list-inline-item text-muted" role="button" onclick="post_toast2(this,'/pin/{{p.id}}','unpin-profile-{{p.id}}','pin-profile-{{p.id}}')"><i class="fas fa-thumbtack fa-rotate--45"></i>Unpin from profile</a>
|
|
{% endif %}
|
|
|
|
<a id="undelete2-{{p.id}}" class="{% if not p.deleted_utc %}d-none{% endif %} list-inline-item" role="button" onclick="post_toast2(this,'/undelete_post/{{p.id}}', 'delete2-{{p.id}}', 'undelete2-{{p.id}}');document.getElementById('post-{{p.id}}').classList.remove('deleted')"><i class="fas fa-trash-alt"></i>Undelete</a>
|
|
|
|
<a id="delete2-{{p.id}}" class="{% if p.deleted_utc %}d-none{% endif %} list-inline-item" role="button" data-bs-toggle="modal" data-bs-dismiss="modal" data-bs-target="#deletePostModal" onclick="delete_postModal('{{p.id}}')"><i class="fas fa-trash-alt"></i>Delete</a>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
<a class="list-inline-item" role="button" data-bs-toggle="dropdown" aria-expanded="false" ><i class="fas fa-ellipsis-h fa-fw"></i></a>
|
|
<ul class="dropdown-menu">
|
|
{% if v.admin_level %}
|
|
<a id="distinguish-{{p.id}}" class="dropdown-item {% if p.distinguish_level %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish-{{p.id}}','undistinguish-{{p.id}}')"><i class="fas fa-crown"></i>Distinguish</a>
|
|
<a id="undistinguish-{{p.id}}" class="dropdown-item {% if not p.distinguish_level %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/distinguish/{{p.id}}','distinguish-{{p.id}}','undistinguish-{{p.id}}')"><i class="fas fa-crown"></i>Undistinguish</a>
|
|
{% endif %}
|
|
|
|
{% if v.admin_level > 1 %}
|
|
<a id="pin-{{p.id}}" class="dropdown-item {% if p.stickied %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/sticky/{{p.id}}','pin-{{p.id}}','unpin-{{p.id}}')"><i class="fas fa-thumbtack fa-rotate--45"></i>Pin</a>
|
|
<a id="unpin-{{p.id}}" class="dropdown-item {% if not p.stickied %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/unsticky/{{p.id}}','pin-{{p.id}}','unpin-{{p.id}}')"><i class="fas fa-thumbtack fa-rotate--45"></i>Unpin</a>
|
|
{% endif %}
|
|
|
|
{% if v.admin_level > 1 or v.id == p.author.id and v.club_allowed != False %}
|
|
<a id="club-{{p.id}}" class="dropdown-item {% if p.club %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club-{{p.id}}','unclub-{{p.id}}')"><i class="fas fa-eye-slash"></i>Mark club</a>
|
|
<a id="unclub-{{p.id}}" class="dropdown-item {% if not p.club %}d-none{% endif %} list-inline-item text-info" role="button" onclick="post_toast2(this,'/toggle_club/{{p.id}}','club-{{p.id}}','unclub-{{p.id}}')"><i class="fas fa-eye"></i>Unmark club</a>
|
|
{% endif %}
|
|
|
|
{% if v.admin_level > 1 %}
|
|
{% if "/reported/" in request.path %}
|
|
{% if v.id != p.author.id %}<a class="dropdown-item list-inline-item text-danger" role="button" onclick="post_toast(this,'/ban_post/{{p.id}}')"><i class="fas fa-ban"></i>Remove</a>{% endif %}
|
|
<a class="dropdown-item list-inline-item text-success" role="button" onclick="post_toast(this,'/unban_post/{{p.id}}')"><i class="fas fa-check"></i>Approve</a>
|
|
{% else %}
|
|
{% if v.id != p.author.id %}<a id="remove-{{p.id}}" class="dropdown-item {% if p.is_banned %}d-none{% endif %} list-inline-item text-danger" role="button" onclick="post_toast2(this,'/ban_post/{{p.id}}','remove-{{p.id}}','approve-{{p.id}}')"><i class="fas fa-ban"></i>Remove</a>{% endif %}
|
|
<a id="approve-{{p.id}}" class="dropdown-item {% if not p.is_banned %}d-none{% endif %} list-inline-item text-success" role="button" onclick="post_toast2(this,'/unban_post/{{p.id}}','remove-{{p.id}}','approve-{{p.id}}')"><i class="fas fa-check"></i>Approve</a>
|
|
{% endif %}
|
|
|
|
{% if p.oauth_app %}
|
|
<a class="dropdown-item list-inline-item" href="{{p.oauth_app.permalink}}" ><i class="fas fa-code"></i>API App</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if v.id != p.author_id and not p.ghost %}
|
|
<a id="unblock-{{p.id}}" class="dropdown-item text-success list-inline-item {% if not p.is_blocking %}d-none{% endif %}" role="button" onclick="post_toast2(this,'/settings/unblock?username={{p.author_name}}','block-{{p.id}}','unblock-{{p.id}}')"><i class="fas fa-eye text-success"></i>Unblock user</a>
|
|
|
|
<a id="block-{{p.id}}" class="dropdown-item list-inline-item text-danger {% if p.is_blocking %}d-none{% endif %}" role="button" onclick="post_toast2(this,'/settings/block?username={{p.author_name}}','block-{{p.id}}','unblock-{{p.id}}')"><i class="fas fa-eye-slash text-danger"></i>Block user</a>
|
|
{% endif %}
|
|
|
|
|
|
{% if p.sub and v.mods(p.sub) %}
|
|
<a class="dropdown-item list-inline-item text-danger" role="button" onclick="post_toast(this,'/kick/{{p.id}}')"><i class="fas fa-sign-out text-danger"></i>Kick</a>
|
|
|
|
<a id="exile" class="{% if p.author.exiled_from(p.sub) %}d-none{% endif %} dropdown-item list-inline-item text-danger" role="button" onclick="post_toast2(this,'/exile/post/{{p.id}}','exile','unexile')"><i class="fas fa-campfire text-danger"></i>Exile user</a>
|
|
<a id="unexile" class="{% if not p.author.exiled_from(p.sub) %}d-none{% endif %} dropdown-item list-inline-item text-success" role="button" onclick="post_toast2(this,'/unexile/post/{{p.id}}','exile','unexile')"><i class="fas fa-campfire text-success"></i>Unexile user</a>
|
|
|
|
{% endif %}
|
|
|
|
|
|
{% if v.id==p.author_id or v.admin_level > 1 %}
|
|
<a id="mark-{{p.id}}" class="dropdown-item {% if p.over_18 %}d-none{% endif %} list-inline-item text-danger" role="button" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark-{{p.id}}','unmark-{{p.id}}')"><i class="fas fa-eye-evil"></i>Mark +18</a>
|
|
<a id="unmark-{{p.id}}" class="dropdown-item {% if not p.over_18 %}d-none{% endif %} list-inline-item text-success" role="button" onclick="post_toast2(this,'/toggle_post_nsfw/{{p.id}}','mark-{{p.id}}','unmark-{{p.id}}')"><i class="fas fa-eye-evil"></i>Unmark +18</a>
|
|
{% endif %}
|
|
|
|
{% if v.admin_level > 1 and v.id != p.author_id %}
|
|
<a id="ban-{{p.id}}" class="dropdown-item {% if p.author.is_suspended %}d-none{% endif %} list-inline-item text-danger" id="exile-comment-{{p.id}}" role="button" data-bs-toggle="modal" data-bs-target="#banModal" onclick="banModal('/post/{{p.id}}', '{{p.author.id}}', '{{p.author_name}}')"><i class="fas fa-user-slash text-danger fa-fw"></i>Ban user</a>
|
|
<a id="unban-{{p.id}}" class="dropdown-item {% if not p.author.is_suspended %}d-none{% endif %} list-inline-item text-danger" id="unexile2-user-{{p.id}}" role="button" onclick="post_toast2(this,'/unban_user/{{p.author_id}}','ban-{{p.id}}','unban-{{p.id}}')"><i class="fas fa-user-slash"></i>Unban user</a>
|
|
{% endif %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% if v %}
|
|
|
|
<div id="voting" class="voting d-none d-md-block mb-auto">
|
|
<div id="post-{{p.id}}-up" tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '1')" class="mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}"></div>
|
|
|
|
<span id="post-score-{{p.id}}" class="score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}{% if p.controversial %} controversial{% endif %}" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="+{{ups}} | -{{downs}}">{{score}}</span>
|
|
<div {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="post-{{p.id}}-down" tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '-1')" class="text-muted mx-auto arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}"></div>
|
|
</div>
|
|
|
|
{% else %}
|
|
|
|
<div id="voting" class="voting d-none d-md-block mb-auto">
|
|
<div id="post-{{p.id}}-up" tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '1')" class="arrow-up mx-auto" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
|
|
</div>
|
|
<span id="post-{{p.id}}-score-none" class="score text-muted{% if p.controversial %} controversial{% endif %}"{% if not p.is_banned %} data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="+{{ups}} | -{{downs}}"{% endif %}>{{score}}</span>
|
|
<div {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="post-{{p.id}}-down" tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '-1')" class="arrow-down mx-auto" onclick="location.href='/login?redirect={{request.path | urlencode}}';"></div>
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% if not p.is_image and not p.is_video %}
|
|
<div class="row no-gutters d-md-none">
|
|
<div class="col">
|
|
<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}"></a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="row mb-3 d-md-none">
|
|
<div class="col-12">
|
|
|
|
<div class="post-actions">
|
|
<ul class="list-inline text-right d-flex">
|
|
|
|
<li class="list-inline-item mr-auto">
|
|
<a href="{{p.permalink}}">
|
|
<i class="fas fa-comment-dots"></i>{{p.comment_count}}
|
|
<span class="text-info d-none new-comments"></span>
|
|
</a>
|
|
|
|
{% if v and v.admin_level > 1 %}
|
|
<a class="ml-2" role="button" data-bs-toggle="modal" data-bs-target="#adminModal">
|
|
<i class="fas fa-broom"></i>
|
|
</a>
|
|
{% endif %}
|
|
</li>
|
|
|
|
{% if v %}
|
|
<li class="list-inline-item">
|
|
<a role="button" data-bs-toggle="modal" data-bs-target="#actionsModal">
|
|
<i class="fas fa-ellipsis-h"></i>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
<li id="voting-{{p.id}}-mobile" class="voting list-inline-item d-md-none{% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
|
|
{% if v %}
|
|
<span id="post-mobile-{{p.id}}-up" tabindex="0" role="button" onclick="vote('post-mobile', '{{p.id}}', '1')" class="mx-0 pr-1 arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}">
|
|
</span>
|
|
{% else %}
|
|
<span id="arrow-{{p.id}}-mobile-up" tabindex="0" class="mx-0 pr-1 arrow-mobile-up" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
|
|
<i class="fas fa-arrow-alt-up mx-0" aria-hidden="true"></i>
|
|
</span>
|
|
{% endif %}
|
|
|
|
<span id="post-mobile-score-{{p.id}}" class="score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}{% if p.controversial %} controversial{% endif %}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="+{{ups}} | -{{downs}}">{{score}}</span>
|
|
|
|
{% if v %}
|
|
<span {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="post-mobile-{{p.id}}-down" tabindex="0" role="button" onclick="vote('post-mobile', '{{p.id}}', '-1')" class="mx-0 pl-1 my-0 arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}"></span>
|
|
{% else %}
|
|
<span {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="arrow-{{p.id}}-mobile-down" tabindex="0" class="arrow-mobile-down mx-0 pl-1 my-0" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
|
|
<i class="fas fa-arrow-alt-down mx-0" aria-hidden="true"></i>
|
|
</span>
|
|
{% endif %}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% if p.body and not (v and v.id == p.author_id) %}
|
|
<div class="d-none card rounded border my-2 p-3" style="white-space:pre-wrap" id="markdown-{{p.id}}">{{p.body.strip()}}</div>
|
|
{% endif %}
|
|
|
|
<div class="row border-md-0 comment-section pb-3">
|
|
<div class="col border-top">
|
|
<div class="comments-count py-3">
|
|
<div class="dropdown dropdown-actions">
|
|
<button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{% if sort=="top" %}<i class="fas fa-arrow-alt-circle-up mr-1"></i>{% endif %}
|
|
{% if sort=="bottom" %}<i class="fas fa-arrow-alt-circle-down mr-1"></i>{% endif %}
|
|
{% if sort=="new" %}<i class="fas fa-sparkles mr-1"></i>{% endif %}
|
|
{% if sort=="old" %}<i class="fas fa-book mr-1"></i>{% endif %}
|
|
{% if sort=="controversial" %}<i class="fas fa-bullhorn mr-1"></i>{% endif %}
|
|
{{sort | capitalize}}
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);">
|
|
{% if sort != "top" %}<a class="dropdown-item" href="?sort=top"><i class="fas fa-arrow-alt-circle-up mr-2"></i>Top</a>{% endif %}
|
|
{% if sort != "bottom" %}<a class="dropdown-item" href="?sort=bottom"><i class="fas fa-arrow-alt-circle-down mr-2"></i>Bottom</a>{% endif %}
|
|
{% if sort != "new" %}<a class="dropdown-item" href="?sort=new"><i class="fas fa-sparkles mr-2"></i>New</a>{% endif %}
|
|
{% if sort != "old" %}<a class="dropdown-item" href="?sort=old"><i class="fas fa-book mr-2"></i>Old</a>{% endif %}
|
|
{% if sort != "controversial" %}<a class="dropdown-item" href="?sort=controversial"><i class="fas fa-bullhorn mr-2"></i>Controversial</a>{% endif %}
|
|
</div>
|
|
{% if comment_info and p.comment_count >= 2%}
|
|
<pre></pre>
|
|
<div class="total"><a href="{{p.permalink}}">View entire discussion</a></div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="comment-form-space-{{p.fullname}}" class="comment-write mb-3">
|
|
<form id="reply-to-{{p.fullname}}" action="/comment" method="post">
|
|
<input autocomplete="off" type="hidden" name="formkey" value="{{v.formkey}}">
|
|
<input autocomplete="off" type="hidden" name="parent_fullname" value="t2_{{p.id}}">
|
|
<input autocomplete="off" id="reply-form-submission-{{p.fullname}}" type="hidden" name="submission" value="{{p.id}}">
|
|
{% if v %}
|
|
<textarea autocomplete="off" {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" oninput="markdown('reply-form-body-{{p.fullname}}', 'form-preview-{{p.id}}');charLimit('reply-form-body-{{p.fullname}}','charcount-reply')" id="reply-form-body-{{p.fullname}}" data-fullname="{{p.fullname}}" class="comment-box form-control rounded" id="comment-form" name="body" form="reply-to-{{p.fullname}}" aria-label="With textarea" placeholder="Add your comment..." rows="3"></textarea>
|
|
{% endif %}
|
|
|
|
<div class="text-small font-weight-bold mt-1" id="charcount-reply" style="right: 1rem; bottom: 0.5rem; z-index: 3;"></div>
|
|
|
|
<div class="comment-format">
|
|
<a class="btn btn-secondary format d-inline-block m-0" role="button"><i class="fas fa-bold" onclick="makeBold('reply-form-body-{{p.fullname}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bold"></i></a>
|
|
|
|
<a class="btn btn-secondary format d-inline-block m-0" role="button"><i class="fas fa-italic" onclick="makeItalics('reply-form-body-{{p.fullname}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Italicize"></i></a>
|
|
|
|
<a class="btn btn-secondary format d-inline-block m-0" role="button"><i class="fas fa-quote-right" onclick="makeQuote('reply-form-body-{{p.fullname}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Quote"></i></a>
|
|
|
|
<label class="btn btn-secondary format d-inline-block m-0" for="gif-reply-btn-{{p.fullname}}">
|
|
<span id="gif-reply-btn-{{p.fullname}}" class="font-weight-bolder text-uppercase" onclick="commentForm('reply-form-body-{{p.fullname}}');getGif()" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add GIF">GIF</span>
|
|
</label>
|
|
|
|
<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn-{{p.fullname}}">
|
|
<div id="emoji-reply-btn-{{p.fullname}}" onclick="loadEmojis('reply-form-body-{{p.fullname}}')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
|
|
</label>
|
|
<label class="format btn btn-secondary m-0 ml-1 {% if v %}d-inline-block{% else %}d-none{% endif %}" for="file-upload-reply-{{p.fullname}}">
|
|
<div id="filename-show-reply-{{p.fullname}}"><i class="far fa-image"></i></div>
|
|
<input autocomplete="off" id="file-upload-reply-{{p.fullname}}" type="file" name="file" accept="image/*, video/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="changename('filename-show-reply-{{p.fullname}}','file-upload-reply-{{p.fullname}}')" hidden>
|
|
</label>
|
|
</div>
|
|
<a id="save-reply-to-{{p.fullname}}" role="button" form="reply-to-{{p.fullname}}" class="btn btn-primary text-whitebtn ml-auto fl-r" onclick="post_comment('{{p.fullname}}', '{{p.id}}')">Comment</a>
|
|
</form>
|
|
<div id="form-preview-{{p.id}}" class="mb-3 mt-5"></div>
|
|
<div class="form-text text-small p-0 m-0"><a href="/formatting" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %}>Formatting help</a></div>
|
|
</div>
|
|
|
|
{% if not v and not p.is_banned %}
|
|
<div class="comment-write mb-3">
|
|
<textarea autocomplete="off" maxlength="10000" class="comment-box form-control rounded" name="body" aria-label="With textarea" placeholder="Add your comment..." rows="3" onclick="location.href='/login?redirect={{request.path | urlencode}}';"></textarea>
|
|
</div>
|
|
{% if p.comment_count >= 2 %}
|
|
<div class="card border-0 mt-4">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Jump in the discussion.</h5>
|
|
<p class="card-text">No email address required.</p>
|
|
<div>
|
|
<a href="/signup?redirect={{request.path | urlencode}}" class="btn btn-primary">Sign up</a>
|
|
<a href="/login?redirect={{request.path | urlencode}}" class="btn btn-link text-muted">Sign in</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if p.replies %}
|
|
<div class="comment-section">
|
|
{% with comments=p.replies %}
|
|
{% include "comments.html" %}
|
|
{% endwith %}
|
|
</div>
|
|
|
|
{% if offset %}
|
|
<script src="/static/assets/js/viewmore.js?a=247"></script>
|
|
{% endif %}
|
|
|
|
{% elif not p.replies and p.deleted_utc == 0 %}
|
|
<div class="comment-section text-center py-7">
|
|
<span class="fa-stack fa-2x text-muted mb-4">
|
|
<i class="fas fa-square text-gray-500 opacity-25 fa-stack-2x"></i>
|
|
<i class="fas text-gray-500 fa-ghost fa-stack-1x text-lg"></i>
|
|
</span>
|
|
<h2 class="h5">Be the first to comment!</h2>
|
|
{% if v %}
|
|
<p class="text-muted">This comment section is a ghost town...</p>
|
|
{% else %}
|
|
<p class="text-muted">This comment section is a ghost town. <a href="/login?redirect={{request.path | urlencode}}">Sign in</a></p>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% if v and v.id==p.author_id %}
|
|
{% include "delete_post_modal.html" %}
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
{% include "report_post_modal.html" %}
|
|
{% endif %}
|
|
|
|
{% if v and (v.id == p.author_id or v.admin_level > 1 and v.admin_level > 2) %}
|
|
<script src="/static/assets/js/togglePostEdit.js?a=240"></script>
|
|
{% endif %}
|
|
|
|
{% if v %}
|
|
<script src="/static/assets/js/submission.js?a=240"></script>
|
|
{% endif %}
|
|
|
|
{% if not v or v.highlightcomments %}
|
|
<script src="/static/assets/js/new_comments_count.js?a=240"></script>
|
|
{% endif %}
|
|
|
|
<script src="/static/assets/js/clipboard.js?a=240"></script>
|
|
|
|
{% if not p.comment_count %}
|
|
{% include "comments.html" %}
|
|
{% endif %}
|
|
|
|
{% if p.award_count("shit") %}
|
|
<script src="/static/assets/js/critters.js?a=240"></script>
|
|
<script src="/static/assets/js/bugs.js?a=240"></script>
|
|
{% endif %}
|
|
|
|
|
|
{% if p.award_count("fireflies") %}
|
|
<script src="/static/assets/js/critters.js?a=240"></script>
|
|
<script src="/static/assets/js/fireflies.js?a=240"></script>
|
|
{% endif %}
|
|
|
|
|
|
<script>
|
|
(() => {
|
|
{% if not v or v.highlightcomments %}
|
|
showNewCommentCounts('{{p.id}}', {{p.comment_count}})
|
|
{% endif %}
|
|
|
|
{% if "?context" not in request.full_path %}
|
|
const comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
|
|
const newTotal = {{p.comment_count}} || ((comments['{{p.id}}'] || {c: 0}).c + 1)
|
|
comments['{{p.id}}'] = {c: newTotal, t: Date.now()}
|
|
localStorage.setItem("comment-counts", JSON.stringify(comments))
|
|
{% endif %}
|
|
})()
|
|
</script>
|
|
{% endblock %}
|