expand.js: inline thread expanding

js/expand.js

@@ -0,0 +1,51 @@
+/*
+ *expand.js
+ * https://github.com/savetheinternet/Tinyboard/blob/master/js/expand.js
+ *
+ * Released under the MIT license
+ * Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
+ *
+ * Usage:
+ *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/expand.js';
+ *
+ */
+
+$(document).ready(function(){
+	if($('div.banner').length != 0)
+		return; // not index
+	
+	$('div.post.op span.omitted').each(function() {
+		$(this)
+			.html($(this).text().replace(/Click reply to view\./, '<a href="javascript:void(0)">Click to expand</a>.'))
+			.find('a').click(function() {
+				var thread = $(this).parent().parent().parent();
+				var id = thread.attr('id').replace(/^thread_/, '');
+				$.ajax({
+					url: thread.find('p.intro a.post_no:first').attr('href'),
+					context: document.body,
+					success: function(data) {
+						var last_expanded = false;
+						$(data).find('div.post.reply').each(function() {
+							if($('#' + $(this).attr('id')).length == 0) {
+								if(last_expanded) {
+									$(this).addClass('expanded').insertAfter(last_expanded).before('<br class="expanded">');
+								} else {
+									$(this).addClass('expanded').insertAfter(thread.find('div.post:first')).after('<br class="expanded">');
+								}
+								last_expanded = $(this);
+								
+							}
+						});
+						$('<span class="omitted"><a href="javascript:void(0)">Hide expanded replies</a>.</span>')
+							.insertAfter(thread.find('span.omitted').css('display', 'none'))
+							.click(function() {
+								thread.find('.expanded').remove();
+								$(this).prev().css('display', '');
+								$(this).remove();
+							});
+					}
+				});
+			});
+	});
+});

templates/thread.html

@@ -63,7 +63,7 @@
 	<footer>
 		<p class="unimportant" style="margin-top:20px;text-align:center;">Powered by <a href="http://tinyboard.org/">Tinyboard</a> {{ config.version }} | <a href="http://tinyboard.org/">Tinyboard</a> Copyright &copy; 2010-2012 Tinyboard Development Group</p>
 		{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
-	</footer>>
+	</footer>
 	<script type="text/javascript">{% raw %}
 		ready();
 	{% endraw %}</script>