function updatePreview(value) {
    var blogText = $("#previewCard").children("#code").children("#blogText");
    blogText.empty();
    blogText.append(value);
}
function updateAnnotation(value) {
    var blogText = $("#annotationCard").children("#code").children("#annotationText");
    blogText.empty();
    blogText.append(value);
}

function sendArticleData () {
    let melon = document.cookie.split(';')[0].replace("melon=", "");
    let body = `{
        title: ${$("#titleInput").val()},
        annotation: ${$("#annotationArea").val()},
        text: ${$("#textArea").val()},
        image: ${$("#imgInput").val()},
        author: ${melon}
    }`
    fetch("/api/Blog", {
        method: "POST",
        headers: {
            Authorization: `Bearer ${melon}`,
            "Content-Type": "application/json" 
        },
        body: body
    }).then(k => console.log(k));
    $("#titleInput").val('');
    $("#annotationArea").val('');
    $("#textArea").val('');
    $("#imgInput").val('');
}


function sendRedirectData() {
    console.log("click!")
    let melon = document.cookie.split(';')[0].replace("melon=", "");
    let body = `{
        "url": "${$("#urlInput").val()}",
        "uri": "${$("#uriInput").val()}",
        "author": "${melon}"
    }`;
    fetch("/api/redirects", {
        method: "POST",
        headers: {
            Authorization: `Bearer ${melon}`,
            "Content-Type": "application/json" 
        },
        body: body
    }).then(k => console.log(k));
    $("#urlInput").val('');
    $("#uriInput").val('');
}