2022-11-21 08:52:22 +00:00
{%- extends 'default.html' -%}
{% block pagetitle %}Create a Post{% endblock %}
{% block pagetype %}submit{% endblock %}
{% block template_config %}
{% set root_scope.include_user_css = true %}
{% set root_scope.include_cf_2fa_verify = false %}
{% endblock %}
{% block banner %}{% endblock %}
2022-11-22 23:13:23 +00:00
{% block mobilenavbar %}{% endblock %}
2022-11-21 08:52:22 +00:00
{% block content %}
2022-05-04 23:09:46 +00:00
{% block form %}
< div class = "submit-grid-view" >
2023-08-11 09:47:59 +00:00
< form id = "submitform" action = "{% if SITE == 'watchpeopledie.tv' %}https://videos.watchpeopledie.tv{% elif sub %}/h/{{sub}}{% endif %}/submit" method = "post" enctype = "multipart/form-data" style = "grid-column: 2" data-nonce = "{{g.nonce}}" data-onsubmit = "submit(this)" >
2023-02-25 18:10:18 +00:00
< div class = "container pb-0" >
< div class = "row justify-content-center" >
< div class = "col px-3 py-0" >
2022-05-04 23:09:46 +00:00
< h2 class = "mt-3" > Create a post< / h2 >
< div class = "body" >
2023-01-24 05:10:16 +00:00
< input hidden name = "formkey" value = "{{v|formkey}}" >
2022-06-23 09:02:49 +00:00
< label class = 'mt-4' for = "title" > {{HOLE_NAME|capitalize}}< / label >
2023-03-21 17:12:38 +00:00
< div class = "input-group" >
2022-06-26 01:01:21 +00:00
{%- set hole_placeholder = 'Required' if HOLE_REQUIRED else 'Optional' -%}
2023-02-08 07:30:29 +00:00
< input list = "subs" autocomplete = "off" id = 'sub' class = "form-control" form = "submitform" name = "sub" data-nonce = "{{g.nonce}}" data-oninput = "savetext()" { % if sub % } value = "{{sub}}" { % endif % } placeholder = "{{hole_placeholder}}" { % if HOLE_REQUIRED % } required { % endif % } >
2022-05-04 23:09:46 +00:00
< datalist id = "subs" >
{% for s in SUBS %}
< option value = "{{s}}" > < / option >
{% endfor %}
< / datalist >
< / div >
< label class = 'mt-4' for = "title" > Post Title< / label >
2023-08-06 03:26:16 +00:00
< textarea autocomplete = "off" class = "form-control allow-emojis" id = "post-title" type = "text" name = "title" placeholder = "Required" value = "{{title}}" minlength = "1" maxlength = "500" required data-nonce = "{{g.nonce}}" data-oninput = "checkForRequired();savetext()" > < / textarea >
2023-02-27 17:25:38 +00:00
< button type = "button" data-nonce = "{{g.nonce}}" data-onclick = "loadEmojis('post-title')" class = "btn btn-secondary format d-inline-block m-0" id = "emoji-reply-btn-2" 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 > < / button >
2022-05-04 23:09:46 +00:00
< div id = "urlblock" >
2023-02-08 04:19:23 +00:00
< label for = "URL" class = "mt-3" > URL< / label >
2023-08-11 16:19:06 +00:00
< input autocomplete = "off" class = "form-control" id = "post-url" name = "url" type = "url" placeholder = "Optional if you have text." value = "{{request.values.get('url','')}}" required data-nonce = "{{g.nonce}}" data-oninput = "checkForRequired();savetext();checkRepost();autoSuggestTitle()" >
2023-06-30 21:34:15 +00:00
< h5 id = "system" class = "mt-2 form-text font-weight-bold text-danger" > < / h5 >
2022-05-04 23:09:46 +00:00
< / div >
< div id = "image-upload-block" >
< div > < label class = "mt-3" > Attachment Upload< / label > < / div >
2023-08-11 16:19:06 +00:00
< div style = "display:flex;align-items:center" >
< img loading = "lazy" id = "image-preview" style = "max-width:50%" >
< label class = "btn btn-secondary m-0 ml-2 mr-1" for = "file-upload" >
< div > Select File< / div >
< input autocomplete = "off" id = "file-upload" accept = "image/*, video/*, audio/*" type = "file" name = "file-url" { % if g . is_tor % } disabled { % endif % } hidden >
< / label >
< button id = "remove-attachment" type = "button" style = "font-size:25px" class = "text-danger font-weight-bold ml-2 d-none" data-bs-toggle = "tooltip" title = "Remove Attachment" data-nonce = "{{g.nonce}}" data-onclick = "remove_attachment()" > X< / button >
< / div >
2022-05-04 23:09:46 +00:00
< small class = "form-text text-muted" > Optional if you have text.< / small >
2022-11-14 22:26:39 +00:00
< small class = "form-text text-muted" > You can upload images, videos, or audio.< / small >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
2023-03-03 07:23:05 +00:00
< label class = "mt-3" > Text< i class = "fas fa-info-circle text-gray-400 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "top" title = "Uses markdown. Limited to {{POST_BODY_LENGTH_LIMIT(v)}} characters." > < / i > < / label >
2023-02-28 19:36:14 +00:00
< textarea form = "submitform" id = "post-text" class = "file-ta form-control rounded" placeholder = "Optional if you have a link or an image." rows = "7" name = "body" data-preview = "preview" data-nonce = "{{g.nonce}}" data-oninput = "markdown(this);charLimit('post-text','character-count-submit-text-form');checkForRequired();savetext()" { % if v . longpost % } minlength = "280" { % endif % } maxlength = "{% if v.bird %}140{% else %}{{POST_BODY_LENGTH_LIMIT(v)}}{% endif %}" required > < / textarea >
2023-08-12 18:56:01 +00:00
< div class = "ghostdiv" style = "display:none" > < / div >
2023-09-15 11:01:04 +00:00
< div class = "text-small font-weight-bold mt-1" id = "character-count-submit-text-form" style = "right: 1rem; bottom: 0.5rem; z-index: 3" > < / div >
2023-02-27 15:02:35 +00:00
2023-08-14 14:28:27 +00:00
{{macros.file_input('file-upload-submit', 'post-text')}}
2023-02-27 15:02:35 +00:00
2022-05-04 23:09:46 +00:00
< div id = "preview" class = "preview my-3" > < / div >
2023-02-06 04:57:09 +00:00
< div class = "form-text text-small mt-1 mb-3" > < a href = "/formatting" { % if v and v . newtab % } data-target = "t" target = "_blank" { % endif % } > Formatting help< / a > < / div >
2022-09-10 07:00:45 +00:00
< div class = "custom-control custom-checkbox" >
2022-12-30 12:14:18 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-notify" name = "notify" data-nonce = "{{g.nonce}}" data-onchange = "savetext()" checked >
2023-01-24 05:10:16 +00:00
< input hidden name = "notify" value = "off" >
2022-09-10 07:00:45 +00:00
< label class = "custom-control-label" for = "post-notify" > Notify followers< / label >
< / div >
2022-05-04 23:09:46 +00:00
< div class = "custom-control custom-checkbox" >
2022-12-30 12:14:18 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-new" name = "new" data-nonce = "{{g.nonce}}" data-onchange = "savetext()" >
2022-08-15 06:42:59 +00:00
< label class = "custom-control-label" for = "post-new" > Make the default comment sorting "new"< / label >
2022-05-04 23:09:46 +00:00
< / div >
2023-02-01 18:52:34 +00:00
{% if FEATURES['NSFW_MARKING'] %}
< div class = "custom-control custom-checkbox" >
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-nsfw" name = "over_18" data-nonce = "{{g.nonce}}" data-onchange = "savetext()" >
2023-09-29 20:57:58 +00:00
< label class = "custom-control-label" for = "post-nsfw" > 18+< / label >
2023-02-01 18:52:34 +00:00
< / div >
{% endif %}
2022-05-04 23:09:46 +00:00
< div class = "custom-control custom-checkbox" >
2022-12-30 12:14:18 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-private" name = "private" data-nonce = "{{g.nonce}}" data-onchange = "savetext()" >
2022-08-15 06:42:59 +00:00
< label class = "custom-control-label" for = "post-private" > Draft< / label >
2022-05-04 23:09:46 +00:00
< / div >
2023-02-25 18:10:18 +00:00
< div class = "custom-control custom-checkbox {% if not v.can_post_in_ghost_threads %}d-none{% endif %}" >
2022-12-30 12:14:18 +00:00
< input data-nonce = "{{g.nonce}}" data-onchange = 'ghost_toggle(this)' autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-ghost" name = "ghost" >
2022-12-15 21:43:14 +00:00
< label class = "custom-control-label" for = "post-ghost" > Ghost thread< / label >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "container" >
2023-09-15 11:01:04 +00:00
< div class = "row fixed-bottom bg-white border-top p-3" style = "z-index: 100; bottom: 0px; transition: bottom 220ms cubic-bezier(0, 0, 0.2, 1) 0s" >
2023-02-08 07:15:37 +00:00
< div class = "col" >
< a href = "/" class = "btn btn-secondary" > Cancel< / a >
< / div >
2023-07-05 17:08:35 +00:00
< div class = "col text-right unbreakable" >
2023-02-27 17:25:38 +00:00
< span id = "upload-prog" class = "d-none mr-2" >
< progress max = "100" > < / progress >
< span > < / span >
2023-02-08 07:15:37 +00:00
< / span >
2023-06-30 15:54:39 +00:00
< button type = "submit" class = "btn btn-primary donotdisable" id = "submit-btn" type = "submit" > Post< / button >
2022-05-04 23:09:46 +00:00
< / div >
2023-02-08 07:15:37 +00:00
< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / form >
< / div >
{% endblock %}
2022-11-18 19:16:40 +00:00
< script defer src = "{{'js/vendor/marked.js' | asset}}" > < / script >
< script defer src = "{{'js/markdown.js' | asset}}" > < / script >
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/submit.js' | asset}}" > < / script >
2022-11-15 19:14:29 +00:00
{% include "modals/emoji.html" %}
{% include "modals/gif.html" %}
2022-11-21 08:52:22 +00:00
{% endblock %}