From b18334fe5a628d93bcd3c0d345436c1afc63d4b0 Mon Sep 17 00:00:00 2001 From: Nicholas Pease Date: Sun, 5 Apr 2020 14:13:10 -0400 Subject: [PATCH] Added Weather Satellite Images to Website --- css/style.css | 3 ++ dashboard.html | 80 ++++++++++++++++++++++++++++++++++++++++++- index.html | 7 ++-- js/script.js | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++ sat.html | 39 +++++++++++++++++++++ 5 files changed, 218 insertions(+), 4 deletions(-) create mode 100644 sat.html diff --git a/css/style.css b/css/style.css index ee8a4be..78fafb6 100644 --- a/css/style.css +++ b/css/style.css @@ -8,6 +8,8 @@ #nav {border-style: solid;border-color: black;} #contact-body {font-size: 15;} #navbarlogo {padding-bottom: 10px;} +#resize {height: 250px; width: auto;} +#nobold {text-decoration: none;} #entirenav {position: -webkit-sticky; /* Safari */ position: sticky; top: 0; @@ -28,3 +30,4 @@ separator {height: 30px;} .inactive {color: orange;} .canceled {color: red;} .depracated {color: yellow;} +.hidden {display: none;} diff --git a/dashboard.html b/dashboard.html index a4f9d2c..3c20a97 100644 --- a/dashboard.html +++ b/dashboard.html @@ -17,7 +17,7 @@ } - +

Admin Dashboard

+ + + + + +
+ Satellite Imagery + +
+
+ + + + + + + +
+ Add Satellite:
+ Satellite:
+
+ Direction:
+ +
Time (UTC):
+
+ Date
+
+ Image Name:
+
+ Max SNR:
+
+ Max Elevation:
+
+ Processing Info:
+
+ +

+ 		+ Edit Satellite
+ Select Satellite Post to Edit:
+
+ Satellite:
+
+ Direction:
+
+ + Image Name:
+
+ Max SNR:
+
+ Max Elevation:
+
+ Processing Info:
+
+ +
" + document.getElementById("sats").appendChild(a) + } + )}) + }); +} + // Display List of Blogs in form function blogList() { database = firebase.database().ref("blogs"); diff --git a/sat.html b/sat.html new file mode 100644 index 0000000..28ef002 --- /dev/null +++ b/sat.html @@ -0,0 +1,39 @@ + + +LAX18's Homepage - Satellite Imagery + + + + + + + + + +
+ + +
+

Satellite Imagery

+ Listed below are my satellite captures from passing NOAA and Meteor satellites.
+
diff --git a/index.html b/index.html index cce51a7..5ce2d73 100644 --- a/index.html +++ b/index.html @@ -14,11 +14,12 @@

-
Welcome -
This is a place where I showcase my projects, skills, and completed products, as well as me. +

Welcome

+

This is a place where I showcase my projects, skills, and completed products, as well as me.


diff --git a/js/script.js b/js/script.js index 4607a8c..267d0b7 100644 --- a/js/script.js +++ b/js/script.js @@ -1,3 +1,96 @@ +// Add New Satellite Post +function submitSat() { + var date = new Date(); + var data = { + name: document.getElementById("new-sat-name").value, + direction: document.getElementById("new-sat-direction").value, + time: document.getElementById("new-sat-time").value, + date: document.getElementById("new-sat-date").value, + image: document.getElementById("new-sat-image").value, + snr: document.getElementById("new-sat-snr").value, + elevation: document.getElementById("new-sat-elevation").value, + processing: document.getElementById("new-sat-processing").value + } + firebase.database().ref("sats/"+document.getElementById("new-sat-date").value.split("/").join(",")+" "+document.getElementById("new-sat-time").value).set(data) + document.getElementById("new-sat-name").value = ''; + document.getElementById("new-sat-direction").value = ''; + document.getElementById("new-sat-time").value = ""; + document.getElementById("new-sat-date").value = ""; + document.getElementById("new-sat-image").value = ""; + document.getElementById("new-sat-snr").value = ""; + document.getElementById("new-sat-elevation").value = ""; + document.getElementById("new-sat-processing").value = ""; +} +// Edit Satellite Post +function editSat() { + var data = { + name: document.getElementById("edit-sat-name").value, + direction: document.getElementById("edit-sat-direction").value, + time: document.getElementById("edit-sat-time").value, + date: document.getElementById("edit-sat-date").value, + image: document.getElementById("edit-sat-image").value, + snr: document.getElementById("edit-sat-snr").value, + elevation: document.getElementById("edit-sat-elevation").value, + processing: document.getElementById("edit-sat-processing").value + } + firebase.database().ref("sats/"+document.getElementById("edit-sat-date").value.split("/").join(",")+" "+document.getElementById("edit-sat-time").value).set(data) + document.getElementById("edit-sat-name").value = ''; + document.getElementById("edit-sat-direction").value = ''; + document.getElementById("edit-sat-time").value = ""; + document.getElementById("edit-sat-date").value = ""; + document.getElementById("edit-sat-image").value = ""; + document.getElementById("edit-sat-snr").value = ""; + document.getElementById("edit-sat-elevation").value = ""; + document.getElementById("edit-sat-processing").value +} + +// Satellite onChange Page Update +function satOnChange() { + var title = document.getElementById("sat-list").value + var database = firebase.database().ref("sats/"+title.split("/").join(",")); + database.on('value', function(data) { + var data1 = data.val() + document.getElementById("edit-sat-name").value = data1["name"] + document.getElementById("edit-sat-direction").value = data1["direction"] + document.getElementById("edit-sat-time").value = data1["time"] + document.getElementById("edit-sat-date").value = data1["date"] + document.getElementById("edit-sat-image").value = data1["image"] + document.getElementById("edit-sat-snr").value = data1["snr"] + document.getElementById("edit-sat-elevation").value = data1["elevation"] + document.getElementById("edit-sat-processing").value = data1["processing"] + }) +} + +// Display List of Sats in form +function satList() { + database = firebase.database().ref("sats"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + var a = document.createElement("option") + a.setAttribute("value",child["key"].split(",").join("/")) + a.innerHTML = child["key"].split(",").join("/") + document.getElementById("sat-list").appendChild(a) + }) + }); + blogOnChange(); +} + +// Display all Satellites +function displaySats() { + console.log("Init") + database = firebase.database().ref("sats"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + firebase.database().ref("sats/"+child["key"]).on('value', function (data) { + var data1 = data.val(); + var a = document.createElement("tr") + a.innerHTML = "

Click to enlarge

"+data1["name"]+"

"+data1["direction"]+"

"+data1["date"].split(",").join(",")+" "+data1["time"]+" UTC"+"

Max Elevation: "+data1["elevation"]+"

Max SNR: "+data1["snr"]+"

Processing Information: "+data1["processing"]+"

+ + +
+ +