NMS: TV mode?

1 files changed, 99 insertions, 4 deletions

diff --git a/web/nms.gathering.org/js/nms.js b/web/nms.gathering.org/js/nms.js
index ea440fc..0c4790c 100644
--- a/web/nms.gathering.org/js/nms.js
+++ b/web/nms.gathering.org/js/nms.js
@@ -16,7 +16,8 @@ var nms = {
 	 * FIXME: Should just stop using these.
 	 */
 	timers: {
-		playback:false
+		playback:false,
+		tvmode: false
     },
 	
 	menuShowing:true,
@@ -59,7 +60,16 @@ var nms = {
 		playing: false,
 		replayTime: 0,
 		replayIncrement: 60 * 60
-	 }
+	},
+	tvmode: {
+		handlers: [],
+		currentIndex: 0,
+		interval: 20000,
+		hideMenu: false,
+		active: false,
+		nightMode: false,
+		vertical: false
+	}
 };
 
 /*
@@ -313,13 +323,64 @@ function getNowEpoch() {
  */
 function setLegend(x,color,name)
 {
-	var el = document.getElementById("legend-" + x);
+	if(nms.tvmode.active) {
+		var el = document.getElementById("tv-mode-legend-" + x);
+	} else {
+		var el = document.getElementById("legend-" + x);
+	}
 	el.style.background = color;
 	el.title = name;
 	el.textContent = name;
 }
 
 /*
+ * Start TV-mode
+ *
+ * Loops trough a list of views/updaters at a set interval.
+ * Arguments: array of views, interval in seconds, use nightmode, hide menus
+ */
+nms.tvmode.start = function(views,interval,nightMode,hideMenus,displayVertical) {
+	nms.tvmode.handlers = [];
+	for(var view in views) {
+		for(var handler in handlers) {
+			if(views[view] == handlers[handler].tag) {
+				nms.tvmode.handlers.push(handlers[handler]);
+			}
+		}
+	}
+	if (nms.tvmode.handlers.length > 1) {
+		if(interval > 0)
+			nms.tvmode.interval = interval * 1000;
+		setNightMode(nightMode);
+		if(nms.menuShowing && hideMenus)
+			toggleMenu();
+		if(displayVertical)
+			nms.tvmode.vertical = true;
+		nms.timers.tvmode = new nmsTimer(nms.tvmode.tick, nms.tvmode.interval, "TV-mode ticker", "Handler used to advance tv-mode");
+		nms.timers.tvmode.start();
+		nms.tvmode.tick();
+		nms.tvmode.active = true;
+
+		document.body.classList.add("tvmode");
+		if(nms.tvmode.vertical)
+			document.body.classList.add("vertical");
+	}
+}
+nms.tvmode.tick = function() {
+	if(nms.tvmode.currentIndex > nms.tvmode.handlers.length - 1) {
+		nms.tvmode.currentIndex = 0;
+	}
+	setUpdater(nms.tvmode.handlers[nms.tvmode.currentIndex]);
+	nms.tvmode.currentIndex++;
+}
+nms.tvmode.stop = function() {
+	nms.timers.tvmode.stop();
+	document.body.classList.remove("tvmode");
+	document.body.classList.remove("vertical");
+	nms.tvmode.active = false;
+}
+
+/*
  * Change map handler (e.g., change from uplink map to ping map)
  */
 function setUpdater(fo)
@@ -339,6 +400,8 @@ function setUpdater(fo)
 	}
 	var foo = document.getElementById("updater_name");
 	foo.innerHTML = fo.name + "   ";
+	var foo = document.getElementById("map-mode-title");
+	foo.innerHTML = fo.name;
 	document.location.hash = fo.tag;
 }
 
@@ -451,8 +514,10 @@ function setNightMode(toggle) {
 	var nav = document.getElementsByTagName("nav")[0];
 	if (toggle) {
 		nav.classList.add('navbar-inverse');
+		document.body.classList.add("nightmode");
 	} else {
 		nav.classList.remove('navbar-inverse');
+		document.body.classList.remove("nightmode");
 	}
 	nmsMap.setNightMode(toggle);
 }
@@ -501,7 +566,37 @@ function detectHandler() {
 			return;
 		}
 	}
-	setUpdater(handler_ping);
+	if(document.location.hash == "#tvmode") {
+		var views = getUrlVars()["views"];
+		var nightMode = parseInt(getUrlVars()["nightmode"]);
+		var vertical = parseInt(getUrlVars()["vertical"]);
+		var interval = parseInt(getUrlVars()["interval"]);
+
+		views = views.split(",");
+		if(nightMode == "0") {
+			nightMode = false;
+		} else {
+			nightMode = true;
+		}
+		if(vertical == 1) {
+			vertical = true;
+		} else {
+			vertical = false;
+		}
+
+		nms.tvmode.start(views,interval,nightMode,true,vertical);
+		return;
+	} else {
+		setUpdater(handler_ping);
+	}
+}
+
+function getUrlVars() {
+	var vars = {};
+	var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
+		vars[key] = value;
+	});
+	return vars;
 }
 
 function setMenu()