Cametendo/devil-fruit-encyclopedia
1
0
Fork 0
mirror of https://github.com/Cametendo/devil-fruit-encyclopedia.git synced 2026-09-13 15:59:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Show full character roster by default

Browse Source
This commit is contained in:
Cametendo
2026-08-15 02:21:19 +02:00
parent c645ee09d2
commit 34908f7108
8 changed files with 164 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
js/main.js
View File

@@ -1,12 +1,17 @@
/* Home page: character grid with search + affiliation + devil-fruit filters. */
/* Home page: character grid with search + affiliation + devil-fruit + deceased filters. */
(function () {
const grid = document.getElementById('character-grid');
const searchInput = document.getElementById('search-input');
const affiliationSelect = document.getElementById('affiliation-select');
const fruitOnlyCheckbox = document.getElementById('fruit-only-checkbox');
const deceasedOnlyCheckbox = document.getElementById('deceased-only-checkbox');
const resultCount = document.getElementById('result-count');
// Browsers may restore checkbox state across reloads; start with the full roster visible.
fruitOnlyCheckbox.checked = false;
deceasedOnlyCheckbox.checked = false;
document.getElementById('stat-characters').textContent = CHARACTERS.length;
document.getElementById('stat-fruits').textContent = FRUITS.length;
@@ -22,9 +27,11 @@
const term = searchInput.value.trim().toLowerCase();
const affiliation = affiliationSelect.value;
const fruitOnly = fruitOnlyCheckbox.checked;
const deceasedOnly = deceasedOnlyCheckbox.checked;
const results = CHARACTERS.filter((c) => {
if (fruitOnly && !c.devilFruit) return false;
if (deceasedOnly && !/deceased/i.test(c.status || '')) return false;
if (affiliation && c.affiliation !== affiliation) return false;
if (term) {
const haystack = `${c.name} ${c.epithet || ''} ${c.affiliation} ${c.role}`.toLowerCase();
@@ -35,11 +42,13 @@
renderCardGrid(grid, results, characterCardHTML, 'No characters match your search. Try a different name or affiliation.');
resultCount.textContent = `${results.length} of ${CHARACTERS.length} characters`;
hydrateProperImages(grid);
}
searchInput.addEventListener('input', applyFilters);
affiliationSelect.addEventListener('change', applyFilters);
fruitOnlyCheckbox.addEventListener('change', applyFilters);
deceasedOnlyCheckbox.addEventListener('change', applyFilters);
applyFilters();
})();