Added option for hiding IDs.

js/forced-anon.js

@@ -57,26 +57,42 @@ $(document).ready(function() {
 		});
 	};
 	
+	var toggle_id = function() {
+		if (localStorage.hideids == 'true'){
+			$(this).addClass('hidden');
+		} else {
+			$(this).removeClass('hidden');
+		}
+	};
+	
 	old_info = {};
 	forced_anon = localStorage['forcedanon'] ? true : false;
 
-	var selector, event;
 	if (window.Options && Options.get_tab('general')) {
-                selector = '#forced-anon';
+		var s1 = '#hide-ids', s2 = '#forced-anon', e = 'change';
-                event = 'change';
+		Options.extend_tab("general", "<label id='hide-ids'><input type='checkbox' /> "+_('Hide IDs')+"</label>");
 		Options.extend_tab("general", "<label id='forced-anon'><input type='checkbox' /> "+_('Forced anonymity')+"</label>");
 	}
 	else {
-                selector = '#forced-anon';
+		var s1 = '#hide-ids', s2 = '#forced-anon', e = 'click';
-                event = 'click';
+		$('hr:first').before('<div id="hide-ids" style="text-align:right"><a class="unimportant" href="javascript:void(0)">Hide IDs</a></div>');
 		$('hr:first').before('<div id="forced-anon" style="text-align:right"><a class="unimportant" href="javascript:void(0)">-</a></div>');
 		$('div#forced-anon a').text(_('Forced anonymity')+' (' + (forced_anon ? _('enabled') : _('disabled')) + ')');
 	}
 	
+	$(s1).on(e, function(e) {
+		if (!localStorage.hideids || localStorage.hideids == 'false') {
+			localStorage.hideids = 'true';
+			if (window.Options && Options.get_tab('general')) e.target.checked = true;
+		} else {
+			localStorage.hideids = 'false';
+			if (window.Options && Options.get_tab('general')) e.target.checked = false;
+		}
+		$('.poster_id').each(toggle_id);
+	});
 	
-	$(selector).on(event, function() {
+	$(s2).on(e, function() {
 		forced_anon = !forced_anon;
-		
 		if (forced_anon) {
 			$('div#forced-anon a').text(_('Forced anonymity')+' ('+_('enabled')+')');
 			localStorage.forcedanon = true;
@@ -86,13 +102,17 @@ $(document).ready(function() {
 			delete localStorage.forcedanon;
 			disable_fa();
 		}
-		
 		return false;
 	});
 	
+	// initial option setup on script load
+	if (localStorage.hideids == 'true'){
+		if (window.Options && Options.get_tab('general')) $('#hide-ids>input').prop('checked',true);
+		$('.poster_id').each(toggle_id);
+	}
+	
 	if(forced_anon) {
 		enable_fa();
-
 		if (window.Options && Options.get_tab('general')) {
 			$('#toggle-locked-threads>input').prop('checked', true);
 		}
@@ -101,6 +121,8 @@ $(document).ready(function() {
 	$(document).on('new_post', function(e, post) {
 		if (forced_anon)
 			$(post).find('p.intro label').each(force_anon);
+		if (localStorage.hideids == 'true') 
+			$(post).find('.poster_id').each(toggle_id);
 	});
 });
 

stylesheets/style.css

@@ -8,6 +8,10 @@ body {
   padding-right: 4px;
 }
 
+.hidden {
+  display:none;
+}
+
 a,a:visited {
   text-decoration: underline;
   color: #34345C;
@@ -905,6 +909,10 @@ pre {
   cursor: pointer;
 }
 
+.poster_id::before {
+  content: " ID: ";
+}
+
 pre {
 /* Better code tags */
   max-width:inherit;

templates/post/poster_id.html

@@ -1,7 +1,7 @@
 {% if config.poster_ids %}
 	{% if post.thread %}
-		 ID: <span class="poster_id">{{ post.ip|poster_id(post.thread) }}</span>
+		 <span class="poster_id">{{ post.ip|poster_id(post.thread) }}</span>
 	{% else %}
-		 ID: <span class="poster_id">{{ post.ip|poster_id(post.id) }}</span>
+		 <span class="poster_id">{{ post.ip|poster_id(post.id) }}</span>
 	{% endif %}
 {% endif %}