Last update:<br>February 1st 2023<br><br>
<table id="subTable">
    <tr id ="tableHeader">
        <th id="rowNo">No.</th>
        <th id="rowWad">WAD</th>
		<th id="rowMap">Level</th>
        <th id="rowSubmitter">Times Submitted</th>
    </tr>
</table>
<script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
<script>
$(document).ready(function() 
{
    $.ajax({
        type: "GET",
        url: "/files/SubmissionsRound5.csv",
        dataType: "text",
        success: function(data) {processCsv(data);}
	});
});

var table_data = [];

// Copied from StackOverflow because lmao.
function processCsv(allText) 
{
    var allTextLines = allText.split(/\r\n|\n/);
    var headers = allTextLines[0].split(',');
	var table = document.getElementById("subTable");
	
    for(var i = allTextLines.length - 2; i >= 1; i--) 
	{
        var data = allTextLines[i].split(',');
		
		var row = table.insertRow(1);

		var cellNo 			= row.insertCell(0);
		var cellWad 		= row.insertCell(1);
		var cellMap 		= row.insertCell(2);
		var cellSubmitters 	= row.insertCell(3);
		
		cellNo.innerHTML = i;
		cellWad.innerHTML = "<b>" + data[0] + "</b>";
		cellWad.style.textAlign = "left";
		cellMap.innerHTML = data[1];
		cellSubmitters.innerHTML = data[2];
    }
}
</script>
<style>
	body
	{
		font-family: "Consolas Bold", monospace;
	}
	
    table, th, td
    {
		padding: 8px;
		border: 1px solid #888888;
		border-collapse: collapse;
		color: #444444;
		text-align: right;
    }

    #tableHeader
    {
		background-color: #E7E7E7;
    }

    #rowNo
    {
		width: 5%;
		text-align: left;
    }

    #rowWad
    {
        text-align: left;
    }

    #rowMap
    {
		width: 10%;
    }

    #rowSubmitter
    {
		width: 35%;
    }

    #rowStatus
    {
		width: 15%;
    }
</style>