rhi/gallery
1
0
Fork 0
Code Issues 5 Pull requests 1 Releases Wiki Activity

replace reset link with hide single-use tags

Browse source
This commit is contained in:
Rhiannon Morris 2020-09-17 19:13:32 +02:00
parent ce13806c97
commit d294a094f8
3 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

25
script/gallery.js
View file

@ -7,6 +7,8 @@ let excBoxes;
let allBoxes;
let tags;
let showSingles = true;
function fillSets() {
let checkedValues = boxes =>
@ -58,13 +60,16 @@ function clear(e) {
if (e) e.preventDefault();
}
function resetForm() {
allBoxes.forEach(b => b.checked = b.defaultChecked);
}
function toggleSingles(e) {
showSingles = !showSingles;
for (let li of document.querySelectorAll('#filters li')) {
let count = li.querySelector('label').dataset.count;
if (count <= 1) {
li.hidden = !showSingles;
}
}
function reset(e) {
resetForm();
update();
if (e) e.preventDefault();
}
@ -83,14 +88,12 @@ function makeFragment() {
function useFragment() {
let frag = location.hash.replace(/^#/, '');
if (frag == 'all') {
if (frag == 'all' || !frag) {
clearForm();
} else if (frag) {
} else {
let set = new Set(frag.split(';'));
allBoxes.forEach(b => b.checked = set.has(b.id));
document.getElementById('filters-details').open = true;
} else {
resetForm();
}
updateItems();
@ -115,7 +118,7 @@ function setup() {
allBoxes.forEach(b => b.addEventListener('change', () => toggle(b)));
document.getElementById('clear').addEventListener('click', clear);
document.getElementById('reset').addEventListener('click', reset);
document.getElementById('singles').addEventListener('click', toggleSingles);
window.addEventListener('popstate', useFragment);