blob: 44c264ccdb2aec8cd20752e1b2e943727b86280b (
plain) (
blame)
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
|
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;
}
};
}
|
