From 9462f29413dc1320b3899f7fbbbb75be64fbaede Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Sat, 9 Feb 2013 14:16:37 -0800
Subject: Huge changes; started deprecation of PHP's displayMap() New JS
 function 'mapAsHTML(mapAsObject)' getScores() will now return solutions if
 the map has expired. Homepage now uses mapAsHTML. Removed some padding on
 scoreboard. scoresFormatPage() supports solutions if available. (This can be
 row-specific) And tons of CSS - deprecating old CSS.

---
 pages/scores.php | 135 ++++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 110 insertions(+), 25 deletions(-)

(limited to 'pages/scores.php')

diff --git a/pages/scores.php b/pages/scores.php
index 2a82efd..43bc7dc 100644
--- a/pages/scores.php
+++ b/pages/scores.php
@@ -51,6 +51,11 @@ if ($daysAgo < 1)
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script type="text/javascript" src="js/jquery.keystrokes.min.js"></script>
 
+<script type="text/javascript">
+playerWallColor = '<?PHP echo isset($wallColor) ? $wallColor : ''; ?>';
+playerWallEmblem = '<?PHP echo isset($wallEmblem) ? $wallEmblem : ''; ?>';
+</script>
+
 <script>
 
 
@@ -83,11 +88,13 @@ $("#load_basic").click(function(){
 
 
 function displayMap(mapID) {
-	var urlString = 'ajax/scores.ajax.php?getmap=true&mapID='+mapID;
+	//var urlString = 'ajax/scores.ajax.php?getmap=true&mapID='+mapID;
+	var urlString = 'map/'+mapID;
 	$("#mapDisplay").fadeOut('fast');
 	//.html(ajax_load)
-	$("#mapDisplay").load(urlString, null, function() {$("#mapDisplay").fadeIn('slow');}); 
-	urlString = 'do.php?r=reqScorePage&reqPage=1&mapID='+mapID;
+	
+	//$("#mapDisplay").load(urlString, null, function() {$("#mapDisplay").fadeIn('slow');}); 
+	//urlString = 'do.php?r=reqScorePage&reqPage=1&mapID='+mapID;
 	//$("#scoreDisplay").html(ajax_load).load(urlString); 
 	
 	if (!$('#'+mapID+',dspScore').length) {
@@ -100,12 +107,12 @@ function displayMap(mapID) {
 	}
 	scoresShowPage(mapID, 1);
 	
-	// $.ajax({
-		// type: "GET",  
-		// url: "ajax/chat.ajax.php",  
-		// data: dataString, 
-		// success: function(data) {getChatDone(data);}
-	// });
+	$.ajax({
+		type: "GET",  
+		url: 'map/'+mapID,  
+		data: '', 
+		success: function(data) {$("#mapDisplay").html(mapAsHTML(decryptJSON(data), 595)).fadeIn('slow');}
+	});
 		// var newDiv = $('<div/>', {
 		// 'id': mapID+',dspScore',
 		// 'class': 'my-new-list',
@@ -113,6 +120,18 @@ function displayMap(mapID) {
 		// html: ''
 	// });
 }
+
+//TODO:
+function getMapOnce(mapid) {
+	if (typeof(mapdata[mapid]) != 'object') {
+		return mapdata[mapid];
+	}
+}
+
+// function request_path_done() {
+	// var JO = decryptJSON(ajax.response);
+// }
+
 function getMaplist(request) {
 	// daysAgo++
 	switch (request) {
@@ -137,7 +156,7 @@ function getMaplist(request) {
 	$("#mapNavigation").load(urlString, null, function() {$("#mapNavigation").show('slow');}); 
 }
 
-
+//TODO
 function handleJSONResponse(data) {
 	json = jQuery.parseJSON(data);
 	// $.each(json, function(key, user) {
@@ -145,6 +164,68 @@ function handleJSONResponse(data) {
 	// }
 }
 
+
+// var global = getCSSRule('.global');
+
+//TODO: Playing around with this:
+//setPlayerSettings(playerWallEmblem, playerWallColor);
+//function setPlayerSettings(wallEmblem, wallColor) {
+	//css(".playable .o:hover", "background-color", playerWallColor);
+	//css(".playable .o:hover", "background-image", "url(http://www.mazetd.4xg.net/images/marks/"+wallEmblem+")");
+//}
+// function css(selector, property, value) {
+    // for (var i=0; i<document.styleSheets.length;i++) {//Loop through all styles
+        // //Try add rule
+        // try { document.styleSheets[i].insertRule(selector+ ' {'+property+':'+value+'}', document.styleSheets[i].cssRules.length);
+        // } catch(err) {try { document.styleSheets[i].addRule(selector, property+':'+value);} catch(err) {}}//IE
+    // }
+// }
+
+
+
+
+
+//alert("I'm working on this page right now - this IS beta");
+
+var mymap = {"ID":502,"teleports":0,"checkpoints":4,"width":"15","height":"9","walls":"13","name":"","flags":null,"dateCreated":null,"dateExpires":null,"isBlind":false,"isMultiPath":false,"code":null,"tiles":[[["s",""],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["f",""]],[["s",""],["r",""],["o"],["r",""],["o"],["o"],["o"],["c",3],["r",""],["c",2],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["r",""],["o"],["r",""],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["r",""],["r",""],["o"],["o"],["r",""],["r",""],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["c",4],["r",""],["r",""],["o"],["c",""],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]]]};
+
+var Tile = {"Wall" : "w",
+"Empty" : "o",
+"Start" : "o",
+"Finish" : "o",
+"Checkpoint" : "o",
+"TileRock" : "o",
+"TeleportIn" : "o",
+"TeleportOut" : "o",
+"Unbuildable" : "o",
+"SinglePath" : "o"};
+
+
+function mapThumbnailHTML(map) {
+	var r = '<table class="map">';
+	for (var y in map.tiles) {
+		r += '<tr>';
+		for (var x in map.tiles[y]) {
+			var type = map.tiles[y][x][0];
+			var value = map.tiles[y][x][1];
+			if (!value) value = '';
+			r += "<td class='"+type+value+"'>";
+			r += '</td>';
+		}
+		r += '</tr>';
+	}
+	r += '</table>';
+	
+	//return r;
+	
+	//alert(r);
+	
+	//$("#tmp").html(r).show('slow');; 
+	//$("#tmp").html(mapAsHTML(map,100)).show('slow');; 
+}
+
+
+
 </script>
 
 
@@ -161,6 +242,10 @@ $todaysScoreMaps = getMapsPlayed($daysAgo);
 
 <div class="wrapper">
 
+<div id='tmp'>
+Work in progress
+</div>
+
 <div id='#displayDate' style='text-align:center;padding-bottom:7px;'>
 <h2 title='Maps that were played during this day'><? echo $dateAsStr; ?></h2>
 </div>
@@ -283,24 +368,24 @@ if ($specialMapName != '')
 
 
 
-function showStats(type) {
+//function showStats(type) {
 	//super usefulll
 	//var anchor = window.location.hash.substring(1);
 	
-	for (var i = 1; i <= 4; i++) {
-		var elem = document.getElementById("yms-" + i);
-		if (elem.className.indexOf('hidden-stats') < 0)
-			elem.className += 'hidden-stats';
-		elem = document.getElementById("dl-" + i);
-		elem.className = elem.className.replace('selected', '');
-	}
-	elem = document.getElementById("yms-" + type);
-	elem.className = elem.className.replace('hidden-stats', '');
-	elem = document.getElementById("dl-" + type);
-	if (elem.className.indexOf('selected') < 0)
-		elem.className += 'selected';
-}
-showStats(1);
+	// for (var i = 1; i <= 4; i++) {
+		// var elem = document.getElementById("yms-" + i);
+		// if (elem.className.indexOf('hidden-stats') < 0)
+			// elem.className += 'hidden-stats';
+		// elem = document.getElementById("dl-" + i);
+		// elem.className = elem.className.replace('selected', '');
+	// }
+	// elem = document.getElementById("yms-" + type);
+	// elem.className = elem.className.replace('hidden-stats', '');
+	// elem = document.getElementById("dl-" + type);
+	// if (elem.className.indexOf('selected') < 0)
+		// elem.className += 'selected';
+// }
+// showStats(1);
 </script>
 
 <script src="sounds/script/soundmanager.js"></script>
-- 
cgit v1.2.3