<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>Hello gnomeSort</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script>
function process(file)
{
if (window.File && window.FileReader && window.FileList && window.Blob)
{
var fr = new FileReader();
fr.readAsText(file.files[0]);
fr.onload = function (e)
{
document.getElementById('list').innerHTML = getList(e.target.result);
};
}
}
function getList(data)
{
var dates = data.split('\r\n');
for (var i = 0; i < dates.length; i++)
{
dates[i] = dates[i].split(' ');
dates[i][0] = dates[i][0] + ' ' + dates[i][1] + ' ' + dates[i][2];
dates[i][3] = new Date(Date.parse(dates[i][3]));
}
dates = sort(dates);
var text = '<ul>';
for (var i in dates)
{
text += '<li>' + dates[i][0].toLocaleString() + ' | ' + dates[i][3].toString() + '</li>';
}
text += '</ul>'
return text;
}
function sort(dates)
{
for (var i = 0; i < dates.length; i++)
{
for (var j = 0; j < dates.length - 1; j++)
{
if (dates[j][3] > dates[j + 1][3])
{
var temp = dates[j + 1];
dates[j + 1] = dates[j];
dates[j] = temp;
}
}
}
return dates;
}
</script>
</head>
<body>
<input type='file' onChange='process(this)' />
<div id='list'>
</div>
</body>
</html>