diff --git a/index.html b/index.html index 5ce2d73..e7f4325 100644 --- a/index.html +++ b/index.html @@ -1,43 +1,46 @@ + -LAX18's Homepage - - - - - - - - + LAX18's Homepage + + + + + + + + + -
- -
- -

-

Welcome

-

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

-

-
- -
-
- © 2019 Nicholas Pease (LAX18) -
- - +

+

Welcome

+

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

+

+
+ +
+
+ © 2019 Nicholas Pease (LAX18) +
+ + + \ No newline at end of file diff --git a/js/script.js b/js/script.js index e2dde62..6d452eb 100644 --- a/js/script.js +++ b/js/script.js @@ -1,440 +1,444 @@ // 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 = ""; + 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 + 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"] - }) + 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(); + 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").orderByValue(); - 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"]+"" - document.getElementById("sats").appendChild(a) - } - )}) - }); + console.log("Init") + database = firebase.database().ref("sats").orderByValue(); + 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"] + "" + document.getElementById("sats").appendChild(a) + }) + }) + }); } // Display List of Blogs in form function blogList() { - database = firebase.database().ref("blogs"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - var a = document.createElement("option") - a.setAttribute("value",child["key"].replace(/,/g,".")) - a.innerHTML = child["key"].replace(/,/g,".") - document.getElementById("blog-list").appendChild(a) - }) - }); - blogOnChange(); + database = firebase.database().ref("blogs"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + var a = document.createElement("option") + a.setAttribute("value", child["key"].replace(/,/g, ".")) + a.innerHTML = child["key"].replace(/,/g, ".") + document.getElementById("blog-list").appendChild(a) + }) + }); + blogOnChange(); } // Add New Blog function submitBlog() { - var date = new Date(); - var data = { - title: document.getElementById("new-blog-title").value.replace(".",","), - author: document.getElementById("new-blog-author").value, - post: document.getElementById("new-blog-post").value, - date: date.toString() - } - firebase.database().ref("blogs/"+document.getElementById("new-blog-title").value.replace(".",",")).set(data) - document.getElementById("new-blog-title").value = ''; - document.getElementById("new-blog-post").value = ''; - document.getElementById("new-blog-author").value = ""; + var date = new Date(); + var data = { + title: document.getElementById("new-blog-title").value.replace(".", ","), + author: document.getElementById("new-blog-author").value, + post: document.getElementById("new-blog-post").value, + date: date.toString() + } + firebase.database().ref("blogs/" + document.getElementById("new-blog-title").value.replace(".", ",")).set(data) + document.getElementById("new-blog-title").value = ''; + document.getElementById("new-blog-post").value = ''; + document.getElementById("new-blog-author").value = ""; } // onChange Page Update function blogOnChange() { - var title = document.getElementById("blog-list").value - var database = firebase.database().ref("blogs/"+title.replace(/,/g,".")); - database.on('value', function(data) { - var data1 = data.val() - document.getElementById("edit-blog-post").value = data1["post"] - document.getElementById("edit-blog-author").value = data1["author"] - }) + var title = document.getElementById("blog-list").value + var database = firebase.database().ref("blogs/" + title.replace(/,/g, ".")); + database.on('value', function(data) { + var data1 = data.val() + document.getElementById("edit-blog-post").value = data1["post"] + document.getElementById("edit-blog-author").value = data1["author"] + }) } // Display all blogs function displayBlogs() { - database = firebase.database().ref("blogs"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - firebase.database().ref("blogs/"+child["key"]).on('value', function (data) { - var data1 = data.val(); - var a = document.createElement("div") - a.innerHTML = "
"+data1["title"]+"
"+data1["author"]+", "+data1["date"]+"
"+data1["post"]+"

" - document.getElementById("blogs").appendChild(a) - } - )}) - }); + database = firebase.database().ref("blogs"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + firebase.database().ref("blogs/" + child["key"]).on('value', function(data) { + var data1 = data.val(); + var a = document.createElement("div") + a.innerHTML = "
" + data1["title"] + "
" + data1["author"] + ", " + data1["date"] + "
" + data1["post"] + "

