2022-07-23 08:53:17 +00:00
{% extends "default.html" %}
2022-11-21 08:52:22 +00:00
{% block pagetitle %}
2022-11-27 20:24:40 +00:00
{%- if comment_info -%}
2022-11-21 08:52:22 +00:00
@{{comment_info.author_name}} comments on '{{p.plaintitle(v)}}'
2022-11-27 20:24:40 +00:00
{%- else -%}
2022-11-21 08:52:22 +00:00
{{p.plaintitle(v)}}
2022-11-27 20:24:40 +00:00
{%- endif -%}
2022-11-21 08:52:22 +00:00
{% endblock %}
{% block pagetype %}thread{% endblock %}
{% block head_final %}
2022-07-23 08:53:17 +00:00
< style >
body > .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
< / style >
2022-11-09 05:39:05 +00:00
{% include "awards.html" %}
2022-07-23 08:53:17 +00:00
{% endblock %}
2022-11-21 08:52:22 +00:00
{% set ups=p.upvotes %}
{% set downs=p.downvotes %}
{% set score=ups-downs %}
2022-07-23 08:53:17 +00:00
2022-11-21 08:52:22 +00:00
{% if v %}
{% set voted=p.voted if p.voted else 0 %}
{% else %}
{% set voted=-2 %}
{% endif %}
2022-07-23 08:53:17 +00:00
2022-11-21 08:52:22 +00:00
{% set v_forbid_deleted = (p.deleted_utc != 0) and not (v and v.admin_level >= PERMS['POST_COMMENT_MODERATION']) and not (v and v.id == p.author_id) %}
2022-07-23 08:53:17 +00:00
{% 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" >
2022-10-29 00:55:49 +00:00
< h6 class = "col modal-title text-center" > More options< / h6 >
2022-10-28 23:35:14 +00:00
< button type = "button" class = "close position-absolute py-3" style = "right: 1rem" data-bs-dismiss = "modal" aria-label = "Close" >
2022-07-23 08:53:17 +00:00
< 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.id==p.author_id %}
2022-10-28 23:35:14 +00:00
< button type = "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-2" > < / i > Edit< / button >
2022-07-23 08:53:17 +00:00
{% elif p.body %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "nobackground btn btn-link btn-block btn-lg text-left text-muted" data-bs-dismiss = "modal" onclick = "expandMarkdown('{{p.id}}','p')" > < i class = "fas text-expand-icon-{{p.id}} fa-expand-alt text-center mr-2" > < / i > < span class = "expand-text-p-{{p.id}}" > View source< / span > < / button >
2022-07-23 08:53:17 +00:00
{% endif %}
{% include "post_actions_mobile.html" %}
< / ul >
< / div >
< / div >
< / div >
< / div >
{% endif %}
2022-10-07 01:44:33 +00:00
{% if v and v.admin_level >= PERMS['POST_COMMENT_MODERATION_TOOLS_VISIBLE'] %}
2022-07-23 08:53:17 +00:00
{% include "post_admin_actions_mobile.html" %}
{% endif %}
{% endblock %}
{% block content %}
< div class = "row mb-3" >
< div id = "post-root" class = "col-12" >
2022-09-02 17:03:00 +00:00
< div class = "card border-0 mt-3 {% if p.stickied %}stickied{% endif %} {% if voted==1 %}upvoted{% elif voted==-1 %} downvoted{% endif %}" >
2022-11-25 17:49:37 +00:00
< div id = "post-{{p.id}}" class = "actual-post {% if p.ghost %}ghost-post{% endif %} {% if p.is_banned %}banned{% endif %} {% if p.deleted_utc %}deleted {% endif %} {% if p.award_count('tilt', v) %}p-3{% endif %} {% if p.award_count('glowie', v) %}glow{% endif %} d-flex flex-row-reverse flex-nowrap justify-content-end" >
2022-07-23 08:53:17 +00:00
{% 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" >
2022-11-21 17:37:38 +00:00
< a rel = "nofollow noopener" 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-mob-none" alt = "Unable to load image" > < / a >
2022-07-23 08:53:17 +00:00
< / div >
{% endif %}
2022-09-02 17:03:00 +00:00
< div id = "post-content" class = "card-block w-100 my-md-auto" >
2022-07-23 08:53:17 +00:00
< div class = "post-meta text-left mb-2" >
2022-11-19 19:54:07 +00:00
{{ macros.post_meta(p) }}
2022-07-23 08:53:17 +00:00
< / div >
2022-08-11 13:09:39 +00:00
{% if p.active_flags(v) %}
2022-11-20 00:10:35 +00:00
< div id = "flaggers-{{p.id}}" class = "flaggers d-none" >
2022-09-08 17:24:00 +00:00
< strong > < i class = "far fa-fw fa-flag" > < / i > Reported by:< / strong >
2022-10-29 00:38:39 +00:00
< ul class = "mt-1 mb-0" style = "padding-left:20px; word-wrap:break-word" >
2022-07-23 08:53:17 +00:00
{% for f in p.filtered_flags(v) %}
2022-11-03 19:08:22 +00:00
< 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 >= PERMS['FLAGS_REMOVE'] %}< button type = "button" onclick = "postToastSwitch(this,'/del_report/post/{{f.post_id}}/{{f.user_id}}')" > [remove]< / button > {% endif %}< / li >
2022-07-23 08:53:17 +00:00
{% endfor %}
< / ul >
< / div >
{% endif %}
{% if p.realurl(v) and not v_forbid_deleted %}
2022-09-06 04:26:36 +00:00
< h1 id = "post-title" class = "card-title post-title text-left mb-md-3 {% if p.author.agendaposter and p.sub != 'chudrama' %}agendaposter{% endif %}" >
2022-11-21 17:37:38 +00:00
< a { % if p . author . rainbow % } class = "rainbow-text" { % endif % } { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener" href = "{{p.realurl(v)}}" >
2022-09-06 04:26:36 +00:00
{% 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 >
2022-07-23 08:53:17 +00:00
{% else %}
2022-09-06 04:16:41 +00:00
< h1 id = "post-title" class = "card-title post-title text-left mb-md-3 {% if p.author.agendaposter and p.sub != 'chudrama' %}agendaposter{% endif %} {% if p.author.rainbow %}rainbow-text{% endif %}" >
2022-07-23 08:53:17 +00:00
{% 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 %}
{% if not v_forbid_deleted %}
< div id = "post-body" class = "post-body mt-3" >
2022-12-04 20:49:35 +00:00
{% if p.realurl(v) and not p.embed_url and not p.is_image and not p.is_video and not p.is_audio %}
< a rel = "nofollow noopener" href = "{{p.realurl(v)}}" { % if not v or v . newtabexternal % } target = "_blank" { % endif % } >
< div class = "d-flex justify-content-between align-items-center border rounded p-2 mb-3" >
< span > {{p.realurl(v)}}< / span >
< i class = "fas fa-external-link-alt text-small" > < / i >
< / div >
< / a >
{% endif %}
2022-07-23 08:53:17 +00:00
{% if p.embed_url %}
{% if p.domain == "twitter.com" %}
{{p.embed_url | safe}}
{% if v and v.theme.split("_")[0] in ["light", "coffee", "4chan"] %}
2022-11-18 19:16:40 +00:00
< script defer src = "{{'js/vendor/twitterlight.js' | asset}}" > < / script >
2022-07-23 08:53:17 +00:00
{% else %}
2022-11-18 19:16:40 +00:00
< script defer src = "{{'js/vendor/twitter.js' | asset}}" > < / script >
2022-07-23 08:53:17 +00:00
{% 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 %}
2022-09-06 04:23:15 +00:00
< div id = "post-text" class = "{% if p.author.agendaposter and p.sub != 'chudrama' %}agendaposter{% endif %} {% if p.author.rainbow %}rainbow-text{% endif %}" >
2022-07-23 08:53:17 +00:00
{% if p.is_image %}
2022-11-08 04:27:43 +00:00
< div class = "row no-gutters mb-4" >
2022-07-23 08:53:17 +00:00
< div class = "col" >
2022-11-21 17:37:38 +00:00
< a { % if not v or v . newtabexternal % } target = "_blank" { % endif % } rel = "nofollow noopener" href = "{{p.realurl(v)}}" >
2022-08-24 16:43:08 +00:00
< img onclick = "expandDesktopImage()" src = "{{p.realurl(v)}}" class = "img-fluid" style = "max-height:500px" alt = "Unable to load image" >
2022-07-23 08:53:17 +00:00
< / a >
< / div >
< / div >
{% elif p.is_video %}
2022-11-08 04:27:43 +00:00
< div class = "row no-gutters mb-4" >
2022-07-23 08:53:17 +00:00
< div class = "col" >
2022-10-20 20:26:39 +00:00
< video controls preload = "none" src = "{{p.realurl(v)}}" > < / video >
2022-07-23 08:53:17 +00:00
< / div >
< / div >
2022-11-03 15:44:26 +00:00
{% elif p.is_audio %}
2022-11-08 04:27:43 +00:00
< div class = "row no-gutters mb-4" >
2022-07-23 08:53:17 +00:00
< div class = "col" >
2022-10-20 20:26:39 +00:00
< audio controls preload = "none" src = "{{p.realurl(v)}}" > < / audio >
2022-07-23 08:53:17 +00:00
< / div >
2022-11-14 22:26:39 +00:00
< / div >
2022-07-23 08:53:17 +00:00
{% endif %}
{{p.realbody(v) | safe}}
{% if p.is_banned and p.ban_reason %}
2022-10-13 11:55:29 +00:00
< div class = "text-removed mb-0" > removed by @{{p.ban_reason}} (Admin)< / div >
2022-07-23 08:53:17 +00:00
{% endif %}
< / div >
< / div >
{% else %}
< div id = "post-body" class = "post-body mt-3" >
< div id = "post-text" > < code > [Deleted by author.]< / code > < / div >
< / div >
{% endif %}
2022-12-01 22:04:10 +00:00
{% if v and v.can_edit(p) and not v.is_suspended %}
2022-07-23 08:53:17 +00:00
< 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" >
2022-11-15 09:19:08 +00:00
< input type = "hidden" name = "formkey" value = "{{v|formkey}}" >
2022-07-23 08:53:17 +00:00
< input type = "hidden" name = "current_page" value = "{{request.path}}" >
2022-11-11 14:47:51 +00:00
< textarea id = "post-edit-title" autocomplete = "off" max-length = "500" name = "title" class = "comment-box form-control rounded" required placeholder = "title" > {{p.title}}< / textarea >
2022-08-11 11:39:38 +00:00
< textarea autocomplete = "off" name = "body" { % if v . longpost % } minlength = "280" { % endif % } maxlength = "{% if v.bird %}140{% else %}20000{% endif %}" data-preview = "post-edit-{{p.id}}" oninput = "markdown(this);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 >
2022-07-23 08:53:17 +00:00
< 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" >
2022-10-28 23:35:14 +00:00
< button type = "button" class = "format btn btn-secondary" > < 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" title = "Add GIF" > GIF< / span > < / button >
2022-09-09 23:52:52 +00:00
< div onclick = "loadEmojis('post-edit-box-{{p.id}}')" class = "format btn btn-secondary" role = "button" aria-hidden = "true" data-bs-toggle = "modal" data-bs-target = "#emojiModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add Emoji" > < i class = "fas fa-smile-beam" > < / i > < / div >
2022-07-23 08:53:17 +00:00
< 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 = "fas fa-file" > < / i > < / div >
2022-11-15 09:19:08 +00:00
< input autocomplete = "off" id = "file-upload-edit-{{p.id}}" accept = "image/*, video/*, audio/*" type = "file" multiple = "multiple" name = "file" { % if g . is_tor % } disabled { % endif % } onchange = "changename('filename-show-edit-{{p.id}}','file-upload-edit-{{p.id}}')" hidden >
2022-07-23 08:53:17 +00:00
< / label >
< small class = "format d-none" > < i class = "fas fa-link" aria-hidden = "true" > < / i > < / small >
< / div >
2022-10-29 01:26:41 +00:00
< button type = "submit" form = "post-edit-form-{{p.id}}" class = "btn btn-primary ml-2 fl-r" onclick = "disable(this);remove_dialog()" > Save Edit< / button >
2022-10-28 22:51:10 +00:00
< button type = "button" onclick = "togglePostEdit('{{p.id}}');remove_dialog()" class = "btn btn-link text-muted ml-auto cancel-form fl-r" > Cancel< / button >
2022-07-23 08:53:17 +00:00
< / form >
< div id = "post-edit-{{p.id}}" class = "preview mb-3 mt-5" > < / div >
2022-12-09 10:54:29 +00:00
< div class = "form-text text-small p-0 m-0" > < a href = "/formatting" { % if v and v . newtab % } data-target = "t" target = "_blank" { % endif % } > Formatting help< / a > < / div >
2022-07-23 08:53:17 +00:00
< / div >
{% endif %}
{% if p.embed_url and "http" not in p.embed_url and "< " not in p.embed_url %}
2022-10-18 11:18:06 +00:00
< div id = "crosspost-embed" class = "mb-3" >
< 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 >
2022-07-23 08:53:17 +00:00
< / 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" >
2022-12-09 10:54:29 +00:00
< a class = "list-inline-item" { % if v and v . newtab % } data-target = "t" target = "_blank" { % endif % } href = "{{p.permalink}}" >
2022-11-06 06:17:18 +00:00
< i class = "fas fa-comment-dots mr-2" > < / i > {{p.comment_count}}
< span class = "text-info d-none {{p.id}}-new-comments" > < / span >
< / a >
2022-07-23 08:53:17 +00:00
2022-12-01 22:04:10 +00:00
{% if v and v.can_edit(p) %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "list-inline-item" onclick = "togglePostEdit('{{p.id}}')" > < i class = "fas fa-edit" > < / i > Edit< / button >
2022-07-23 08:53:17 +00:00
{% endif %}
{% if v and v.id != p.author_id and p.body and not v_forbid_deleted %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "list-inline-item" onclick = "expandMarkdown('{{p.id}}','p')" > < i class = "fas text-expand-icon-{{p.id}} fa-expand-alt" > < / i > < span class = "expand-text-p-{{p.id}}" > View source< / span > < / button >
2022-07-23 08:53:17 +00:00
{% endif %}
{% include 'post_actions.html' %}
< / ul >
< / div >
< / div >
< / div >
{% if v %}
2022-10-23 17:57:38 +00:00
< div id = "voting" class = "voting d-mob-none mb-auto" >
2022-08-30 21:45:52 +00:00
< div tabindex = "0" role = "button" onclick = "vote('post', '{{p.id}}', '1')" class = "post-{{p.id}}-up mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}" > < / div >
2022-07-23 08:53:17 +00:00
2022-10-13 14:44:05 +00:00
< span class = "post-score-{{p.id}} 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" title = "+{{ups}} | -{{downs}}" style = "cursor: default" > {{score}}< / span >
2022-08-30 21:44:04 +00:00
< div { % if DISABLE_DOWNVOTES % } style = "display:None!important" { % endif % } tabindex = "0" role = "button" onclick = "vote('post', '{{p.id}}', '-1')" class = "post-{{p.id}}-down text-muted mx-auto arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}" > < / div >
2022-07-23 08:53:17 +00:00
< / div >
{% else %}
2022-10-23 17:57:38 +00:00
< div id = "voting" class = "voting d-mob-none mb-auto" >
2022-11-19 21:33:59 +00:00
< div tabindex = "0" role = "button" class = "post-{{p.id}}-up arrow-up mx-auto" onclick = "location.href='/login?redirect={{request.full_path | urlencode}}';" >
2022-07-23 08:53:17 +00:00
< / div >
2022-10-13 14:44:05 +00:00
< span class = "post-{{p.id}}-score-none score text-muted{% if p.controversial %} controversial{% endif %}" { % if not p . is_banned % } data-bs-toggle = "tooltip" data-bs-placement = "right" title = "+{{ups}} | -{{downs}}" { % endif % } style = "cursor: default" > {{score}}< / span >
2022-11-19 21:33:59 +00:00
< div { % if DISABLE_DOWNVOTES % } style = "display:None!important" { % endif % } tabindex = "0" role = "button" onclick = "vote('post', '{{p.id}}', '-1')" class = "post-{{p.id}}-down arrow-down mx-auto" onclick = "location.href='/login?redirect={{request.full_path | urlencode}}';" > < / div >
2022-07-23 08:53:17 +00:00
< / div >
{% endif %}
< / div >
< / div >
< / div >
< / 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}}" >
2022-11-05 02:00:21 +00:00
< i class = "fas fa-comment-dots mr-2" > < / i > {{p.comment_count}}
2022-07-23 08:53:17 +00:00
< span class = "text-info d-none {{p.id}}-new-comments" > < / span >
< / a >
2022-10-07 01:44:33 +00:00
{% if v and v.admin_level >= PERMS['POST_COMMENT_MODERATION_TOOLS_VISIBLE'] %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "ml-2" data-bs-toggle = "modal" data-bs-target = "#adminModal-{{p.id}}" >
2022-07-23 08:53:17 +00:00
< i class = "fas fa-broom" > < / i >
2022-10-28 23:27:38 +00:00
< / button >
2022-07-23 08:53:17 +00:00
{% endif %}
< / li >
{% if v %}
< li class = "list-inline-item" >
2022-10-28 23:35:14 +00:00
< button type = "button" data-bs-toggle = "modal" data-bs-target = "#actionsModal" >
2022-07-23 08:53:17 +00:00
< i class = "fas fa-ellipsis-h" > < / i >
2022-10-28 22:30:28 +00:00
< / button >
2022-07-23 08:53:17 +00:00
< / 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 %}
2022-10-18 15:16:16 +00:00
< span tabindex = "0" role = "button" onclick = "vote('post-mobile', '{{p.id}}', '1')" class = "post-mobile-{{p.id}}-up mx-0 pr-1 arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}" >
2022-07-23 08:53:17 +00:00
< / span >
{% else %}
2022-11-19 21:33:59 +00:00
< span tabindex = "0" class = "arrow-{{p.id}}-mobile-up mx-0 pr-1 arrow-mobile-up" onclick = "location.href='/login?redirect={{request.full_path | urlencode}}';" >
2022-07-23 08:53:17 +00:00
< i class = "fas fa-arrow-alt-up mx-0" aria-hidden = "true" > < / i >
< / span >
{% endif %}
2022-10-18 15:16:16 +00:00
< span class = "post-mobile-score-{{p.id}} 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" title = "+{{ups}} | -{{downs}}" style = "cursor: default" > {{score}}< / span >
2022-07-23 08:53:17 +00:00
{% if v %}
2022-08-30 21:44:04 +00:00
< span { % if DISABLE_DOWNVOTES % } style = "display:None!important" { % endif % } tabindex = "0" role = "button" onclick = "vote('post-mobile', '{{p.id}}', '-1')" class = "post-mobile-{{p.id}}-down mx-0 pl-1 my-0 arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}" > < / span >
2022-07-23 08:53:17 +00:00
{% else %}
2022-11-19 21:33:59 +00:00
< span { % if DISABLE_DOWNVOTES % } style = "display:None!important" { % endif % } tabindex = "0" class = "arrow-{{p.id}}-mobile-down arrow-mobile-down mx-0 pl-1 my-0" onclick = "location.href='/login?redirect={{request.full_path | urlencode}}';" >
2022-07-23 08:53:17 +00:00
< i class = "fas fa-arrow-alt-down mx-0" aria-hidden = "true" > < / i >
< / span >
{% endif %}
< / li >
< / ul >
< / div >
< / div >
< / div >
{% if v and v.id != p.author_id and p.body and not v_forbid_deleted %}
2022-08-30 05:37:11 +00:00
< div autocomplete = "off" class = "markdown d-none card border my-2 p-3 comment-box form-control rounded" id = "markdown-{{p.id}}" readonly > {{p.body.strip()}}< / div >
2022-07-23 08:53:17 +00:00
{% 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" >
2022-12-01 22:04:10 +00:00
< button type = "button" class = "btn btn-secondary dropdown-toggle" id = "dropdownMenuButton" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" style = "margin-right:0.5em;" >
2022-10-11 16:41:09 +00:00
{% if sort=="hot" %}< i class = "fas fa-fire mr-1" > < / i > {% endif %}
2022-07-23 08:53:17 +00:00
{% 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);" >
2022-10-11 16:41:09 +00:00
{% if sort != "hot" %}< a class = "dropdown-item" href = "?sort=hot" > < i class = "fas fa-fire mr-2" > < / i > Hot< / a > {% endif %}
2022-07-23 08:53:17 +00:00
{% 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 >
< / div >
< / div >
2022-11-02 15:11:25 +00:00
{% if not p.deleted_utc %}
2022-12-09 03:35:28 +00:00
{{macros.comment_reply_box(p.fullname, 'comment-reply-' + p.fullname, '', 'mb-3', '', true, '/comments/')}}
2022-07-23 08:53:17 +00:00
{% endif %}
2022-12-07 08:55:47 +00:00
{% if comment_info %}
< div class = "total mt-1" > < a href = "{{p.permalink}}" > View entire discussion< / a > < / div >
{% endif %}
2022-07-23 09:08:02 +00:00
{% if p.replies %}
< div class = "comment-section" id = "replies-of-{{p.fullname}}" >
2022-07-23 08:53:17 +00:00
{% with comments=p.replies %}
{% include "comments.html" %}
2022-07-23 09:08:02 +00:00
{% endwith %}
< / div >
{% if offset %}
< script >
function viewmore(pid,sort,offset,ids) {
btn = document.getElementById("viewbtn");
btn.disabled = true;
btn.innerHTML = "Requesting...";
const form = new FormData();
const xhr = new XMLHttpRequest();
xhr.open("get", `/viewmore/${pid}/${sort}/${offset}?ids=${ids}`);
xhr.setRequestHeader('xhr', 'xhr');
xhr.onload=function(){
if (xhr.status==200) {
let e = document.getElementById(`viewmore-${offset}`);
e.innerHTML = xhr.response.replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, '');
bs_trigger(e)
comments = JSON.parse(localStorage.getItem("old-comment-counts")) || {}
lastCount = comments['{{p.id}}']
if (lastCount)
{
{% for c in p.comments %}
{% if not (v and v.id==c.author_id) and not c.voted %}
if ({{c.created_utc*1000}} > lastCount.t)
try {document.getElementById("comment-{{c.id}}-only").classList.add('unread')}
catch(e) {}
{% endif %}
{% endfor %}
}
2022-07-23 08:53:17 +00:00
}
2022-07-23 09:08:02 +00:00
btn.disabled = false;
2022-07-23 08:53:17 +00:00
}
2022-07-23 09:08:02 +00:00
xhr.send(form)
2022-07-23 08:53:17 +00:00
}
2022-07-23 09:08:02 +00:00
< / script >
{% endif %}
2022-07-23 08:53:17 +00:00
{% elif not p.replies and p.deleted_utc == 0 %}
2022-10-31 23:12:28 +00:00
< div class = "comment-section" id = "replies-of-{{p.fullname}}" >
< div class = "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 >
< h5 > Be the first to comment!< / h5 >
{% if v %}
< p class = "text-muted" > This comment section is a ghost town...< / p >
{% else %}
2022-11-19 21:33:59 +00:00
< p class = "text-muted" > This comment section is a ghost town. < a href = "/login?redirect={{request.full_path | urlencode}}" > Sign in< / a > < / p >
2022-10-31 23:12:28 +00:00
{% endif %}
< / div >
2022-07-23 08:53:17 +00:00
< / div >
{% endif %}
< / div >
< / div >
{% if v and v.id==p.author_id %}
2022-11-15 19:14:29 +00:00
{% include "modals/delete_post.html" %}
2022-07-23 08:53:17 +00:00
{% endif %}
{% if v %}
2022-11-15 19:14:29 +00:00
{% include "modals/report_post.html" %}
2022-07-23 08:53:17 +00:00
{% endif %}
2022-12-01 22:04:10 +00:00
{% if v and v.can_edit(p) %}
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/togglePostEdit.js' | asset}}" > < / script >
2022-07-23 08:53:17 +00:00
{% endif %}
{% if not v or v.highlightcomments %}
2022-10-14 18:41:03 +00:00
< script defer src = "{{'js/highlightcomments.js' | asset}}" > < / script >
{% endif %}
2022-10-29 01:54:39 +00:00
{% if v and v.admin_level >= PERMS['POST_COMMENT_MODERATION'] %}
2022-10-14 18:41:03 +00:00
< script defer src = "{{'js/pinpost.js' | asset}}" > < / script >
2022-07-23 08:53:17 +00:00
{% endif %}
2022-11-18 19:16:40 +00:00
< script defer src = "{{'js/vendor/clipboard.js' | asset}}" > < / script >
2022-07-23 08:53:17 +00:00
{% if not p.replies %}
{% include "comments.html" %}
{% endif %}
< script >
2022-11-18 19:34:38 +00:00
{% if not v or v.highlightcomments %}
document.addEventListener('DOMContentLoaded', function() {
showNewCommentCounts('{{p.id}}', {{p.comment_count}})
{% if "?context" not in request.full_path %}
localStorage.setItem("old-comment-counts", localStorage.getItem("comment-counts"))
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 %}
})
{% endif %}
2022-07-23 08:53:17 +00:00
< / script >
{% if success %}
< script >
history.pushState(null, null, '{{p.permalink}}');
2022-08-15 06:42:59 +00:00
localStorage.setItem("post-title", "")
localStorage.setItem("post-text", "")
localStorage.setItem("post-url", "")
2022-07-23 08:53:17 +00:00
localStorage.setItem("sub", "")
2022-08-15 06:42:59 +00:00
2022-11-09 19:25:52 +00:00
localStorage.setItem("post-notify", true)
2022-08-15 06:42:59 +00:00
localStorage.setItem("post-new", false)
localStorage.setItem("post-nsfw", false)
localStorage.setItem("post-private", false)
2022-11-09 19:25:52 +00:00
localStorage.setItem("post-ghost", false)
2022-07-23 08:53:17 +00:00
< / script >
{% endif %}
{% if fart and not (v and v.has_badge(128)) %}
< script >
fart = Math.floor(Math.random() * 5) + 1
let audio = new Audio(`/assets/images/${fart}.webp`);
audio.play();
if (audio.paused) {
window.addEventListener('click', () => {
if (audio.paused) audio.play();
}, {once : true})
}
< / script >
{% endif %}
2022-10-25 13:41:49 +00:00
{% if v and v.admin_level >= PERMS['POST_COMMENT_MODERATION'] %}
< script defer src = "{{'js/submission_admin.js' | asset}}" > < / script >
{% endif %}
2022-07-23 08:53:17 +00:00
{% endblock %}