';
}
// Affichage de l'ensemble des lignes en HTML
elMovies.innerHTML = htmlMovies;
// Affiche le nombre de films
this.Count(data);
};
// Retourne le nombre de films
this.Count = (data) => document.getElementById('count').innerHTML = data.length + ' movies';
// Retourne la liste des checkboxes
this.DisplayFilters = function() {
// Selection de l'élément
let elTypes = document.getElementById('types');
let types = [];
// Chaque ligne (film)
for (let i in movies) {
// Chaque "type" dans chaque ligne (film)
for (let j in movies[i].type) {
types.push(movies[i].type[j]);
}
}
let uniqueTypes = types.filter( (value, index, self) => self.indexOf(value) === index );
let htmlTypes = '';
for (let i in uniqueTypes) {
htmlTypes += '
';
}
elTypes.innerHTML = htmlTypes;
};
// Retourne la liste des checkboxes
this.DisplayFiltersDates = function() {
// Selection de l'élément
let elDates = document.getElementById('dates');
let dates = [];
// Chaque ligne (film)
for (let i in movies) {
// Chaque "date" dans chaque ligne (film)
dates.push(movies[i].date);
}
let uniqueDates = dates.filter( (value, index, self) => self.indexOf(value) === index );
let htmlDates = '';
for (let i in uniqueDates) {
htmlDates += '';
}
elDates.innerHTML = htmlDates;
};
function OldMovies(element) {
for (let i = 0; i < element.type.length; i++) {
// film de type "Action" OU "Sci-Fi" et datant d'avant 2010
if (element.date == 2018) {
return element;
}
}
}
// Retourne les films filtrés
this.FilterByType = function() {
// Afiche les checkboxes
this.DisplayFilters();
let checkboxes = document.querySelectorAll('input');
let arrType = [];
let self = this;
for (let checkbox of checkboxes) {
checkbox.addEventListener('click', function() {
if (checkbox.checked) {
// Ajout dans le tableau de la valeur cochée
arrType.push(checkbox.value);
} else {
// Suppression dans le tableau
let removeItem = arrType.filter( (e) => e !== checkbox.value );
arrType = removeItem;
}
if (arrType.length > 0) {
let i = arrType.length - 1;
// 1er choix
if (arrType.length == 1) {
filteredMovie = self.movies.filter( (e) => e.type.indexOf(arrType[0]) !== -1 );
// Autre(s) choix
} else {
filteredMovie = filteredMovie.filter(function(e) {
for (let j = 0; j < i; j++) {
return e.type.indexOf(arrType[i]) !== -1;
}
});
}
self.FetchAll(filteredMovie);
} else {
// Reset (aucune case cochée)
app.FetchAll(movies);
}
});
}
};
this.FilterByDate = function() {
this.DisplayFiltersDates();
};
}
app.FilterByDate();
// Affichage de tous les films
app.FetchAll(movies);
// Filtrage
app.FilterByType();