better synchronize the javascripts with 8chan

js/auto-reload.js

@@ -17,6 +17,7 @@
  *
  */
 
+
 auto_reload_enabled = true; // for watch.js to interop
 
 $(document).ready(function(){
@@ -35,6 +36,7 @@ $(document).ready(function(){
 	var settings = new script_settings('auto-reload');
 	var poll_interval_mindelay        = settings.get('min_delay_bottom', 5000);
 	var poll_interval_maxdelay        = settings.get('max_delay', 600000);
+	var poll_interval_errordelay      = settings.get('error_delay', 30000);
 
 	// number of ms to wait before reloading
 	var poll_interval_delay = poll_interval_mindelay;
@@ -182,6 +184,28 @@ $(document).ready(function(){
 					else
 						$('#update_secs').text("No new posts found");
 				}
+			},
+			error: function(xhr, status_text, error_text) {
+				if (status_text == "error") {
+					if (error_text == "Not Found") {
+						$('#update_secs').text("Thread deleted or pruned");
+						$('#auto_update_status').prop('checked', false);
+						$('#auto_update_status').prop('disabled', true); // disable updates if thread is deleted
+						return;
+					} else {
+						$('#update_secs').text("Error: "+error_text);
+					}
+				} else if (status_text) {
+					$('#update_secs').text("Error: "+status_text);
+				} else {
+					$('#update_secs').text("Unknown error");
+				}
+				
+				// Keep trying to update
+				if ($('#auto_update_status').is(':checked')) {
+					poll_interval_delay = poll_interval_errordelay;
+					auto_update(poll_interval_delay);
+				}
 			}
 		});
 		

js/id_colors.js

@@ -1,24 +1,38 @@
 if (active_page == 'thread' || active_page == 'index') {
 	$(document).ready(function(){
-		$.hash = function(str) {
+		if (window.Options && Options.get_tab('general')) {
-			var i, j, msg = 0;
+			selector = '#color-ids>input';
-			
+			event = 'change';
-			for (i = 0, j = str.length; i < j; ++i) {
+			Options.extend_tab("general", "<label id='color-ids'><input type='checkbox' /> "+_('Color IDs')+"</label>");
-				msg = ((msg << 5) - msg) + str.charCodeAt(i);
 		}
 
-			return msg;
+		else {
-		};
+			selector = '#color-ids';
+			event = 'click';
+			$('hr:first').before('<div id="color-ids" style="text-align:right"><a class="unimportant" href="javascript:void(0)">'+_('Color IDs')+'</a></div>')
+		}
 
-		function stringToRGB(str){
+		$(selector).on(event, function() {
-			var rgb, hash;
+			if (localStorage.color_ids === 'true') {
+				localStorage.color_ids = 'false';
+			} else {
+				localStorage.color_ids = 'true';
+			}
+		});
 
-			rgb = [];
+		if (!localStorage.color_ids || localStorage.color_ids === 'false') {
-			hash = $.hash(str);
+			return;
+		} else {
+			$('#color-ids>input').attr('checked','checked');
+		}
 
-			rgb[0] = (hash >> 24) & 0xFF;
+		function IDToRGB(id_str){
-			rgb[1] = (hash >> 16) & 0xFF;
+			var id = id_str.match(/.{1,2}/g);
-			rgb[2] = (hash >> 8) & 0xFF;
+			var rgb = new Array();
+
+			for (i = 0; i < id.length; i++) {
+				rgb[i] = parseInt(id[i], 16);
+			}
 
 			return rgb;
 		}

js/id_highlighter.js

@@ -23,7 +23,7 @@ if (active_page == 'thread' || active_page == 'index') {
 			return toRet;
 		}
 
-		$(".poster_id").click(function(){
+		var id_highlighter = function(){
 			var id = $(this).text();
 			
 			if($.inArray(id, idshighlighted) !== -1){
@@ -39,6 +39,12 @@ if (active_page == 'thread' || active_page == 'index') {
 					$(this).addClass("highlighted");
 				});
 			}
+		}
+
+		$(".poster_id").on('click', id_highlighter);
+
+		$(document).on('new_post', function(e, post) {
+			$(post).find('.poster_id').on('click', id_highlighter);
 		});
 	});
 }