From a18de65af35a761a4be744cd71b4b002b31ed1e6 Mon Sep 17 00:00:00 2001 From: ben64103 Date: Thu, 17 Aug 2023 15:04:38 -0700 Subject: [PATCH] ...info: get cast details --- html/pages.html | 15 ++++++++-- js/movies.js | 2 +- js/pages.js | 76 ++++++++++++++++++++++--------------------------- 3 files changed, 47 insertions(+), 46 deletions(-) diff --git a/html/pages.html b/html/pages.html index 69c7e54..13db11a 100644 --- a/html/pages.html +++ b/html/pages.html @@ -5,16 +5,25 @@ Document + + +
-
-
- +
+
+

+ +
+

Know for

+

Place of birth

+

Birthday

+
diff --git a/js/movies.js b/js/movies.js index cbbcff5..eafe36f 100644 --- a/js/movies.js +++ b/js/movies.js @@ -12,7 +12,7 @@ const img_path = "https://image.tmdb.org/t/p/w1280"; const mainSection = document.getElementById("mainSection"); const mainAbout = document.getElementById("mainAbout"); -let currentIndex = 102; +let currentIndex = 2; getMovies(api_url); async function getMovies(url) { let allMovies = []; diff --git a/js/pages.js b/js/pages.js index 6502d0f..d8da56d 100644 --- a/js/pages.js +++ b/js/pages.js @@ -1,52 +1,44 @@ const api_key = "5e750355564957a2353604d8a9344e94"; +const img_path = "https://image.tmdb.org/t/p/w1280"; + const ID = JSON.parse(localStorage.getItem("cast-id")); +const castHeader = document.getElementById("castHeader"); +const profileImg = document.getElementById("profileImg"); +const castName = document.querySelector(".cast-name"); +const castInfo = document.querySelector(".cast-info"); + async function fetchData(url) { const response = await fetch(url); const data = await response.json(); - return data; -} - -async function getPersonCombinedCredits(id) { - const url = `https://api.themoviedb.org/3/person/${id}/combined_credits?api_key=${api_key}`; - const data = await fetchData(url); - console.log("Combined credits", data); -} - -async function getPersonMovies(id) { - const url = `https://api.themoviedb.org/3/person/${id}/movie_credits?api_key=${api_key}`; - const data = await fetchData(url); - console.log("Similar Movies:", data); -} - -async function getPersonImages(id) { - const url = `https://api.themoviedb.org/3/person/${id}/images?api_key=${api_key}`; - const data = await fetchData(url); - console.log("Person Images:", data); -} -async function getPersonDetails(details_id) { - const url = `https://api.themoviedb.org/3/person/${details_id}?api_key=${api_key}`; - const data = await fetchData(url); - console.log("Person Details:", data); -} - -async function getPersonMovieCredits(id) { - const url = `https://api.themoviedb.org/3/person/${id}/movie_credits?api_key=${api_key}`; - const data = await fetchData(url); - console.log("Person Credits", data); + return data; } - -async function main() { - try { - await getPersonImages(ID); - await getPersonDetails(ID); - await getPersonMovies(ID); - await getPersonMovieCredits(ID); - await getPersonCombinedCredits(ID); - } catch (error) { - console.error("An error occurred:", error); - } +getCastInfo(ID); +async function getCastInfo(id) { + const castDetailsURL = `https://api.themoviedb.org/3/person/${id}?api_key=${api_key}`; + const castImgsURL = `https://api.themoviedb.org/3/person/${id}/images?api_key=${api_key}`; + const castMovieURL = `https://api.themoviedb.org/3/person/${id}/movie_credits?api_key=${api_key}`; + const castCreditsURL = `https://api.themoviedb.org/3/person/${id}/movie_credits?api_key=${api_key}`; + const combCreditsURL = `https://api.themoviedb.org/3/person/${id}/combined_credits?api_key=${api_key}`; + + const castImgsDATA = await fetchData(castImgsURL); + const castMovieDATA = await fetchData(castMovieURL); + const castCreditsDATA = await fetchData(castCreditsURL); + const combCreditsDATA = await fetchData(combCreditsURL); + const castDetailsDATA = await fetchData(castDetailsURL); + + console.log(castImgsDATA); + console.log(castMovieDATA); + console.log(castCreditsDATA); + console.log(combCreditsDATA); + console.log(castDetailsDATA); + + // console.log(castDetailsDATA); + + castName.innerHTML = castDetailsDATA.name; + birth.innerHTML = castDetailsDATA.place_of_birth; + job.innerHTML = castDetailsDATA.known_for_department; + profileImg.src = img_path + castImgsDATA.profiles[0].file_path; } -main();