cwr/web/templates/thread.html
2025-10-23 09:37:46 -04:00

97 lines
5.5 KiB
HTML

<!DOCTYPE html>
{% extends "base.html" %}
{% load humanize %}
{% block head %}{% endblock %}
{% block content %}
<a href="{% url 'forum_threads' %}"> << Go Back</a>
<h2>{{ thread_category }} > {{ thread_name }}</h2>
<table>
<colgroup>
<col span="1" style="width: 15%;">
<col span="1" style="width: 70%;">
</colgroup>
{% for post in posts %}
<tr>
<td>
<small>
<b>{{ post.created_by }}</b> ({{ post.created_by.flair }})
<br>
joined {{ post.created_by.date_joined|naturaltime }}
</small>
</td>
<td style='vertical-align: top;'>
<small style="color:grey;">{{ post.created_at|naturaltime }}</small>
<br>
<br>
{{ post.content|safe }}
</td>
</tr>
{% endfor %}
</table>
<br>
<h3 style="margin-bottom:-7px;">Post Reply:</h3>
<small>The text editor uses markdown, to learn how to use markdown, look here.</small>
<br>
<a onclick="document.getElementById('id_content').value += ' ✝️'">✝️</a>
<a onclick="document.getElementById('id_content').value += ' 📖'">📖</a>
<a onclick="document.getElementById('id_content').value += ' 🙏'">🙏</a>
<a onclick="document.getElementById('id_content').value += ' ⛪'"></a>
<a onclick="document.getElementById('id_content').value += ' 🕊️'">🕊️</a>
<a onclick="document.getElementById('id_content').value += ' 😃'">😃</a>
<a onclick="document.getElementById('id_content').value += ' 😁'">😁</a>
<a onclick="document.getElementById('id_content').value += ' 😆'">😆</a>
<a onclick="document.getElementById('id_content').value += ' 😅'">😅</a>
<a onclick="document.getElementById('id_content').value += ' 😂'">😂</a>
<a onclick="document.getElementById('id_content').value += ' 🥲'">🥲</a>
<a onclick="document.getElementById('id_content').value += ' 🥹'">🥹</a>
<a onclick="document.getElementById('id_content').value += ' 😃'">😃</a>
<a onclick="document.getElementById('id_content').value += ' 😇'">😇</a>
<a onclick="document.getElementById('id_content').value += ' 😉'">😉</a>
<a onclick="document.getElementById('id_content').value += ' 😍'">😍</a>
<a onclick="document.getElementById('id_content').value += ' 😛'">😛</a>
<a onclick="document.getElementById('id_content').value += ' 🤨'">🤨</a>
<a onclick="document.getElementById('id_content').value += ' 🧐'">🧐</a>
<a onclick="document.getElementById('id_content').value += ' 😎'">😎</a>
<a onclick="document.getElementById('id_content').value += ' 😏'">😏</a>
<a onclick="document.getElementById('id_content').value += ' 😕'">😕</a>
<a onclick="document.getElementById('id_content').value += ' 🙁'">🙁</a>
<a onclick="document.getElementById('id_content').value += ' ☹️'">☹️</a>
<a onclick="document.getElementById('id_content').value += ' 🥺'">🥺</a>
<a onclick="document.getElementById('id_content').value += ' 😢'">😢</a>
<a onclick="document.getElementById('id_content').value += ' 😭'">😭</a>
<a onclick="document.getElementById('id_content').value += ' 😠'">😠</a>
<a onclick="document.getElementById('id_content').value += ' 😡'">😡</a>
<a onclick="document.getElementById('id_content').value += ' 🤬'">🤬</a>
<a onclick="document.getElementById('id_content').value += ' 🤯'">🤯</a>
<a onclick="document.getElementById('id_content').value += ' 😳'">😳</a>
<a onclick="document.getElementById('id_content').value += ' 🥵'">🥵</a>
<a onclick="document.getElementById('id_content').value += ' 🥶'">🥶</a>
<a onclick="document.getElementById('id_content').value += ' 😱'">😱</a>
<a onclick="document.getElementById('id_content').value += ' 😨'">😨</a>
<a onclick="document.getElementById('id_content').value += ' 🫣'">🫣</a>
<a onclick="document.getElementById('id_content').value += ' 🤢'">🤢</a>
<a onclick="document.getElementById('id_content').value += ' 🤮'">🤮</a>
<a onclick="document.getElementById('id_content').value += ' 😈'">😈</a>
<a onclick="document.getElementById('id_content').value += ' 💀'">💀</a>
<a onclick="document.getElementById('id_content').value += ' ☠️'">☠️</a>
{{ form.media }}
<form method="post">
{% csrf_token %}
<div class="markdownx">
<textarea name="content" cols="40" rows="10" required id="id_content" class="markdownx-editor" data-markdownx-editor-resizable="True" data-markdownx-urls-path="/markdownx/markdownify/" data-markdownx-upload-urls-path="/markdownx/upload/" data-markdownx-latency="500" style="max-height:150px; width:100%;">
</textarea>
<input type="submit" value="Submit" />
<button type="button" onclick="toggleDisplay('markdownx-preview')">Show/Hide Preview</button>
<br>
<br>
<div id="markdownx-preview"
class="markdownx-preview"
style="display:none;
width:100%;
font-size: 12px;
margin-bottom:5px;
padding-top:0px"></div>
</div>
</form>
<a href="{% url 'forum_threads' %}"> << Go Back</a>
{% endblock %}