var trackingdata = null;

window.addEventListener("load", function(evt) {
    //------------------------Buttons------------------------------

    var trackings = null;
    document.getElementById("messungladen").onclick = function(evt) {
        fetch('http://localhost:3011/trackings/', { method: 'GET'}).then(results => {
            return results.json()
        }).then(r => {
            console.log(r)
            if (!'data' in r) {
                return
            }
            trackings = r.data
            let sel = document.getElementById("meas")
            sel.innerHTML = ''
            r.data.forEach(tracking => {
                console.log(tracking)
                var option = document.createElement("option");
                option.text = tracking.TimeCreated + " Size: " + tracking.Size
                sel.add(option)
            })
            sel.disabled = false
            document.getElementById("replaystarten").disabled = false

        })
    };

    document.getElementById("replaystarten").onclick = function(evt) {
        let sel = document.getElementById("meas")
        console.log(trackings[sel.selectedIndex].UUID)
        fetch(`http://localhost:3011/trackings/${trackings[sel.selectedIndex].UUID}`, { method: 'GET'}).then(results => {
            return results.json()
        }).then(r => {
            // console.log(r.data.Data)
            console.log(r.data)
            if ('SOURCE_TCP' in r.data.Data && r.data.Data.SOURCE_TCP.length > 0) {
                updateMapTCPbulk(r.data.Data.SOURCE_TCP)
            }
            if ('SOURCE_SERIAL' in r.data.Data && r.data.Data.SOURCE_SERIAL.length > 0) {
                updateMapSERIALbulk(r.data.Data.SOURCE_SERIAL)
            }
        })

    }


});