" + document.getElementById("blogs").appendChild(a) + }) + }) + }); } // Edit Blog Entry function editBlog() { - var date = new Date(); - var data = { - title: document.getElementById("blog-list").value.replace(".",","), - author: document.getElementById("edit-blog-author").value, - post: document.getElementById("edit-blog-post").value, - date: date.toString() - } - firebase.database().ref("blogs/"+document.getElementById("blog-list").value.replace(".",",")).set(data) - document.getElementById("blog-list").value = ''; - document.getElementById("edit-blog-author").value = ''; - document.getElementById("edit-blog-post").value = ''; + var date = new Date(); + var data = { + title: document.getElementById("blog-list").value.replace(".", ","), + author: document.getElementById("edit-blog-author").value, + post: document.getElementById("edit-blog-post").value, + date: date.toString() + } + firebase.database().ref("blogs/" + document.getElementById("blog-list").value.replace(".", ",")).set(data) + document.getElementById("blog-list").value = ''; + document.getElementById("edit-blog-author").value = ''; + document.getElementById("edit-blog-post").value = ''; } // Display List of Programs in form function programList() { - database = firebase.database().ref("programs"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - var a = document.createElement("option") - a.setAttribute("value",child["key"].replace(/,/g,".")) - a.innerHTML = child["key"].replace(/,/g,".") - document.getElementById("program-list").appendChild(a) - }) - }); - programOnChange(); + database = firebase.database().ref("programs"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + var a = document.createElement("option") + a.setAttribute("value", child["key"].replace(/,/g, ".")) + a.innerHTML = child["key"].replace(/,/g, ".") + document.getElementById("program-list").appendChild(a) + }) + }); + programOnChange(); } // Add New Program function submitProgram() { - var data = { - title: document.getElementById("new-program-title").value.replace(".",","), - link: document.getElementById("new-program-link").value, - imglink: document.getElementById("new-program-imglink").value, - author: document.getElementById("new-program-author").value, - description: document.getElementById("new-program-description").value, - programtype: document.getElementById("new-program-type").value - } - firebase.database().ref("programs/"+document.getElementById("new-program-title").value.replace(".",",")).set(data) - document.getElementById("new-program-title").value = ''; - document.getElementById("new-program-link").value = ''; - document.getElementById("new-program-imglink").value = ''; - document.getElementById("new-program-description").value = ''; - document.getElementById("new-program-author").value = ""; - document.getElementById("new-program-type").value = ""; + var data = { + title: document.getElementById("new-program-title").value.replace(".", ","), + link: document.getElementById("new-program-link").value, + imglink: document.getElementById("new-program-imglink").value, + author: document.getElementById("new-program-author").value, + description: document.getElementById("new-program-description").value, + programtype: document.getElementById("new-program-type").value + } + firebase.database().ref("programs/" + document.getElementById("new-program-title").value.replace(".", ",")).set(data) + document.getElementById("new-program-title").value = ''; + document.getElementById("new-program-link").value = ''; + document.getElementById("new-program-imglink").value = ''; + document.getElementById("new-program-description").value = ''; + document.getElementById("new-program-author").value = ""; + document.getElementById("new-program-type").value = ""; } // onChange Page Update function programOnChange() { - var title = document.getElementById("program-list").value - var database = firebase.database().ref("programs/"+title.replace(/,/g,".")); - database.on('value', function(data) { - var data1 = data.val() - document.getElementById("edit-program-link").value = data1["link"] - document.getElementById("edit-program-imglink").value = data1["imglink"] - document.getElementById("edit-program-description").value = data1["description"] - document.getElementById("edit-program-author").value = data1["author"] - document.getElementById("edit-program-type").value = data1["programtype"] - }) + var title = document.getElementById("program-list").value + var database = firebase.database().ref("programs/" + title.replace(/,/g, ".")); + database.on('value', function(data) { + var data1 = data.val() + document.getElementById("edit-program-link").value = data1["link"] + document.getElementById("edit-program-imglink").value = data1["imglink"] + document.getElementById("edit-program-description").value = data1["description"] + document.getElementById("edit-program-author").value = data1["author"] + document.getElementById("edit-program-type").value = data1["programtype"] + }) } // Display all programs function displayPrograms() { - database = firebase.database().ref("programs"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - firebase.database().ref("programs/"+child["key"]).on('value', function (data) { - var data1 = data.val(); - var a = document.createElement("tr") - a.innerHTML = ""+data1["title"]+"
By "+data1["author"]+"
"+data1["programtype"]+"
"+data1["description"]+"" - document.getElementById("programs").appendChild(a) - } - )}) - }); + database = firebase.database().ref("programs"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + firebase.database().ref("programs/" + child["key"]).on('value', function(data) { + var data1 = data.val(); + var a = document.createElement("tr") + a.innerHTML = "" + data1["title"] + "
By " + data1["author"] + "
" + data1["programtype"] + "
" + data1["description"] + "" + document.getElementById("programs").appendChild(a) + }) + }) + }); } // Edit Program Entry function editProgram() { - var data = { - title: document.getElementById("program-list").value.replace(".",","), - link: document.getElementById("edit-program-link").value, - imglink: document.getElementById("edit-program-imglink").value, - author: document.getElementById("edit-program-author").value, - description: document.getElementById("edit-program-description").value, - programtype: document.getElementById("edit-program-type").value - } - firebase.database().ref("programs/"+document.getElementById("program-list").value.replace(".",",")).set(data) - document.getElementById("program-list").value = ''; - document.getElementById("edit-program-link").value = ''; - document.getElementById("edit-program-author").value = ''; - document.getElementById("edit-program-description").value = ''; - document.getElementById("edit-program-type").value = ""; - document.getElementById("edit-program-imglink").value = ""; + var data = { + title: document.getElementById("program-list").value.replace(".", ","), + link: document.getElementById("edit-program-link").value, + imglink: document.getElementById("edit-program-imglink").value, + author: document.getElementById("edit-program-author").value, + description: document.getElementById("edit-program-description").value, + programtype: document.getElementById("edit-program-type").value + } + firebase.database().ref("programs/" + document.getElementById("program-list").value.replace(".", ",")).set(data) + document.getElementById("program-list").value = ''; + document.getElementById("edit-program-link").value = ''; + document.getElementById("edit-program-author").value = ''; + document.getElementById("edit-program-description").value = ''; + document.getElementById("edit-program-type").value = ""; + document.getElementById("edit-program-imglink").value = ""; } // Display all projects function displayProjects() { - database = firebase.database().ref("projects"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - firebase.database().ref("projects/"+child["key"]).on('value', function (data) { - var data1 = data.val(); - var a = document.createElement("table") - if (data1["link"] == "") { - a.innerHTML = "
"+data1["title"].replace(/,/g,".")+"

