js/hide-threads.js: Simple thread-minimizing script

js/hide-threads.js

@@ -0,0 +1,74 @@
+/*
+ * hide-threads.js
+ * https://github.com/savetheinternet/Tinyboard/blob/master/js/hide-threads.js
+ *
+ * Released under the MIT license
+ * Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
+ *
+ * Usage:
+ *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/hide-threads.js';
+ *
+ */
+
+$(document).ready(function(){
+	if($('div.banner').length != 0)
+		return; // not index
+	
+	var board = $('form input[name="board"]').val().toString();
+	
+	if (!localStorage.hiddenthreads)
+		localStorage.hiddenthreads = '{}';
+	
+	// Load data from HTML5 localStorage
+	var hidden_data = JSON.parse(localStorage.hiddenthreads);
+	
+	var store_data = function() {
+		localStorage.hiddenthreads = JSON.stringify(hidden_data);
+	};
+	
+	// Delete old hidden threads (7+ days old)
+	for (var key in hidden_data) {
+		for (var id in hidden_data[key]) {
+			if (hidden_data[key][id] < Math.round(Date.now() / 1000) - 60 * 60 * 24 * 7) {
+				delete hidden_data[key][id];
+				store_data();
+			}
+		}
+	}
+	
+	if (!hidden_data[board]) {
+		hidden_data[board] = {}; // id : timestamp
+	}
+	
+	$('div.post.op').each(function() {
+		var id = $(this).children('p.intro').children('a.post_no:eq(1)').text();
+		var thread_container = $(this).parent();
+		$('<a class="hide-thread-link" style="float:left;margin-right:5px" href="javascript:void(0)">[-]</a><span> </span>')
+			.insertBefore(thread_container.find('p.fileinfo'))
+			.click(function() {
+				hidden_data[board][id] = Math.round(Date.now() / 1000);
+				store_data();
+				
+				thread_container.find('div.post,img,p.fileinfo,a.hide-thread-link,br').hide();
+				
+				var hidden_div = thread_container.find('div.post.op > p.intro').clone();
+				hidden_div.addClass('thread-hidden');
+				hidden_div.find('a[href],input').remove();
+				
+				$('<a class="unhide-thread-link" style="float:left;margin-right:5px" href="javascript:void(0)">[+]</a><span> </span>')
+					.insertAfter(thread_container.find('a.hide-thread-link'))
+					.click(function() {
+						delete hidden_data[board][id];
+						store_data();
+						thread_container.find('div.post,img,p.fileinfo,a.hide-thread-link,br').show();
+						$(this).remove();
+						hidden_div.remove();
+					});
+				
+				hidden_div.insertAfter(thread_container.find('p.fileinfo'));
+			});
+		if (hidden_data[board][id])
+			thread_container.find('.hide-thread-link').click();
+	});
+});