ctf-2011

rwthctf.js

(8162B)

 $.facebox.settings.closeImage = '/facebox/closelabel.png';
 $.facebox.settings.loadingImage = '/loading.gif';
 
 var timerid = 0;
 //var loading = '<img src="/loading.gif" alt="Loading" />';
 var loading = '';
 
 var colors = {
 	down: '#E6ACAC',
 	broken: '#E8C6A2',
 	good: '#BBF2B8',
 	error: '#ACACE6',
 };
 
 var statestrings = {
 	0: 'good',
 	1: 'down',
 	2: 'broken',
 	3: 'error',
 };
 
 var handlers = {
 	score: function(info) {
 		var container = $(document.createElement('div'));
 		container.append("<h2>Scoreboard</h2><span class='explanation'>(refreshed every 5 seconds)</span>");
 		var p = $(document.createElement('p'));
 		p.append('Click on a service to display details about its status on a certain team.<br/>');
 		p.append('Offense and Defense points represent the amount of points gathered compared to the leading team.');
 		container.append(p);
 
 		info.scores.sort( function(a, b) {
 				return b.money - a.money;
 			} );
 
 		var table = $(document.createElement('table'));
 		table.addClass('scoreboard');
 
 		var tr = $(document.createElement('tr'));
 		tr.append($(document.createElement('td')));
 		for(var idx in info.services) {
 			tr.append($(document.createElement('th')).text(info.services[idx].label));
 		}
 		tr.append($(document.createElement('th')).text('Offense'))
 		tr.append($(document.createElement('th')).text('Defense'))
 		tr.append($(document.createElement('th')).text('Account Balance'))
 		table.append(tr);
 
 		for(var idx in info.scores) {
 			var tr = $(document.createElement('tr'));
 			tr.append($(document.createElement('th')).text(info.scores[idx].name));
 
 			for(var jdx in info.services) {
 				var sstate = 'unknown';
 				var smsg = 'unknown';
 				if (info.scores[idx].states && info.services[jdx].name in info.scores[idx].states && info.scores[idx].states[info.services[jdx].name] !== undefined) {
 					sstate = statestrings[info.scores[idx].states[info.services[jdx].name].state];
 					smsg = info.scores[idx].states[info.services[jdx].name].msg;
 				}
 				if (!sstate) sstate = 'error';
 				var cell = $(document.createElement('td')).text(sstate);
 				cell.css({'cursor':'pointer', 'background-color': colors[sstate]});
 				cell[0].onclick = function(team, service, msg) { return function () {
 					$.facebox(msg);
 				} } (info.scores[idx].id, info.services[jdx].id, smsg);
 				tr.append(cell);
 			}
 
 			tr.append($(document.createElement('td')).text(info.scores[idx].ap+"%").css({'background-color': 'white'}));
 			tr.append($(document.createElement('td')).text(info.scores[idx].dp+"%").css({'background-color': 'white'}));
 			tr.append($(document.createElement('td')).text('$'+info.scores[idx].money).css({'background-color': 'white'}));
 
 			table.append(tr);
 		}
 
 		container.append(table);
 		replaceContent(container);
 	},
 
 	market: function(posts) {
 		var container = $(document.createElement('div'));
 		container.append("<h2>Black Market</h2><span class='explanation'>Buy and Sell Advisories</span>");
 		container.append('<p>You can submit your stuff here: <a class="internal" href="/json/marketsubmission#market">Market submission</a></p>');
 		container.append('<h3>Current market</h3>');
 
 		var table = $(document.createElement('table'));
 		table.attr("class","market");
 		table.append("<tr><th>Description</th><th>Price</th><th>Actions</th></tr>");
 
 		for(var post in posts) {
 			post = posts[post];
 			var row = $(document.createElement('tr'));
 
 			var description = $(document.createElement('td'));
 			description.text(post.description);
 			row.append(description);
 
 			var price = $(document.createElement('td'));
 			price.addClass('price');
 			price.text(post.price);
 			row.append(price);
 
 			var action = $(document.createElement('td'));
 			var buy = $(document.createElement('a'));
 			buy.attr("href","");
 			buy.addClass('buy');
 			buy.text("Buy");
 			action.append(buy);
 			row.append(action);
 
 			table.append(row);
 		}
 		container.append(table);
 
 		replaceContent(container);
 	},
 
 	marketsubmission: function(info) {
 		var container = $(document.createElement('div'));
 		var marketform = $(document.createElement('form'));
 		marketform.attr("id","marketform");
 		marketform.attr("action","/json/marketsubmission");
 		marketform.attr("method","post");
 		marketform.append('<h2>Black Market Submission</h2><span class="explanation">Submit your own advisories and earn cash when they are sold.</span>');
 		marketform.append('<p>Here, you can sell any weaknesses you have discovered (and hopefully fixed) to other teams for a monetary compensation.<br/>Funds will be added to your account for each sale.<br/>Please note that it is currently not possible to withdraw or update an advisory once it is submitted.</p>');
 		marketform.append('<h3>Description</h3><input id="description" type="text" name="description" size="80" value="Description" />');
 		marketform.append('<span class="explanation">This will be the only description shown in the Market, so make it to the point.</span>');
 		marketform.append('<h3>MSRP</h3><input id="price" type="text" name="price" size="8" value="100" />');
 		marketform.append('<span class="explanation">You can suggest a retail price at which we should sell your advisory. We are not required to abide by this suggestion.</span>');
 		marketform.append('<h3>Content</h3><textarea id="content" name="content" cols="80" rows="40">Content</textarea>');
 		marketform.append('<span class="explanation">Your advisory. Please use formatting similar to <a href="/txt/advisory.txt#">this advisory</a><br/>This means: Hard linebreaks, fixed column limit, no special chars, no tabs.</span>');
 		marketform.append('<h3>Submit</h3><input type="submit" value="Send" />');
 		container.append(marketform);
 		replaceContent(container);
 		$("form#marketform").submit(function() {
 			var description = $("#description").attr('value');
 			var price = $("#price").attr('value');
 			var content = $("#content").attr('value');
 			$.ajax({
 				type: "POST",
 				url: "/json/marketsubmission",
 				data: "description=" + description + "&price=" + price + "&content=" + content,
 				complete: function() {
 					$("form#marketform").hide();
 					var container = $(document.createElement('div'));
 					container.html("<h3>Submission successful</h3>");
 					replaceContent(container);
 					$("#rwthpage").effect("highlight", {color: '#FFADAD'}, 1000);
 				}
 			});
 			return false;
 		});
 	},
 
 }
 
 function replaceContent(newContent, onComplete) {
 	var div;
 	if(typeof(newContent) == 'string') {
 		div = $(document.createElement('div'));
 		div.html(newContent);
 	}
 	else {
 		if(newContent != "")
 			div = newContent;
 	}
 
 	div.addClass('rwthpage');
 	$(document.body).append(div);
 	$("#rwthpage").replaceWith(div);
 	div.attr("id", "rwthpage");
 
 	$("#rwthpage a").click(linkClickHandler);
 	if(timerid > -1)
 		$("#rwthpage").effect("highlight", {color: '#FFADAD'}, 1000);
 
 }
 
 var pageRequests = new Array();
 
 function linkClickHandler(ev) {
 	var url = ev.target.href;
 	var sposition = $(window).scrollTop();
 	hash = url.replace(/.*#/, '');
 	clearInterval(timerid);
 	timerid = -1;
 
 	if(url.search('/json/') >= 0) {
 		$.get(url, { }, function (result, status) {
 				url = url.replace(/^http:\/\/.+\//, '');
 				url = url.replace(/#.*/, '');
 				if(url.search('score') >= 0)
 					timerid = setInterval(function() { linkClickHandler(ev);}, 5000);
 
 				if(handlers[url]) {
 					handlers[url](result);
 				} else {
 					replaceContent(result);
 				}
 		}, 'json');
 	} else if (url.search('/txt/') >= 0) {
 		url = url.replace(/^http:\/\/.+\//, 'txt/');
 		url = url.replace(/#.*/, '');
 		var pre = $(document.createElement('pre'));
 		pre.load(url);
 		$("#rwthpage").html(pre);
 	} else {
 		url = url.replace(/^http:\/\/.+\//, 'static/');
 		url = url.replace(/#.*/, '');
 		$("#rwthpage").load(url);
 	}
 
 	$(window).scrollTop(sposition);
 	window.location.hash = hash;
 	$('td.current:first').attr("class","");
 	$('a[id=#'+hash+']:first').parent().attr("class","current");
 	return false;
 }
 
 $(document).ready( function() {
 		$("#nav > table > tbody > tr > td > a").click(linkClickHandler);
 		var hash = window.location.hash;
 		if(hash != '') {
 			$('a[id='+ hash + ']:first').click();
 		} else {
 			$('a[id=#news]:first').click();
 		}
 });