Claytonia/TeamspeakStats
Claytonia/TeamspeakStats
1
0
Fork 0
mirror of https://github.com/Thor77/TeamspeakStats.git synced 2025-08-13 01:18:44 -04:00
Code Issues Projects Releases Packages Wiki Activity

Don't use event delegation, use aria-expanded for "is collapsed" check

Browse source
This commit is contained in:
Matthew Gamble 2017-03-07 09:26:51 +11:00
parent 87bb778572
commit 90f6d98827
No known key found for this signature in database
GPG key ID: B5D06189C3995B3B
1 changed files with 16 additions and 15 deletions

31
tsstats/templates/index.jinja2
View file

@ -61,21 +61,22 @@
</div>
<script type="text/javascript">
document.addEventListener('click', function(event) {
var toggler = event.target;
if (toggler.dataset.toggle !== 'collapse') {
return;
}
var toggleTarget = document.getElementById(toggler.dataset.target);
if (toggleTarget.classList.contains('collapse')) {
toggleTarget.classList.remove('collapse');
toggler.setAttribute('aria-expanded', false);
} else {
toggleTarget.classList.add('collapse');
toggler.setAttribute('aria-expanded', true);
}
});
(function() {
var collapseTogglers = document.querySelectorAll('[data-toggle="collapse"]');
var toggleTarget;
Array.prototype.forEach.call(collapseTogglers, function(toggler) {
toggler.addEventListener('click', function(event) {
toggleTarget = document.getElementById(toggler.dataset.target);
if (toggler.getAttribute('aria-expanded') === 'true') {
toggleTarget.classList.add('collapse');
toggler.setAttribute('aria-expanded', false);
} else {
toggleTarget.classList.remove('collapse');
toggler.setAttribute('aria-expanded', true);
}
});
});
})();
</script>
</body>
</html>