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

This commit is contained in:
Michael Foster 2013-07-21 21:12:30 -04:00
parent 308f557fd5
commit 9123161870

74
js/hide-threads.js Normal file
View File

@ -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();
});
});