AviationAssistant/js/script2.js

function openMetar() {
    document.getElementById("metar_container").style.display = "block"
    document.getElementById("radar_container").style.display = "none"
    document.getElementById("atc_container").style.display = "none"
    TAB = "METAR"
    var center = ol.proj.toLonLat(OLMap.getView().getCenter(), OLMap.getView().getProjection());
    nearestStations(center[1], center[0])
}

function openRadar() {
    document.getElementById("metar_container").style.display = "none"
    document.getElementById("radar_container").style.display = "block"
    document.getElementById("atc_container").style.display = "none"
    TAB = "RADAR"
}

function openATC() {
    document.getElementById("metar_container").style.display = "none"
    document.getElementById("radar_container").style.display = "none"
    document.getElementById("atc_container").style.display = "block"
    TAB = "ATC"
    listStations()
}

function readBatteryLevel() {
    FetchPending = $.ajax({
        url: 'data/battery.json',
        timeout: 5000,
        cache: false,
        dataType: 'json'
    });
    FetchPending.done(function (data) {
        document.getElementById("percentage").innerHTML = data.percentage[0].level + "%"
        battery = data.adapter[0].status
        if (battery === "in") {
            document.getElementById('battery').innerHTML = "battery_charging_full"

        } else if (data.percentage[0].level < 21) {
            document.getElementById('battery').innerHTML = "battery_alert"

        } else {
            document.getElementById('battery').innerHTML = "battery_full"

        }
    });

}

function celciusToF(number) {
    return number * 9 / 5 + 32
}

function metersToF(number) {
    return number * 3.28084
}

function numToCompass(num) {
    var val = Math.floor((num / 22.5) + 0.5);
    var arr = ["N", "NNE", "NE", "ENE", "E", "ESE", "SE", "SSE", "S", "SSW", "SW", "WSW", "W", "WNW", "NW", "NNW"];
    return arr[(val % 16)];
}

function ktsToMPH(num) {
    return num * 1.15078
}

function showInformation() {
    document.getElementById("settings_information").style.display = "block"
    document.getElementById("settings_default").style.display = "none"

}

function showDefault() {
    document.getElementById("settings_default").style.display = "block"
    document.getElementById("settings_information").style.display = "none"
}

function volUp() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/audio", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            console.log(xhr.response)
            document.getElementById("volume_level").innerHTML = xhr.response
        }
    }
    xhr.send(JSON.stringify({
        direction: 1
    }));

}

function volDown() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/audio", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            console.log(xhr.response)
            document.getElementById("volume_level").innerHTML = xhr.response
        }
    }
    xhr.send(JSON.stringify({
        direction: 0
    }));
}

function changeMapBounds(btm_left, top_right) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:8000/internet", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            //console.log(xhr.response)
        }
    }
    var json = {
        lat_north: top_right[1],
        lat_south: btm_left[1],
        long_east: btm_left[0],
        long_west: top_right[0]
    }
    xhr.send(JSON.stringify(json));
}

function toggleInternet() {
    if (internet_mode === 0) {
        getBounds()
        internet_mode = 1
        document.getElementById("internet_mode").innerHTML = "wifi"
    } else if (internet_mode === 1) {
        location.reload();
    }
}

function getBounds() {
    const extent = OLMap.getView().calculateExtent(OLMap.getSize())
    var coord1 = [extent[0], extent[1]]
    var point1 = ol.proj.toLonLat(coord1, OLMap.getView().getProjection())
    var coord2 = [extent[2], extent[3]]
    var point2 = ol.proj.toLonLat(coord2, OLMap.getView().getProjection())
    changeMapBounds(point1, point2)
    //console.log(point1, point2)
}

function modal() {
    var modal = document.getElementById("info_modal");
    var btn = document.getElementById("info_button");
    var span = document.getElementById("close_modal");
    btn.onclick = function () {
        modal.style.display = "block";
    }
    span.onclick = function () {
        modal.style.display = "none";
    }
    window.onclick = function (event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    modal2()
}

function modal2() {
    var modal = document.getElementById("image_modal");
    var btn = document.getElementById("img_button");
    var span = document.getElementById("close_modal2");
    btn.onclick = function () {
        modal.style.display = "block";
    }
    span.onclick = function () {
        modal.style.display = "none";
    }
    window.onclick = function (event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    modal3()
}

function modal3() {
    var modal = document.getElementById("aircraft_modal");
    var btn = document.getElementById("aircraft_button");
    var span = document.getElementById("close_modal3");
    btn.onclick = function () {
        modal.style.display = "block";
    }
    span.onclick = function () {
        modal.style.display = "none";
    }
    window.onclick = function (event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
}

function getInitialVolume() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/audio", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            console.log(xhr.response)
            document.getElementById("volume_level").innerHTML = xhr.response
        }
    }
    xhr.send(JSON.stringify({
        direction: 2
    }));
}

