meh
This commit is contained in:
parent
f8b5535e14
commit
434c5873fd
1 changed files with 11 additions and 13 deletions
|
@ -44,21 +44,26 @@ const sideProjects = {
|
||||||
this.allButton = btn;
|
this.allButton = btn;
|
||||||
|
|
||||||
btn.addEventListener('click', function() {
|
btn.addEventListener('click', function() {
|
||||||
let toggledOn = this.classList.contains('selected');
|
var didRemove = false
|
||||||
if (!toggledOn) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
sideProjects.categoryButtons.forEach((cBtn) => {
|
sideProjects.categoryButtons.forEach((cBtn) => {
|
||||||
cBtn.classList.remove('selected');
|
if (cBtn.classList.contains('selected')) {
|
||||||
|
didRemove = true;
|
||||||
|
cBtn.classList.remove('selected');
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
if (didRemove) {
|
||||||
|
this.classList.add('selected');
|
||||||
|
}
|
||||||
|
|
||||||
sideProjects.updateProjectVisibility();
|
sideProjects.updateProjectVisibility();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
_setupCategoryButton(btn) {
|
_setupCategoryButton(btn) {
|
||||||
btn.addEventListener('click', function() {
|
btn.addEventListener('click', function() {
|
||||||
|
this.classList.toggle('selected');
|
||||||
|
|
||||||
const stat = sideProjects.categoryStatus();
|
const stat = sideProjects.categoryStatus();
|
||||||
let noCategoriesSelected = Object.values(stat).every((v) => !v);
|
let noCategoriesSelected = Object.values(stat).every((v) => !v);
|
||||||
let allCategoriesSelected = Object.values(stat).every((v) => v);
|
let allCategoriesSelected = Object.values(stat).every((v) => v);
|
||||||
|
@ -73,13 +78,6 @@ const sideProjects = {
|
||||||
};
|
};
|
||||||
|
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function() {
|
||||||
// Set up toggle buttons.
|
|
||||||
document.querySelectorAll('button.toggle').forEach((btn) => {
|
|
||||||
btn.addEventListener('click', function(event) {
|
|
||||||
event.currentTarget.classList.toggle('selected');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const projectsElement = document.querySelector('#side-projects');
|
const projectsElement = document.querySelector('#side-projects');
|
||||||
sideProjects.populate(projectsElement);
|
sideProjects.populate(projectsElement);
|
||||||
sideProjects.allButton.click();
|
sideProjects.allButton.click();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue