isa44.74/mandalorian
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

tentative d'ajout d'event

Browse source
This commit is contained in:
William Noris 2021-10-20 14:04:21 +02:00
parent 4287c0e09b
commit 5ea8a5af79
1 changed files with 55 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
scripts/planets.js
View file

@ -12,6 +12,10 @@ function remplissage(results) {
const nextUrl = results.next; const nextUrl = results.next;
const tabResults = results.results; const tabResults = results.results;
planetsItems = [];
residentsArray = [];
filmsArray = [];
for (resultPlanet of tabResults) { for (resultPlanet of tabResults) {
const nom = resultPlanet.name; const nom = resultPlanet.name;
const diametre = resultPlanet.diameter; const diametre = resultPlanet.diameter;
@ -21,6 +25,8 @@ function remplissage(results) {
const tabResidents = resultPlanet.residents; const tabResidents = resultPlanet.residents;
const tabFilms = resultPlanet.films; const tabFilms = resultPlanet.films;
residentsArray.push(tabResidents);
filmsArray.push(tabFilms);
planetes.innerHTML += planetes.innerHTML +=
@ -38,16 +44,35 @@ function remplissage(results) {
</section>`; </section>`;
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header"); const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
item = accordeonItemHeader[accordeonItemHeader.length - 1]; console.log(accordeonItemHeader[accordeonItemHeader.length - 1]);
item.addEventListener("click", event => { accordeonItemHeader[accordeonItemHeader.length - 1].addEventListener("click", function (event) {
accordeonItemHeader.classList.toggle("active"); console.log(`click on `);
api_call_array(tabResidents, fillDetails); console.log(event.target);
api_call_array(tabFilms, fillDetails); accordeonItemHeader[accordeonItemHeader.length - 1].classList.toggle("active");
// api_call_array(residentsArray[index], fillDetails);
// api_call_array(filmsArray[index], fillDetails);
}); });
}
// item = accordeonItemHeader[accordeonItemHeader.length - 1];
// planetsItems.push(item);
//Pagination //Pagination
createPagination(previousUrl, nextUrl, planetes, remplissage); createPagination(previousUrl, nextUrl, planetes, remplissage);
// for(index in planetsItems){
// console.log(planetsItems[index]);
// planetsItems[index].addEventListener("click", function(event){
// console.log(`click on ${event.target}`);
// planetsItems[index].classList.toggle("active");
// // api_call_array(residentsArray[index], fillDetails);
// // api_call_array(filmsArray[index], fillDetails);
// });
// }
// const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header"); // const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
// accordeonItemHeader.forEach(accordeonItemHeader => { // accordeonItemHeader.forEach(accordeonItemHeader => {
// accordeonItemHeader.addEventListener("click", event => { // accordeonItemHeader.addEventListener("click", event => {
@ -56,6 +81,7 @@ function remplissage(results) {
// api_call_array(tabFilms, fillDetails); // api_call_array(tabFilms, fillDetails);
// }); // });
// }); // });
} }
const fillResidents = (jsonResp) => { const fillResidents = (jsonResp) => {
@ -66,6 +92,7 @@ function remplissage(results) {
console.log(jsonResp); console.log(jsonResp);
} }
api_call(API_URL + "/planets", remplissage); api_call(API_URL + "/planets", remplissage);