2022-06-07 09:26:22 +00:00
{%- import 'util/helpers.html' as help -%}
2022-10-21 18:39:45 +00:00
{%- import 'html_head.html' as html_head with context -%}
2022-05-04 23:09:46 +00:00
<!DOCTYPE html>
< html lang = "en" >
2022-10-21 18:39:45 +00:00
{{html_head.html_head(true, false, true, none, "Create a post", none, "", false)}}
2022-11-01 04:21:32 +00:00
< body id = "submit" { % if SITE_NAME = = ' rDrama ' and v and ( v . is_banned or v . agendaposter ) % } style = "overflow-x: hidden;background:url(/assets/images/backgrounds/anime/1.webp?v=3) center center fixed; background-color: var(--background)" { % elif v and v . background % } style = "overflow-x: hidden; background:url(/assets/images/backgrounds/{{v.background}}?v=3) center center fixed; background-color: var(--background)display: block{% if 'anime' not in v.background %};background-size: cover{% endif %}" { % endif % } >
2022-05-04 23:09:46 +00:00
{% include "header.html" %}
{% block form %}
< div class = "submit-grid-view" >
2022-09-12 05:25:04 +00:00
< form id = "submitform" action = "{% if sub %}/h/{{sub}}{% endif %}/submit" method = "post" enctype = "multipart/form-data" style = "grid-column: 2" >
2022-05-04 23:09:46 +00:00
< div class = "container" >
< div class = "row justify-content-center mb-5" >
< div class = "col p-3 py-md-0" >
< h2 class = "mt-3" > Create a post< / h2 >
< div class = "body" >
2022-11-15 09:19:08 +00:00
< input type = "hidden" name = "formkey" value = "{{v|formkey}}" >
2022-05-04 23:09:46 +00:00
2022-06-23 09:02:49 +00:00
< label class = 'mt-4' for = "title" > {{HOLE_NAME|capitalize}}< / label >
2022-05-04 23:09:46 +00:00
< div class = "input-group mb2" >
2022-06-26 01:01:21 +00:00
{%- set hole_placeholder = 'Required' if HOLE_REQUIRED else 'Optional' -%}
2022-09-19 18:04:30 +00:00
< input list = "subs" autocomplete = "off" id = 'sub' class = "form-control" form = "submitform" name = "sub" oninput = "savetext()" { % if sub % } value = "{{sub}}" { % endif % } placeholder = "{{hole_placeholder}}" >
2022-05-04 23:09:46 +00:00
< datalist id = "subs" >
{% for s in SUBS %}
< option value = "{{s}}" > < / option >
{% endfor %}
< / datalist >
< / div >
2022-06-23 09:02:49 +00:00
2022-05-04 23:09:46 +00:00
< label class = 'mt-4' for = "title" > Post Title< / label >
2022-07-17 05:42:03 +00:00
< input autocomplete = "off" class = "form-control allow-emojis" id = "post-title" aria-describedby = "titleHelpRegister" type = "text" name = "title" placeholder = "Required" value = "{{title}}" minlength = "1" maxlength = "500" required oninput = "checkForRequired();savetext()" >
2022-05-04 23:09:46 +00:00
2022-09-09 23:52:52 +00:00
< div onclick = "loadEmojis('post-title')" class = "btn btn-secondary format d-inline-block m-0" id = "emoji-reply-btn-2" 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-05-04 23:09:46 +00:00
< div id = "urlblock" >
< label for = "URL" class = "mt-3" > URL< / label >
2022-06-29 01:31:59 +00:00
< input autocomplete = "off" class = "form-control" id = "post-url" aria-describedby = "URLHelp" name = "url" type = "url" placeholder = "Optional if you have text." value = "{{request.values.get('url','')}}" required oninput = "checkForRequired();hide_image();savetext();checkRepost(){% if SITE_NAME != 'PCM' %};autoSuggestTitle(){% endif %}" >
2022-07-01 18:29:12 +00:00
< small id = "system" class = "form-text text-muted" > To post an image, use a direct image link such as i.imgur.com< / small >
2022-05-04 23:09:46 +00:00
< / div >
< div id = "image-upload-block" >
< div > < label class = "mt-3" > Attachment Upload< / label > < / div >
< img loading = "lazy" id = "image-preview" style = "max-width:50%" >
< label class = "btn btn-secondary m-0" for = "file-upload" >
< div id = "filename-show" > Select File< / div >
2022-11-15 09:19:08 +00:00
< input autocomplete = "off" id = "file-upload" accept = "image/*, video/*, audio/*" type = "file" name = "file-url" { % if g . is_tor % } disabled { % endif % } hidden >
2022-05-04 23:09:46 +00:00
< / label >
< 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 >
< label for = "body" 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 20000 characters." > < / i > < / label >
2022-08-11 17:18:53 +00:00
< textarea form = "submitform" id = "post-text" class = "form-control rounded" aria-label = "With textarea" placeholder = "Optional if you have a link or an image." rows = "7" name = "body" data-preview = "preview" 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 %}20000{% endif %}" required > < / textarea >
2022-09-04 23:15:37 +00:00
< div class = "ghostdiv" style = "display:none;" > < / div >
2022-05-04 23:09:46 +00:00
2022-05-25 19:45:03 +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 >
2022-05-04 23:09:46 +00:00
< p > < / p >
2022-06-28 02:09:23 +00:00
< div class = "btn btn-secondary fl-r" onclick = "document.getElementById('preview').classList.toggle('d-none');" >
Toggle preview
< / div >
2022-09-04 23:15:37 +00:00
< small class = "btn btn-secondary format d-inline-block m-0" > < span class = "font-weight-bolder text-uppercase" aria-hidden = "true" onclick = "getGif();commentForm('post-text')" data-bs-toggle = "modal" data-bs-target = "#gifModal" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Add GIF" > GIF< / span > < / small >
2022-05-04 23:09:46 +00:00
2022-09-09 23:52:52 +00:00
< div onclick = "loadEmojis('post-text')" class = "btn btn-secondary format d-inline-block m-0" id = "emoji-reply-btn" 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-05-04 23:09:46 +00:00
< label class = "format btn btn-secondary m-0 ml-1 {% if v %}d-inline-block{% else %}d-none{% endif %}" for = "file-upload-submit" >
2022-05-22 22:15:29 +00:00
< div id = "filename-show-submit" > < i class = "fas fa-file" > < / i > < / div >
2022-11-15 09:19:08 +00:00
< input autocomplete = "off" id = "file-upload-submit" multiple = "multiple" accept = "image/*, video/*, audio/*" type = "file" name = "file" { % if g . is_tor % } disabled { % endif % } onchange = "changename('filename-show-submit','file-upload-submit');checkForRequired()" hidden >
2022-05-04 23:09:46 +00:00
< / label >
< div id = "preview" class = "preview my-3" > < / div >
2022-10-29 00:38:39 +00:00
< div class = "form-text text-small my-1" > < a href = "/formatting" { % if v and v . newtab and not g . webview % } target = "_blank" { % endif % } > Formatting help< / a > < / div >
2022-05-04 23:09:46 +00:00
2022-09-10 07:00:45 +00:00
< div class = "custom-control custom-checkbox" >
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-notify" name = "notify" onchange = "savetext()" checked >
2022-11-11 05:21:18 +00:00
< input type = "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-08-15 06:42:59 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-new" name = "new" onchange = "savetext()" >
< label class = "custom-control-label" for = "post-new" > Make the default comment sorting "new"< / label >
2022-05-04 23:09:46 +00:00
< / div >
< div class = "custom-control custom-checkbox" >
2022-08-15 06:42:59 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-nsfw" name = "over_18" onchange = "savetext()" >
< label class = "custom-control-label" for = "post-nsfw" > +18< / label >
2022-05-04 23:09:46 +00:00
< / div >
< div class = "custom-control custom-checkbox" >
2022-11-09 19:26:38 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-private" name = "private" 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 >
2022-07-20 01:50:08 +00:00
{% if FEATURES['COUNTRY_CLUB'] -%}
2022-05-04 23:09:46 +00:00
< div class = "custom-control custom-checkbox" >
2022-08-15 06:42:59 +00:00
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-club" name = "club" onchange = "savetext()" >
2022-10-08 00:43:04 +00:00
< label class = "custom-control-label" for = "post-club" > {{CC_TITLE}} thread {% if DUES < = 0 %}(hides threads from logged-out users){% endif %}< / label >
2022-05-04 23:09:46 +00:00
< / div >
2022-07-20 01:50:08 +00:00
{%- endif %}
2022-05-04 23:09:46 +00:00
2022-10-29 00:38:39 +00:00
< div class = "custom-control custom-checkbox mb-5" >
2022-11-14 17:20:04 +00:00
{% if v.can_post_in_ghost_threads %}
< input onchange = 'ghost_toggle(this)' autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "post-ghost" name = "ghost" >
< label class = "custom-control-label" for = "post-ghost" > Ghost thread< / label >
{% endif %}
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row fixed-bottom bg-white border-top p-3" id = "" style = "z-index: 100; bottom: 0px; transition: bottom 220ms cubic-bezier(0, 0, 0.2, 1) 0s;" >
< div class = "col" >
< a href = "/" class = "btn btn-secondary" > Cancel< / a >
< / div >
< div class = "col text-right" >
2022-10-27 22:37:24 +00:00
{% if error %}< span class = "text-danger text-large mr-2" > {{error | safe}}< / span > {% endif %}
2022-10-29 01:26:41 +00:00
< button type = "submit" class = "btn btn-primary" id = "create_button" type = "submit" onclick = "disable(this)" disabled > Post< / button >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / div >
< / form >
< / div >
{% endblock %}
{% if request.path == '/submit' %}
< script >
let sub = document.getElementById('sub')
if (sub) sub.value = localStorage.getItem("sub")
< / script >
{% endif %}
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/marked.js' | asset}}" > < / script >
< script defer src = "{{'js/submit.js' | asset}}" > < / script >
2022-05-04 23:09:46 +00:00
{% include "emoji_modal.html" %}
{% include "gif_modal.html" %}
< / body >
< / html >