function getCPUTemp() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            temp = xhr.response
            temp = temp.substring(5, temp.length - 5)
            var temp_percentage = temp / 85 * 100
            temp = celciusToF(parseFloat(temp));
            document.getElementById("internal_temperature").innerHTML = temp
            document.getElementById("internal_temperature").style.color = hsl_col_perc(temp_percentage, 0, 120)
        }
    }
    xhr.send(JSON.stringify({
        command: "vcgencmd measure_temp"
    }));
}

function readBrightnessLevel() {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/brightness", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            brightness = parseFloat(xhr.response)
            document.getElementById("brightness_level").innerHTML = brightness
        }
    }
    xhr.send(JSON.stringify({
        level: 256
    }));
}

function setBrightness(direction) {
    if (direction === "up") {
        if (brightness + 5 <= 255) {
            brightness = brightness + 5
            var xhr = new XMLHttpRequest();
            xhr.open("POST", "http://127.0.0.1:5000/brightness", true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            xhr.send(JSON.stringify({
                level: brightness
            }));
            document.getElementById("brightness_level").innerHTML = brightness
        }
    }
    if (direction === "down") {
        if (brightness - 5 >= 15) {
            brightness = brightness - 5
            var xhr = new XMLHttpRequest();
            xhr.open("POST", "http://127.0.0.1:5000/brightness", true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            xhr.send(JSON.stringify({
                level: brightness
            }));
            document.getElementById("brightness_level").innerHTML = brightness
        }

    }
}

function offlineToggle() {
    if (document.getElementById("switch-1").checked) {
        openRadar()
        document.getElementById("metar_button").disabled = true;
        document.getElementById("liveatc_button").disabled = true;
        document.getElementById("player").pause()
        document.getElementById("itinerary_button").style.opacity = .4
        document.getElementById("itinerary_button").classList.remove("pointer")
        document.getElementById("itinerary_button").removeAttribute("onclick")
    } else {
        document.getElementById("metar_button").disabled = false;
        document.getElementById("liveatc_button").disabled = false;
        document.getElementById("itinerary_button").style.opacity = 1
        document.getElementById("itinerary_button").classList.add("pointer")
        document.getElementById("itinerary_button").setAttribute("onclick", "goItinerary()")
    }

}

function sendCMD(cmd) {
    if (cmd === "update") {
        var output = ""
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                console.log(xhr.response + "A")
                if (xhr.response.substring(0, 19) === "Already up to date.") {
                    var snackbarContainer = document.getElementById('no-updates-snackbar');
                    var data = {
                        message: 'Already Up To Date!'
                    };
                    snackbarContainer.MaterialSnackbar.showSnackbar(data);
                } else {
                    var snackbarContainer = document.getElementById('no-updates-snackbar');
                    var data = {
                        message: 'Updating...'
                    };
                    snackbarContainer.MaterialSnackbar.showSnackbar(data);
                }
            }
        }
        xhr.send(JSON.stringify({
            command: "sudo git pull"
        }));
    }
    if (cmd === "getbranch") {
        var output = ""
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                output = xhr.response
                var current_branch = output.substr(2, output.length - 3)
                if (current_branch === 'unstable') {
                    document.getElementById("branch_name").innerHTML = "stable"
                    document.getElementById("branch_button").setAttribute("onclick", "changeBranch('master')")
                } else {
                    document.getElementById("branch_name").innerHTML = "unstable"
                    document.getElementById("branch_button").setAttribute("onclick", "changeBranch('unstable')")
                }

            }
        }
        xhr.send(JSON.stringify({
            command: "sudo git branch | grep -F '*'"
        }));

    }
    if (cmd === "shutdown") {
        var snackbarContainer = document.getElementById('no-updates-snackbar');
        var data = {
            message: 'Shutting Down...'
        };
        snackbarContainer.MaterialSnackbar.showSnackbar(data);
        var output = ""
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                console.log(xhr.response)
                output = xhr.response
            }
        }
        xhr.send(JSON.stringify({
            command: "cd /usr/local/bin && sudo x728softsd.sh"
        }));
    }


}

function changeColorMode() {
    const themeStylesheet = document.getElementById('theme')
    //const themeToggle = document.getElementById('theme-toggle')
    if (themeStylesheet.href.includes('light')) {
        
        document.getElementById("logo").setAttribute("src", "images/dark/logo.png")
        document.getElementById("radar_image").setAttribute("src", "images/dark/radar.png")
        document.getElementById("itinerary_image").setAttribute("src", "images/dark/itinerary.png")
        document.getElementById("graphs_image").setAttribute("src", "images/dark/graphs.png")
        document.getElementById("settings_image").setAttribute("src", "images/dark/settings.png")
        document.getElementById("settings_logo").setAttribute("src", "images/dark/logo.png")
        themeStylesheet.href = 'css/style-dark.css'
        // themeToggle.innerText = 'Switch to light mode'
    } else {
        // if it's dark -> go light
        themeStylesheet.href = 'css/style-light.css'
        document.getElementById("logo").setAttribute("src", "images/light/logo.png")
        document.getElementById("radar_image").setAttribute("src", "images/light/radar.png")
        document.getElementById("itinerary_image").setAttribute("src", "images/light/itinerary.png")
        document.getElementById("graphs_image").setAttribute("src", "images/light/graphs.png")
        document.getElementById("settings_image").setAttribute("src", "images/light/settings.png")
        document.getElementById("settings_logo").setAttribute("src", "images/light/logo.png")
        //themeToggle.innerText = 'Switch to dark mode'
    }
}

