summaryrefslogtreecommitdiff
path: root/js/toggle-locked-threads.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/toggle-locked-threads.js')
-rw-r--r--js/toggle-locked-threads.js63
1 files changed, 63 insertions, 0 deletions
diff --git a/js/toggle-locked-threads.js b/js/toggle-locked-threads.js
new file mode 100644
index 00000000..50c44eda
--- /dev/null
+++ b/js/toggle-locked-threads.js
@@ -0,0 +1,63 @@
+/*
+ * toggle-locked-threads.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/toggle-locked-threads.js';
+ *
+ */
+
+$(document).ready(function(){
+ if($('div.banner').length != 0)
+ return; // not index
+
+ var hide_locked_threads = localStorage['hidelockedthreads'] ? true : false;
+
+ $('<style type="text/css"> img.hidden{ opacity: 0.1; background: grey; border: 1px solid #000; } </style>').appendTo($('head'));
+
+ var hideLockedThread = function($thread) {
+ $thread
+ .hide()
+ .addClass('hidden');
+ };
+
+ var restoreLockedThread = function($thread) {
+ $thread
+ .show()
+ .removeClass('hidden');
+ };
+
+ var getThreadFromIcon = function($icon) {
+ return $icon.parent().parent().parent()
+ };
+
+ $('hr:first').before('<div id="toggle-locked-threads" style="text-align:right"><a class="unimportant" href="javascript:void(0)">-</a></div>');
+ $('div#toggle-locked-threads a')
+ .text((hide_locked_threads ? 'Show' : 'Hide') + ' locked threads')
+ .click(function() {
+ hide_locked_threads = !hide_locked_threads;
+ if (hide_locked_threads) {
+ $('img.icon[title="Locked"]').each(function() {
+ hideLockedThread(getThreadFromIcon($(this)));
+ });
+ localStorage.hidelockedthreads = true;
+ } else {
+ $('img.icon[title="Locked"]').each(function() {
+ restoreLockedThread(getThreadFromIcon($(this)));
+ });
+ delete localStorage.hidelockedthreads;
+ }
+
+ $(this).text((hide_locked_threads ? 'Show' : 'Hide') + ' locked threads')
+ });
+
+ if (hide_locked_threads) {
+ $('img.icon[title="Locked"]').each(function() {
+ hideLockedThread(getThreadFromIcon($(this)));
+ });
+ }
+});
+