initial commit

1 files changed, 79 insertions, 0 deletions

diff --git a/assets/js/scripts.js b/assets/js/scripts.js
new file mode 100644
index 0000000..44c264c
--- /dev/null
+++ b/assets/js/scripts.js
@@ -0,0 +1,79 @@
+function fetchAPOD() {
+  var nasaURL = "https://api.nasa.gov/planetary/apod?api_key=1GOcJRVS7vlt3ePPXPquaxDi8gfduRVeFJwcemIN";
+
+  $.ajax({
+    url: nasaURL,
+    success: function(result) {
+      $("#apod-container").css("display", "block");
+      if ("copyright" in result) {
+        $("#apod-credit").text("Credit: " + result.copyright);
+      } else {
+        $("#apod-credit").text("Credit: " + "Public Domain");
+      }
+
+      if (result.media_type === "video") {
+        $("#apod-vid").css("display", "block");
+        $("#apod-vid").attr("src", result.url);
+      } else {
+        $("#apod-img").css("display", "block");
+        $("#apod-img").attr("src", result.url);
+      }
+      $("#apod-explanation").text(result.explanation);
+      $("#apod-title").text(result.title);
+    }
+  });
+
+}
+
+// NASA Image API Search
+function search() {
+  $("#temporary-banner").hide();
+  $(".card-columns").empty();
+  var searchTerm = $("#search_input").val();
+  searchAJAX(undefined, searchTerm);
+}
+
+function searchAJAX(searchURL, searchTerm) {
+  if (searchURL === undefined) {
+    searchURL = "https://images-api.nasa.gov/search?q=" + searchTerm;
+  }
+
+  $.ajax({
+    url: searchURL,
+    success: function(result) {
+      console.log(result);
+      var totalHits = result.collection.metadata.total_hits;
+      for (var i = 0; i < totalHits; i++) {
+        if (result.collection.items[i] != undefined && result.collection.items[i].data[0].media_type == "image") {
+          var title = result.collection.items[i].data[0].title;
+          var thumbnail = result.collection.items[i].links[0].href;
+          var card = "<div class='card gallery-card'><a href=" + thumbnail + " target='_blank'><img class='card-img-top' src='" + thumbnail + "' alt='" + title + "' /></a><div class='card-body' style='padding:0.5rem;'><p class='card-title'>" + title + "</p></div></div>";
+          $(".card-columns").append(card);
+        }
+      }
+      /*
+      ** 
+      ** This next piece of code allows the function to continue returning additional sets of API results (100 per API call) until there are no more pages of results.
+      ** Instead of doing this automatically, there should be a button navigation implemented.
+      **
+      if (result.collection.links[0].rel === "next") {
+        searchAJAX(result.collection.links[0].href, searchTerm);
+      } else if (result.collection.links[1].rel === "next") {
+        searchAJAX(result.collection.links[1].href, searchTerm);
+      }
+      */
+    }
+  });
+}
+
+function setSearchInput() {
+  document.getElementById("search_input").onkeypress = function(e) {
+    if (!e) {
+      e = window.event;
+    }
+    if (e.keyCode == "13") {
+      search();
+      return false;
+    }
+  };
+}