qm post tabs and fixed error with posting

events.py

@@ -66,7 +66,7 @@ def new_post(data):
 	post = data["post"]
 	post = bleach.clean(post.strip())
 	post = post.replace("\n", "<br />")
-	message = tools.handle_img(message)
+	post = tools.handle_img(post)
 	data["post"] = [post]
 	db.insert_quest_post(room, post, int(time.time()))
 
@@ -87,7 +87,7 @@ def update_post(data):
 
 	post = data["post"]
 	post = post.strip().replace("<br>", "<br />")
-	message = tools.handle_img(message)
+	post = tools.handle_img(post)
 	data["post"] = post
 
 	post_id = data["post_id"]

static/anonkun.css

@@ -38,10 +38,48 @@ img {
 
 .questPostMeta {
 	white-space: nowrap;
+	padding-right: 15px;
 }
 
-.questPostData {
+#QMPostPane {
-	padding-left: 20px;
+	display: flex;
+}
+
+#QMPostTabs {
+	display: inline-block;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+	background-color: #f1f1f1;
+	height: 200px;
+}
+
+.QMPostTab {
+	display: block;
+	padding: 8px 16px;
+	text-decoration: none;
+}
+
+.QMPostTab:hover {
+	background-color: #555;
+	color: white;
+}
+
+.QMPostTab.active {
+	background-color: #555;
+	color: white;
+}
+
+.QMPostTabContent {
+	flex: auto;
+	padding: 0px 12px;
+	border: 1px solid #ccc;
+	border-left: none;
+	width: 100px;
+}
+
+#postTextArea {
+	max-width: 100%;
 }
 
 #chatPane {

templates/quest.html

@@ -75,6 +75,24 @@
 			document.getElementById('savePost-' + post_id).style.display = 'none';
 		}
 	</script>
+	<script>
+		function openPostTab(event, modeName) {
+			var i, QMPostTabContent, QMPostTab;
+
+			QMPostTabContent = document.getElementsByClassName("QMPostTabContent");
+			for (i = 0; i < QMPostTabContent.length; i++) {
+				QMPostTabContent[i].style.display = "none";
+			}
+
+			QMPostTab = document.getElementsByClassName("QMPostTab");
+			for (i = 0; i < QMPostTab.length; i++) {
+				QMPostTab[i].className = QMPostTab[i].className.replace(" active", "");
+			}
+
+			document.getElementById(modeName).style.display = "block";
+			event.currentTarget.className += " active";
+		}
+	</script>
 	{% endif %}
 {% endblock %}
 {% block header %}
@@ -86,6 +104,7 @@
 	<div id="questContainer">
 		<div id="questPane">
 			<center><h1>{{ quest_title }}</h1></center>
+			<div id="questPosts">
 				{% for quest_post in quest_posts %}
 				<div class="questPost">
 					<div class="questPostMeta">
@@ -102,13 +121,31 @@
 					</div>
 				</div><br />
 				{% endfor %}
+			</div>
 			{% if session.get("user_id") == owner_id %}
-			<div id="postTextDiv">
+			<div id="QMPostPane">
+				<div>
+					<ul id="QMPostTabs">
+						<li><a class="QMPostTab active" href="javascript:void(0);" onclick="openPostTab(event, 'QMPostText')">Text</a></li>
+						<li><a class="QMPostTab" href="javascript:void(0);" onclick="openPostTab(event, 'QMPostDice')">Dice</a></li>
+						<li><a class="QMPostTab" href="javascript:void(0);" onclick="openPostTab(event, 'QMPostPoll')">Poll</a></li>
+					</ul>
+				</div>
+				<div id="QMPostText" class="QMPostTabContent" style="display:initial;">
 					<textarea id="postTextArea"></textarea><br />
 					<input type="submit" name="newPost" value="Post" onclick="makePost();"/>
 				</div>
+				<div id="QMPostDice" class="QMPostTabContent" style="display:none;">
+					Dice for the dice god.
+				</div>
+				<div id="QMPostPoll" class="QMPostTabContent" style="display:none;">
+					The polls are rigged.
+				</div>
+			</div>
 			{% endif %}
 		</div>
+		<br />
+		<br />
 		<div id="chatPane">
 			<h1>Chat</h1>
 			<div id="chatWindow">