creative-project-2/script.js at main · halecroft/creative-project-2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
const APIKEY = "50992613b883a656889bd86194b3003e";
const ISSID = "25544"

var locationObject; /*delete when ready*/
var passesObject; /*delete when ready*/

function locationError(show) {
    document.getElementById("errorMessage").hidden = !show;
}

function search() {
    const location = document.getElementById("location").value;
    if (location === "") {
        locationError(true);
        return;
    }
    console.log(location);

    let locationurl = "";
    var zip;

    if (isNaN(location)) {
        zip = false;
        locationurl = "https://api.openweathermap.org/geo/1.0/direct?q=" + location + "&APPID=" + APIKEY;
    } else {
        zip = true;
        locationurl = "https://api.openweathermap.org/geo/1.0/zip?zip=" + location + "&APPID=" + APIKEY;
    }

    fetch(locationurl)
        .then(function(response) {
            if (!response.ok) {
                locationError(true);
                return;
            }
            locationError(false);
            return response.json();
        }).then(function(json) {
            locationObject = json; /*delete when ready*/
            let lat = "";
            let lon = "";

            if (zip) {
                lat = json.lat;
                lon = json.lon;
            } else {
                if (json.length == 0) {
                    locationError(true);
                }
                lat = json[0].lat;
                lon = json[0].lon;
            }

            const numPasses = document.getElementById("numPasses").value;
            const showPasses = document.getElementById("showPasses").value;
            var visiblePasses;

            if (showPasses == "Visible Passes Only") {
                visiblePasses = "true";
            } else {
                visiblePasses = "false";
            }

            const passesurl = "https://satellites.fly.dev/passes/" + ISSID + "?lat=" + lat + "&lon=" + lon + "&limit=" + numPasses + "&visible_only=" + visiblePasses;

            fetch(passesurl)
                .then(function(response) {
                    return response.json();
                }).then(function(json) {
                    passesObject = json; /*delete when ready*/
                    document.getElementById("results").innerHTML = "";
                    for (let pass of json) {
                        let results = "<h3>Rise</h3>";
                        results += "<h4>" + pass.rise.utc_datetime.split(".")[0] + " UTC</h4>";
                        results += "<p>Direction: " + pass.rise.az + "&deg; (" + pass.rise.az_octant + ")</p>";
                        results += "<h3>Culmination</h3>";
                        results += "<h4>" + pass.culmination.utc_datetime.split(" ")[1].split(".")[0] + " UTC</h4>";
                        results += "<p>Altitude: " + pass.culmination.alt + "&deg;</p>";
                        results += "<p>Direction: " + pass.culmination.az + "&deg; (" + pass.culmination.az_octant + ")</p>";
                        if (pass.culmination.visible) {
                            results += "<p>Visible</p>";
                        } else {
                            results += "<p>Not Visible</p>";
                        }
                        results += "<h3>Set</h3>";
                        results += "<h4>" + pass.set.utc_datetime.split(" ")[1].split(".")[0] + " UTC</h4>";
                        results += "<p>Direction: " + pass.set.az + "&deg; (" + pass.rise.az_octant + ")</p>";

                        passElement = document.createElement("div");
                        passElement.setAttribute("class", "passBox");
                        passElement.innerHTML = results;
                        document.getElementById("results").appendChild(passElement);
                    }
                    document.getElementById("results").hidden = false;
                });
        });
}

document.getElementById("submit").addEventListener("click", function(event) {
    event.preventDefault();
    search();
});