Merge branch 'reply-to' into 'master'

"Reply" + lepší formátování pro blockquote

Closes #23

See merge request mj/owl!6

js/owl.js

@@ -26,23 +26,28 @@ md.use(mhl, {
 exports.render_md = function () {
 	console.log('Owl: Rendering Markdown');
 
-	var pb = document.getElementsByClassName("pbody");
+	const pb = document.getElementsByClassName("pbody");
+	const cmt = document.getElementById("comment");
 	var i;
 	for (i=0; i < pb.length; i++) {
-		var b = pb[i];
+		const b = pb[i];
 		// b.style.backgroundColor = "blue";
-		var src = b.innerText;
-		var result = md.render(src);
+		const src = b.innerText;
+		const result = md.render(src);
 		b.innerHTML = result;
+		const reply = b.parentElement.getElementsByClassName("preply")[0];
+		reply.onclick = function() {
+			cmt.value = src.replaceAll(/^/gm, "> ");
+		}
 	}
 }
 
 exports.preview = function () {
 	console.log('Owl: Preview');
 
-	var src = document.getElementById('comment').value;
-	var pb = document.getElementById('previewbox');
-	var pv = document.getElementById('preview');
+	const src = document.getElementById('comment').value;
+	const pb = document.getElementById('previewbox');
+	const pv = document.getElementById('preview');
 	pv.innerHTML = md.render(src)
 	pb.style.display = "block";
 }

static/owl.css

@@ -41,6 +41,13 @@ a:link:hover, a:visited:hover {
 	text-decoration: underline;
 }
 
+blockquote {
+	border-left: solid medium #555;
+	margin-left: 0;
+	padding-left: 2em;
+	color: #333;
+}
+
 /* Heading */
 
 #owl {

templates/base.html

@@ -7,7 +7,7 @@
 {% if need_js %}
 	<link rel="stylesheet" href='{{ url_for('static', filename='github.css') }}'>
 	<link rel="stylesheet" href='{{ url_for('static', filename='katex.min.css') }}'>
-	<script src='{{ url_for('static', filename='bundle.js') }}?v=2'></script>
+	<script src='{{ url_for('static', filename='bundle.js') }}?v=3'></script>
 	<script>
 		window.onload = function() {
 			window.owl.render_md();

templates/topic.html

@@ -54,6 +54,7 @@
 		{% if g.is_teacher or p.author_uid == g.uid %}
 			— <a href='{{ url_for('edit_post', cident=g.course.ident, pid=p.pid) }}'>edit</a>
 		{% endif %}
+			— <a href="#comment" class="preply">reply</a>
 		{% if p.comment != None %}
 			<div class=pbody>
 				<pre>{{ p.comment }}</pre>