index.js

var list = document.getElementById('member-list');

function addMemberToList() {
    var email = document.getElementById('member-email').value;
    document.getElementById('member-email').value = '';

    var entry = document.createElement('li');
    entry.classList.add("list-group-item");
    entry.appendChild(document.createTextNode(email));
    
    addDelButton(entry);
    list.appendChild(entry);
}


function addDelButton(parent) {
    var buttonElem = document.createElement("button")
    buttonElem.classList.add("btn", "btn-outline-secondary", "btn-sm", "float-right", "dark")


    parent.appendChild(buttonElem);
    buttonElem.innerHTML = "Remove";
    buttonElem.onclick = function(parent) {
        this.parentElement.remove();
    }
}

function sendData(){
    button = document.getElementById("create-button")

    button.innerHTML = `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
    Loading...`

    let owner = document.getElementById('owner').value;
    let publicKey = document.getElementById('public_key').value
    
    emailList = getMemberEmails()

    let data = {
        owner : owner,
        users : emailList,
        publicKey : publicKey
    };


    let xhr = new XMLHttpRequest();
    xhr.open("POST", "http://10.212.140.0:8080/api/new-project", true);
    xhr.setRequestHeader("Accept", "application/json");
    xhr.setRequestHeader("Content-Type", "application/json");

    xhr.onreadystatechange = function () {
        console.log("her")
        //Se mer på dette, forklar - kilde
        if ( xhr.readyState === 4 && xhr.status === 200) {

            window.location.replace(`/my-project/?project=${xhr.response}&owner=${owner}`);

        } else if (xhr.status != 200){
            button.innerHTML = "Create Project"

            block = document.getElementById("alert-div")
            block.innerHTML = `<div class="alert alert-danger" role="alert">
            ${xhr.response}
          </div>`
        }

    };

    let json = JSON.stringify(data);
    xhr.send(json);
}

function getMemberEmails() {
    memberEmails = []
    var members = document.getElementById("member-list").getElementsByTagName("li");
    
    for(var i = 0; i < members.length; i++){
        memberEmails.push(members[i].firstChild.data);
    }
    return memberEmails
}