yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

nested covers tabs should work with screen reader

Browse Source
This commit is contained in:
Mouse Reeve
2020-11-08 19:34:41 -08:00
parent b7bc089d86
commit c37c6aae40
2 changed files with 20 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
bookwyrm/static/js/shared.js
View File

@ -31,35 +31,23 @@ function rate_stars(e) {
return true;
}
function tabChange(e) {
var target = e.target.closest('li');
var parent_element = target.parentElement;
var tabs = parent_element.getElementsByTagName('label');
parent_element.querySelectorAll('[aria-selected="true"]')
.forEach(t => t.setAttribute("aria-selected", false));
e.target.parentElement.setAttribute("aria-selected", true);
parent_element.querySelectorAll('li')
.forEach(t => t.className='');
target.className += ' is-active';
}
function nestedTabChange(e) {
function tabChange(e, nested) {
var target = e.target.closest('li')
var identifier = target.getAttribute('data-id');
var parent_element = target.parentElement.closest('li').parentElement;
var tabs = parent_element.getElementsByTagName('label');
for (i = 0; i < tabs.length; i++) {
var tab = tabs[i].parentElement;
if (tab.getAttribute('data-id') == identifier) {
tab.className += ' is-active';
} else {
tab.className = tab.className.replace('is-active', '');
}
if (nested) {
var parent_element = target.parentElement.closest('li').parentElement;
} else {
var parent_element = target.parentElement;
}
parent_element.querySelectorAll('[aria-selected="true"]')
.forEach(t => t.setAttribute("aria-selected", false));
target.querySelector('[role="tab"]').setAttribute("aria-selected", true);
parent_element.querySelectorAll('li')
.forEach(t => t.className='');
target.className = 'is-active';
}
function ajaxPost(form) {