/*
Initial JS File
*/

//https://stackoverflow.com/questions/247483/http-get-request-in-javascript
function httpGetAsync(theUrl, callback)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function()
    {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            //run the function provided as the callbacks
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous request
    xmlHttp.send(null);
}


function requestCallback(responseText)
{
    /*
    take the response text, and set it to the "serverTime"
    element on the page so the user can see it
    */
    let serverTimePElement = document.getElementById("servertime");
    serverTimePElement.innerHTML = responseText;
}

var submit = document.getElementById("submit");
var clear = document.getElementById("clear");
var Test = document.getElementById("Test");
var submitDate = new Date();


submit.onclick = function buttonAction(){

    var title = document.getElementById("title").value;
    var content = document.getElementById("contents").value;
    var payLoad = {
        'Title': title,
        'Contents': content,
        'Submit Date': submitDate
        }

    dataPost("/submitNote", payLoad);

}

function dataPost(url, data){
    var xhr = new XMLHttpRequest();
    var url = '/submitNote';


    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200);
        }

        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-Type", "application/json");
        var jsonData;
        if(data != null) jsonData = JSON.stringify(data);
        xhr.send(jsonData);
}

Test.onclick = function(){

    httpGetAsync("/getFileLists", function(response){
        console.log(response)
    });


}

clear.onclick = function(){
    document.getElementById("title").value = ""
    document.getElementById("contents").value = ""
    console.log("cleared");
}



//submit request to server for the time when the page loads
httpGetAsync("/getServerTime", requestCallback);