forked from rDrama/rDrama
175 lines
8.4 KiB
HTML
175 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
|
|
<script src="/assets/js/submit.js?v=53"></script>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="icon" type="image/png" href="/assets/images/{{'SITE_NAME' | app_config}}/icon.webp">
|
|
|
|
{% include "emoji_modal.html" %}
|
|
{% include "gif_modal.html" %}
|
|
|
|
{% block title %}
|
|
<title>Create a post - {{'SITE_NAME' | app_config}}</title>
|
|
{% endblock %}
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
|
|
|
|
|
|
{% block stylesheets %}
|
|
{% if v %}
|
|
<style>:root{--primary:#{{v.themecolor}}}</style>
|
|
<link rel="stylesheet" href="/assets/css/main.css?v=74"><link rel="stylesheet" href="/assets/css/{{v.theme}}.css?v=74">
|
|
{% if v.agendaposter %}<link rel="stylesheet" href="/assets/css/agendaposter.css?v=74">{% elif v.css %}<link rel="stylesheet" href="/@{{v.username}}/css">{% endif %}
|
|
{% else %}
|
|
<style>:root{--primary:#{{'DEFAULT_COLOR' | app_config}}</style>
|
|
<link rel="stylesheet" href="/assets/css/main.css?v=74">
|
|
<link rel="stylesheet" href="/assets/css/{{'DEFAULT_THEME' | app_config}}.css?v=74">
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
<link href="/assets/css/fa.css?v=52" rel="stylesheet"> </head>
|
|
|
|
<body id="submit" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}) no-repeat center center fixed !important; background-size: cover!important; background-color: #000!important;{% endif %}display: block;">
|
|
|
|
{% include "header.html" %}
|
|
|
|
{% block form %}
|
|
|
|
|
|
<div class="submit-grid-view">
|
|
<form id="submitform" action="/submit" method="post" enctype="multipart/form-data" style="grid-column: 2">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-center mb-5">
|
|
|
|
<div class="col p-3 py-md-0">
|
|
|
|
<h1 class="d-none d-md-block mt-3">Create a post</h1>
|
|
|
|
<h2 class="h3 d-md-none mt-5">Create a post</h2>
|
|
|
|
<div class="body">
|
|
|
|
<input type="hidden" name="formkey" value="{{v.formkey}}">
|
|
|
|
<label for="title">Post Title</label>
|
|
|
|
|
|
<input class="form-control" id="post-title" aria-describedby="titleHelpRegister" type="text" name="title" placeholder="Required" value="{{title}}" minlength="1" maxlength="500" required oninput="checkForRequired()">
|
|
|
|
<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn-2">
|
|
<div id="emoji-reply-btn-2" onclick="loadEmojis('post-title')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
|
|
</label>
|
|
|
|
<div id="urlblock">
|
|
<label for="URL" class="mt-3">URL</label>
|
|
<input class="form-control" id="post-URL" aria-describedby="URLHelp" type="url" name="url" placeholder="Optional if you have text." value="{{request.values.get('url','')}}" required oninput="checkForRequired();autoSuggestTitle();hide_image()">
|
|
<small class="form-text text-muted">To post an image, use a direct image link such as i.imgur.com</small>
|
|
</div>
|
|
|
|
<div id="image-upload-block">
|
|
<div><label class="mt-3">Attachment Upload</label></div>
|
|
|
|
<img loading="lazy" id="image-preview" class="w-100">
|
|
<label class="btn btn-secondary m-0" for="file-upload">
|
|
<div id="filename-show">Select File</div>
|
|
<input id="file-upload" type="file" name="file" accept="image/*, video/*" hidden>
|
|
</label>
|
|
<small class="form-text text-muted">Optional if you have text.</small>
|
|
<small class="form-text text-muted">You can upload videos up to 1 minute long.</small>
|
|
</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="" data-bs-original-title="Uses markdown. Limited to 10000 characters."></i></label>
|
|
|
|
<div>
|
|
<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="3" name="body" oninput="markdown();charLimit('post-text','character-count-submit-text-form');checkForRequired()" maxlength="10000" required></textarea>
|
|
|
|
<div class="btn btn-secondary" onclick="document.getElementById('preview').classList.toggle('d-none');" style="float: right;">
|
|
Toggle preview
|
|
</div>
|
|
<div id="preview" class="my-3"></div>
|
|
|
|
<span class="position-absolute text-small font-weight-bold" id="character-count-submit-text-form" style="right: 1rem; bottom: 0.5rem; z-index: 3;"></span>
|
|
</div>
|
|
|
|
<p></p>
|
|
<small class="btn btn-secondary format d-inline-block m-0">
|
|
<i class="fas fa-bold" aria-hidden="true" onclick="makeBold('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Bold"></i>
|
|
</small>
|
|
|
|
<small class="btn btn-secondary format d-inline-block m-0">
|
|
<i class="fas fa-italic" aria-hidden="true" onclick="makeItalics('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Italicize"></i>
|
|
</small>
|
|
|
|
<small class="btn btn-secondary format d-inline-block m-0">
|
|
<i class="fas fa-quote-right" aria-hidden="true" onclick="makeQuote('post-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Quote"></i>
|
|
</small>
|
|
|
|
<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="" data-bs-original-title="Add GIF">GIF</span></small>
|
|
|
|
<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn">
|
|
<div id="emoji-reply-btn" onclick="loadEmojis('post-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
|
|
</label>
|
|
|
|
<pre></pre>
|
|
<div class="form-text text-small"><a href="/formatting" target="_blank">Formatting help</a></div>
|
|
<pre></pre>
|
|
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="nsfwCheck" name="over_18">
|
|
<label class="custom-control-label" for="nsfwCheck">+18</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="privateCheck" name="private">
|
|
<label class="custom-control-label" for="privateCheck">Draft</label>
|
|
</div>
|
|
|
|
{% if v.admin_level == 6 or (v.coins >= 750 and not v.club_banned) %}
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="clubCheck" name="club">
|
|
<label class="custom-control-label" for="clubCheck">Country Club thread</label>
|
|
</div>
|
|
{% endif %}
|
|
<pre>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</pre>
|
|
</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">
|
|
{% if error %}<span class="text-danger mr-2">{{error}}</span>{% endif %}
|
|
<button class="btn btn-outline-purple" id="create_button" type="submit" disabled>Post</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
{% endblock %}
|
|
</body>
|
|
|
|
</html>
|