"+data1["status"]+"
"+data1["description"]+"" - } else { - a.innerHTML = "
"+data1["title"].replace(/,/g,".")+"
"+data1["status"]+"
"+data1["description"]+"" - } - document.getElementById("projects").appendChild(a) + database = firebase.database().ref("projects"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + firebase.database().ref("projects/" + child["key"]).on('value', function(data) { + var data1 = data.val(); + var a = document.createElement("table") + if (data1["link"] == "") { + a.innerHTML = "
" + data1["title"].replace(/,/g, ".") + "
" + data1["status"] + "
" + data1["description"] + "" + } else { + a.innerHTML = "
" + data1["title"].replace(/,/g, ".") + "
" + data1["status"] + "
" + data1["description"] + "" } - )}) - }); + if (data1["status"] != "canceled") { + document.getElementById("projects").appendChild(a) + } + }) + }) + }); } // Edit Selected Project function editProject() { - var data = { - title: document.getElementById("project-list").value.replace(".",","), - link: document.getElementById("edit-project-link").value, - status: document.getElementById("edit-project-status").value, - description: document.getElementById("edit-project-description").value - } - firebase.database().ref("projects/"+document.getElementById("project-list").value.replace(".",",")).set(data) - document.getElementById("project-list").value = ''; - document.getElementById("edit-project-link").value = ''; - document.getElementById("edit-project-status").value = 'active'; - document.getElementById("edit-project-description").value = ''; + var data = { + title: document.getElementById("project-list").value.replace(".", ","), + link: document.getElementById("edit-project-link").value, + status: document.getElementById("edit-project-status").value, + description: document.getElementById("edit-project-description").value + } + firebase.database().ref("projects/" + document.getElementById("project-list").value.replace(".", ",")).set(data) + document.getElementById("project-list").value = ''; + document.getElementById("edit-project-link").value = ''; + document.getElementById("edit-project-status").value = 'active'; + document.getElementById("edit-project-description").value = ''; } // onChange page update function projectOnChange() { - var title = document.getElementById("project-list").value - var database = firebase.database().ref("projects/"+title.replace(/,/g,".")); - database.on('value', function(data) { - var data1 = data.val() - document.getElementById("edit-project-link").value = data1["link"] - document.getElementById("edit-project-status").value = data1["status"] - document.getElementById("edit-project-description").value = data1["description"] - }) + var title = document.getElementById("project-list").value + var database = firebase.database().ref("projects/" + title.replace(/,/g, ".")); + database.on('value', function(data) { + var data1 = data.val() + document.getElementById("edit-project-link").value = data1["link"] + document.getElementById("edit-project-status").value = data1["status"] + document.getElementById("edit-project-description").value = data1["description"] + }) } // Project Submit function submitProject() { - var data = { - title: document.getElementById("new-project-title").value.replace(".",","), - link: document.getElementById("new-project-link").value, - status: document.getElementById("new-project-status").value, - description: document.getElementById("new-project-description").value - } - firebase.database().ref("projects/"+document.getElementById("new-project-title").value.replace(".",",")).set(data) - document.getElementById("new-project-title").value = ''; - document.getElementById("new-project-link").value = ''; - document.getElementById("new-project-status").value = 'active'; - document.getElementById("new-project-description").value = ''; + var data = { + title: document.getElementById("new-project-title").value.replace(".", ","), + link: document.getElementById("new-project-link").value, + status: document.getElementById("new-project-status").value, + description: document.getElementById("new-project-description").value + } + firebase.database().ref("projects/" + document.getElementById("new-project-title").value.replace(".", ",")).set(data) + document.getElementById("new-project-title").value = ''; + document.getElementById("new-project-link").value = ''; + document.getElementById("new-project-status").value = 'active'; + document.getElementById("new-project-description").value = ''; } // Pull Project List and Display in Option function projectList() { - database = firebase.database().ref("projects"); - database.once('value', function(snapshot) { - snapshot.forEach(function(child) { - var a = document.createElement("option") - a.setAttribute("value",child["key"].replace(/,/g,".")) - a.innerHTML = child["key"].replace(/,/g,".") - document.getElementById("project-list").appendChild(a) - }) - }); - projectOnChange(); + database = firebase.database().ref("projects"); + database.once('value', function(snapshot) { + snapshot.forEach(function(child) { + var a = document.createElement("option") + a.setAttribute("value", child["key"].replace(/,/g, ".")) + a.innerHTML = child["key"].replace(/,/g, ".") + document.getElementById("project-list").appendChild(a) + }) + }); + projectOnChange(); } // Make completly sure user is authenticated. function verify() { - firebase.auth().onAuthStateChanged(function(user) { - if (user) { - readData("users", function(array) { - if (array[firebase.auth().currentUser.uid]) { - // Do nothing - } else { - window.location.href = "unauthorized.html" - }}); + firebase.auth().onAuthStateChanged(function(user) { + if (user) { + readData("users", function(array) { + if (array[firebase.auth().currentUser.uid]) { + // Do nothing + } else { + window.location.href = "unauthorized.html" + } + }); } else { - window.location.href = "unauthorized.html" + window.location.href = "unauthorized.html" } - }) + }) } - + // On pages load function onLoad() { - document.getElementById("logoutbutton").style.display = "none" - startFirebase(); - checkLogin(); - } + document.getElementById("logoutbutton").style.display = "none" + startFirebase(); + checkLogin(); +} // Starts Firebase function startFirebase() { - // Initialize Firebase - var config = { - apiKey: "AIzaSyBG5-wv3bpeiUjR6BH5GXamqPlH1arXt8Y", - authDomain: "homepage-projects-3d870.firebaseapp.com", - databaseURL: "https://homepage-projects-3d870.firebaseio.com", - projectId: "homepage-projects-3d870", - storageBucket: "homepage-projects-3d870.appspot.com", - messagingSenderId: "487531629040" - }; - firebase.initializeApp(config); + // Initialize Firebase + var config = { + apiKey: "AIzaSyBG5-wv3bpeiUjR6BH5GXamqPlH1arXt8Y", + authDomain: "homepage-projects-3d870.firebaseapp.com", + databaseURL: "https://homepage-projects-3d870.firebaseio.com", + projectId: "homepage-projects-3d870", + storageBucket: "homepage-projects-3d870.appspot.com", + messagingSenderId: "487531629040" + }; + firebase.initializeApp(config); } // Firebase Check Log In Status function checkLogin() { - firebase.auth().onAuthStateChanged(function(user) { - if (user) { - readData("users", function(array) { - if (array[firebase.auth().currentUser.uid]) { - document.getElementById("loginbutton").innerHTML = "Dashboard" - var logoutnode = document.createElement("li"); - document.getElementById("logoutbutton").style.display = "block" + firebase.auth().onAuthStateChanged(function(user) { + if (user) { + readData("users", function(array) { + if (array[firebase.auth().currentUser.uid]) { + document.getElementById("loginbutton").innerHTML = "Dashboard" + var logoutnode = document.createElement("li"); + document.getElementById("logoutbutton").style.display = "block" + } else { + document.getElementById("loginbutton").innerHTML = "Welcome, " + firebase.auth().currentUser.displayName + document.getElementById("logoutbutton").style.display = "block" + } + }) } else { - document.getElementById("loginbutton").innerHTML = "Welcome, "+firebase.auth().currentUser.displayName - document.getElementById("logoutbutton").style.display = "block" + document.getElementById("loginbutton").innerHTML = "Log In" + document.getElementById("logoutbutton").style.display = "none" } - })} else { - document.getElementById("loginbutton").innerHTML = "Log In" - document.getElementById("logoutbutton").style.display = "none" - } - }) + }) } // Firebase Log In function logIn() { - firebase.auth().setPersistence("local") - // No user is signed in. + firebase.auth().setPersistence("local") + // No user is signed in. var provider = new firebase.auth.GoogleAuthProvider(); firebase.auth().signInWithPopup(provider).then(function(result) { - // This gives you a Google Access Token. You can use it to access the Google API. - var token = result.credential.accessToken; - // The signed-in user info. - var user = result.user; - readData("users", function(array) { - checkLogin(); - }); - // ... + // This gives you a Google Access Token. You can use it to access the Google API. + var token = result.credential.accessToken; + // The signed-in user info. + var user = result.user; + readData("users", function(array) { + checkLogin(); + }); + // ... }).catch(function(error) { - // Handle Errors here. - var errorCode = error.code; - var errorMessage = error.message; - // The email of the user's account used. - var email = error.email; - // The firebase.auth.AuthCredential type that was used. - var credential = error.credential; - console.log(errorCode) - console.log(errorMessage) -// ... + // Handle Errors here. + var errorCode = error.code; + var errorMessage = error.message; + // The email of the user's account used. + var email = error.email; + // The firebase.auth.AuthCredential type that was used. + var credential = error.credential; + console.log(errorCode) + console.log(errorMessage) + // ... }); } // Firebase Log Out function logOut() { - firebase.auth().signOut().then(function() { - checkLogin(); -}, function(error) { - console.log("ERROR") - console.log(error) -}); + firebase.auth().signOut().then(function() { + checkLogin(); + }, function(error) { + console.log("ERROR") + console.log(error) + }); } // Firebase Interaction Scripts function readData(ref, callback) { - var nextformation = firebase.database().ref(ref); - nextformation.on("value", function(data) { - var array = data.val(); - callback(array) - }); + var nextformation = firebase.database().ref(ref); + nextformation.on("value", function(data) { + var array = data.val(); + callback(array) + }); } // global read data and place on page function function setData(ref, element, read1) { - var array = readData(ref, function(array) { - document.getElementById(element).innerHTML = array[read1] - }); + var array = readData(ref, function(array) { + document.getElementById(element).innerHTML = array[read1] + }); } // Firebase Interaction Scripts function sendData(ref, data) { - var database = firebase.database(); - firebase.database().ref(ref).set(data); -} + var database = firebase.database(); + firebase.database().ref(ref).set(data); +} \ No newline at end of file