$.ajax({ url: `https://api.nasa.gov/planetary/apod?api_key=1gI9G84ZafKDEnrbydviGknReOGiVK9jqrQBE3et&start_date=${new Date().toLocaleString().slice(6, 10)}-${new Date().toLocaleString().slice(3, 5)}-01&end_date=${new Date().toLocaleString().slice(6,10)}-${new Date().toLocaleString().slice(3, 5)}-${new Date().toLocaleString().slice(0,2)}`, type: "GET", success: function(data){ Wallpaper(data) }, error: function(){ let prev_date = Number(new Date().toLocaleString().slice(0,2)) this.url = `https://api.nasa.gov/planetary/apod?api_key=1gI9G84ZafKDEnrbydviGknReOGiVK9jqrQBE3et&start_date=${new Date().toLocaleString().slice(6, 10)}-${new Date().toLocaleString().slice(3, 5)}-01&end_date=${new Date().toLocaleString().slice(6,10)}-${new Date().toLocaleString().slice(3, 5)}-${prev_date-1}`, $.ajax({ url: this.url, type: "GET", success: function(data){ Wallpaper(data) } }) } }); const myModal = new bootstrap.Modal('#Wallpaper', { keyboard: false }) myModal.show() function Wallpaper(data) { for (let i = 0; i < data.length; i++) { if (data[i].media_type === "image") { $(".header-row").append(`
${data[i].title}
`) } else { $(".header-row").append(`
${data[i].title}
`) } let buttons = document.querySelector(".header-row") buttons.addEventListener("click", function (event) { if (event.target.tagName === "IMG") { let id = event.target.getAttribute("idi") let img = document.querySelector(".modal-body") let title = document.querySelector(".modal-title") let button = document.querySelector(".modal-footer") button.innerHTML = ` ` let setWallpaper = document.querySelector("#setWallpaper") if(data[id-1].media_type === "image") { img.innerHTML = ` ${data[id - 1].title}

Author: ${data[id - 1].copyright}

Date of shooting: ${data[id - 1].date}

Explanation: ${data[id - 1].explanation}

` title.innerHTML = ` ` setWallpaper.addEventListener("click", function () { $.ajax({ url: `http://localhost:8080/api/update/wallpaper`, type: "POST", data: { url: data[id - 1].hdurl }, success: function () { $(".toast-body").text("The wallpaper has been installed") let toastLiveExample = document.getElementById('liveToast') let toast = new bootstrap.Toast(toastLiveExample) toast.show() }, error: function (err) { console.error(err); } }) }) } else { img.innerHTML = `

Author: ${data[id - 1].copyright}

Date of shooting: ${data[id - 1].date}

Explanation: ${data[id - 1].explanation}

` title.innerHTML = ` ` setWallpaper.addEventListener("click", function () { $.ajax({ url: `http://localhost:8080/api/update/wallpaper`, type: "POST", data: { url: `https://img.youtube.com/vi/${data[id - 1].url.slice(30,41)}/maxresdefault.jpg` }, success: function () { $(".toast-body").text("The wallpaper has been installed") let toastLiveExample = document.getElementById('liveToast') let toast = new bootstrap.Toast(toastLiveExample) toast.show() }, error: function (err) { console.error(err); } }) }) } } }) } }