function onLoad() {
    $("#upload-file-button").click(onClickUploadFileButton);
    
    $.getJSON(
        "/command/get-all-project-metadata",
        null,
        function(data) {
            renderProjects(data);
        },
        "json"
    );
}
$(onLoad);

function onClickUploadFileButton(evt) {
    if ($("#project-name-input")[0].value.trim().length == 0) {
        window.alert("You must specify a project name.");
        
        evt.preventDefault();
        return false;
    }
}

function renderProjects(data) {
    var container = $("#projects").empty();
    
    $('<h2></h2>').text("Projects").appendTo(container);
    
    var table = $('<table><tr><td></td><td>last modified</td></tr></table>')
        .attr("cellspacing", "5")
        .appendTo(container)[0];
    
    var projects = [];
    for (var n in data.projects) {
        if (data.projects.hasOwnProperty(n)) {
            var project = data.projects[n];
            project.id = n;
            project.date = new Date(project.modified);
            projects.push(project);
        }
    }
    projects.sort(function(a, b) { return b.date.getTime() - a.date.getTime(); });
    
    for (var i = 0; i < projects.length; i++) {
        var project = projects[i];
        var tr = table.insertRow(table.rows.length);
        var td0 = tr.insertCell(0);
        var td1 = tr.insertCell(1);
        
        $('<a></a>').text(project.name).attr("href", "/project.html?project=" + project.id).appendTo(td0);
        $('<span></span>').text(formatDate(project.date)).appendTo(td1);
    }
}

function formatDate(d) {
    var yesterday = Date.today().add({ days: -1 });
    var today = Date.today();
    var tomorrow = Date.today().add({ days: 1 });
    if (d.between(today, tomorrow)) {
        return "Today " + d.toString("HH:mm");
    } else if (d.between(yesterday, today)) {
        return "Yesterday " + d.toString("HH:mm");
    } else {
        return d.toString("M-ddd-yyyy");
    }
}