function changeBranch(branch) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify({
        command: "sudo git checkout " + branch
    }));
    sendCMD("getbranch")
}

function goHome() {
    document.getElementById("itinerary_page").style.display = "none"
    document.getElementById("radar_page").style.display = "none"
    document.getElementById("home_page").style.display = "block"
    document.getElementById("settings_page").style.display = "none"
    document.getElementById("graphs_page").style.display = "none"
}

function goRadar() {
    document.getElementById("itinerary_page").style.display = "none"
    document.getElementById("radar_page").style.display = "block"
    document.getElementById("home_page").style.display = "none"
    document.getElementById("settings_page").style.display = "none"
    document.getElementById("graphs_page").style.display = "none"
}

function goItinerary() {
    document.getElementById("itinerary_page").style.display = "block"
    document.getElementById("radar_page").style.display = "none"
    document.getElementById("home_page").style.display = "none"
    document.getElementById("settings_page").style.display = "none"
    document.getElementById("graphs_page").style.display = "none"
}

function goSettings() {
    document.getElementById("itinerary_page").style.display = "none"
    document.getElementById("settings_page").style.display = "block"
    document.getElementById("radar_page").style.display = "none"
    document.getElementById("home_page").style.display = "none"
    document.getElementById("graphs_page").style.display = "none"
}


function goGraphs() {
    document.getElementById("itinerary_page").style.display = "none"
    document.getElementById("settings_page").style.display = "none"
    document.getElementById("radar_page").style.display = "none"
    document.getElementById("home_page").style.display = "none"
    document.getElementById("graphs_page").style.display = "block"
}

function radarRadarTabSwitch() {
    document.getElementById("radar_radar_tab").style.display = "block"
    document.getElementById("radar_flight_tab").style.display = "none"
    document.getElementById("radar_aircraft_tab").style.display = "none"
}

function radarFlightTabSwitch() {
    document.getElementById("radar_radar_tab").style.display = "none"
    document.getElementById("radar_flight_tab").style.display = "block"
    document.getElementById("radar_aircraft_tab").style.display = "none"
}

function radarAircraftTabSwitch() {
    document.getElementById("radar_radar_tab").style.display = "none"
    document.getElementById("radar_flight_tab").style.display = "none"
    document.getElementById("radar_aircraft_tab").style.display = "block"
}

function changeGraphsTime() {
    var time = document.getElementById("graphs_time").value
    document.getElementById("graphs_holder").setAttribute("src", "http://localhost/graphs1090/graphs" + graph_types[starting_graph] + time + ".png")
}

function changeGraph(direction) {

    var time = document.getElementById("graphs_time").value
    if (direction && starting_graph != graph_types.length - 1) {
        starting_graph++
        document.getElementById("graphs_holder").setAttribute("src", "http://localhost/graphs1090/graphs" + graph_types[starting_graph] + time + ".png")
        console.log(starting_graph)
    } else if (starting_graph != 0) {
        starting_graph = starting_graph - 1
        document.getElementById("graphs_holder").setAttribute("src", "http://localhost/graphs1090/graphs" + graph_types[starting_graph] + time + ".png")
        console.log(starting_graph)
    }

    if (starting_graph === graph_types.length - 1) {
        document.getElementById("arrow_forward_graphs").disabled = true;
    } else if (starting_graph === 0) {
        document.getElementById("arrow_back_graphs").disabled = true;
    } else {
        document.getElementById("arrow_back_graphs").disabled = false;
        document.getElementById("arrow_forward_graphs").disabled = false;
    }

    if (starting_graph === 0) {
        document.getElementById("graphs_holder").setAttribute("class", "graphs_s")
    } else if (starting_graph === 7) {
        document.getElementById("graphs_holder").setAttribute("class", "graphs_s")
    } else {
        document.getElementById("graphs_holder").setAttribute("class", "graphs")
    }
}


function toTitleCase(str) {
    return str.toLowerCase().split(' ').map(function (word) {
        return (word.charAt(0).toUpperCase() + word.slice(1));
    }).join(' ');
}

function hsl_col_perc(percent, start, end) {
    var a = percent / 100,
        b = (end - start) * a,
        c = b + start;

    // Return a CSS HSL string
    return 'hsl(' + c + ', 100%, 50%)';
    // hsl_col_perc(bed_percent, 0, 120)
}

function toggleCesium() {
    if (cesuim_active) {
        ol3d.setEnabled(false);
        cesuim_active = false
        document.getElementById("cesium").innerHTML = "language"
    } else {
        ol3d.setEnabled(true);
        cesuim_active = true
        document.getElementById("cesium").innerHTML = "map"
    }
}