Merge pull request Legend-of-iPhoenix#7 from ticalc-travis/ranking_nu…

…mbers_final

Ranking numbers final

index.html

@@ -30,7 +30,7 @@ <h1 id="title">TheButton</h1>
 
 		<table id="highscores">
 			<tr id="usernametime">
-				<th>Username</th><th>Time</th>
+				<th>&nbsp;</th><th>Username</th><th>Time</th>
 			</tr>
 		</table>
 	</div>

js/main.js

@@ -112,7 +112,8 @@ function ready() {
     }
   }, 50);
   // </copyright>
-  firebase.database().ref("/button/users/").orderByValue().limitToLast(5).on('value',function(snapshot) {
+  var leaderboardLength = 5;
+  firebase.database().ref("/button/users/").orderByValue().limitToLast(leaderboardLength).on('value',function(snapshot) {
     var scores = document.getElementById("highscores");
     scores.innerHTML = "";
     var x = n => {
@@ -129,12 +130,14 @@ function ready() {
       }
       return "N/A"
     }
+    var rank = leaderboardLength;
     snapshot.forEach(function(childSnapshot) {
-      scores.innerHTML+="<tr><td>"+cleanse(childSnapshot.key)+"</td><td>"+x(childSnapshot.val())+"</td></tr>"
+      scores.innerHTML+="<tr><td>"+rank+"</td><td>"+cleanse(childSnapshot.key)+"</td><td>"+x(childSnapshot.val())+"</td></tr>";
+      rank--;
     });
     //reverse ordering of elements
     (e=>{for(var d=0;d<e.childNodes.length;d++)e.insertBefore(e.childNodes[d],e.firstChild)})(document.getElementById("highscores"));
-    scores.innerHTML = "<tr><th>Username</th><th>Time</th></tr>" + scores.innerHTML;
+    scores.innerHTML = "<tr><th>&nbsp;</th><th>Username</th><th>Time</th></tr>" + scores.innerHTML;
   });
   document.getElementById("TheButton").click=x=>console.log("Abuse is not tolerated.");
   document.getElementById("TheButton").onfocus=x=>document.getElementById("TheButton").blur();