Skip to content

Commit

Permalink
replace ' by "
Browse files Browse the repository at this point in the history
  • Loading branch information
@ylahav
ylahav committed Dec 16, 2018
1 parent 0d119af commit d72ad47
Showing 1 changed file with 47 additions and 47 deletions.
94 changes: 47 additions & 47 deletions build/media_src/mod_menu/js/menu.js
View file
Expand Up @@ -3,82 +3,82 @@
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

document.addEventListener('DOMContentLoaded', function() {
var navs = document.querySelectorAll('.nav');
document.addEventListener("DOMContentLoaded", function() {
var navs = document.querySelectorAll(".nav");
[].forEach.call(navs, function(nav) {
new setup_navigation(nav);
setup_navigation(nav);
});
});

var setup_navigation = function(nav, settings) {
var settings = { menuHoverClass: 'show-menu', dir: 'ltr' };
var top_level_childs = nav.querySelectorAll(':scope > li');
settings = { menuHoverClass: "show-menu", dir: "ltr" };
var top_level_childs = nav.querySelectorAll(":scope > li");

// Set tabIndex to -1 so that top_level_childs can't receive focus until menu is open
top_level_childs.forEach(function(topLevelEl,i) {
var linkEl = topLevelEl.querySelector('a');
// Set tabIndex to -1 so that top_level_childs can't receive focus until menu is open
top_level_childs.forEach(function(topLevelEl,i) {
var linkEl = topLevelEl.querySelector("a");
if (linkEl) {
linkEl.tabIndex = '0';
linkEl.addEventListener('mouseover', topLevelMouseOver(topLevelEl, settings));
linkEl.addEventListener('mouseout', topLevelMouseOut(topLevelEl, settings));
linkEl.tabIndex = "0";
linkEl.addEventListener("mouseover", topLevelMouseOver(topLevelEl, settings));
linkEl.addEventListener("mouseout", topLevelMouseOut(topLevelEl, settings));
}
var spanEl = topLevelEl.querySelector('span');
var spanEl = topLevelEl.querySelector("span");
if (spanEl) {
spanEl.tabIndex = '0';
spanEl.addEventListener('mouseover', topLevelMouseOver(topLevelEl, settings));
spanEl.addEventListener('mouseout', topLevelMouseOut(topLevelEl, settings));
spanEl.tabIndex = "0";
spanEl.addEventListener("mouseover", topLevelMouseOver(topLevelEl, settings));
spanEl.addEventListener("mouseout", topLevelMouseOut(topLevelEl, settings));
}
topLevelEl.querySelectorAll('ul').forEach(function(el,j) {
el.setAttribute('data-test','true');
el.setAttribute('aria-hidden', 'true');
el.setAttribute('role', 'menu');
topLevelEl.querySelectorAll("ul").forEach(function(el,j) {
el.setAttribute("data-test","true");
el.setAttribute("aria-hidden", "true");
el.setAttribute("role", "menu");
// Adding aria-haspopup for appropriate items
if (el.children.length > 0) {
el.parentElement.setAttribute('aria-haspopup', 'true');
el.parentElement.setAttribute("aria-haspopup", "true");
}
el.querySelectorAll('li').forEach(function(liEl,j) {
if (liEl.querySelector('a')) liEl.querySelector('a').tabIndex = '0';
if (liEl.querySelector('span')) liEl.querySelector('span').tabIndex = '0';
el.querySelectorAll("li").forEach(function(liEl,j) {
if (liEl.querySelector("a")) liEl.querySelector("a").tabIndex = "0";
if (liEl.querySelector("span")) liEl.querySelector("span").tabIndex = "0";
});
});

topLevelEl.addEventListener('mouseover', function(event) {
topLevelEl.addEventListener("mouseover", function(event) {
var curEl = event.target;
var ulChild = curEl.querySelector('ul');
var ulChild = curEl.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'false');
ulChild.setAttribute("aria-hidden", "false");
ulChild.classList.add(settings.menuHoverClass);
}
});

topLevelEl.addEventListener('mouseout', function(event) {
topLevelEl.addEventListener("mouseout", function(event) {
var curEl = event.target;
var ulChild = curEl.querySelector('ul');
var ulChild = curEl.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'true');
ulChild.setAttribute("aria-hidden", "true");
ulChild.classList.remove(settings.menuHoverClass);
}
});

topLevelEl.addEventListener('focus', function(event) {
topLevelEl.addEventListener("focus", function(event) {
var curEl = event.target;
var ulChild = curEl.querySelector('ul');
var ulChild = curEl.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'true');
ulChild.setAttribute("aria-hidden", "true");
ulChild.classList.add(settings.menuHoverClass);
}
});

topLevelEl.addEventListener('blur', function(event) {
topLevelEl.addEventListener("blur", function(event) {
var curEl = event.target;
var ulChild = curEl.querySelector('ul');
var ulChild = curEl.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'false');
ulChild.setAttribute("aria-hidden", "false");
ulChild.classList.remove(settings.menuHoverClass);
}
});

topLevelEl.addEventListener('keydown', function(event) {
topLevelEl.addEventListener("keydown", function(event) {
var keyName = event.key;
var curEl = event.target;
var curLiEl = curEl.parentElement;
Expand All @@ -92,23 +92,23 @@ var setup_navigation = function(nav, settings) {
nextLiEl = curUlEl.children[0];
}
switch (keyName) {
case 'ArrowLeft':
case "ArrowLeft":
event.preventDefault();
if (settings.dir == "rtl") {
nextLiEl.children[0].focus();
} else {
prevLiEl.children[0].focus();
}
break;
case 'ArrowRight':
case "ArrowRight":
event.preventDefault();
if (settings.dir === "rtl") {
prevLiEl.children[0].focus();
} else {
nextLiEl.children[0].focus();
}
break;
case 'ArrowUp':
case "ArrowUp":
event.preventDefault();
var parent = curLiEl.parentElement.parentElement;
if (parent.nodeName == "LI") {
Expand All @@ -117,12 +117,12 @@ var setup_navigation = function(nav, settings) {
prevLiEl.children[0].focus();
}
break;
case 'ArrowDown':
case "ArrowDown":
event.preventDefault();
if (curLiEl.classList.contains("parent")) {
var child = curLiEl.querySelector('ul');
var child = curLiEl.querySelector("ul");
if (child != null) {
var childLi = child.querySelector('li');
var childLi = child.querySelector("li");
childLi.children[0].focus();
}
else {
Expand All @@ -137,20 +137,20 @@ var setup_navigation = function(nav, settings) {
}
});
});
}
};

function topLevelMouseOver (el, settings) {
var ulChild = el.querySelector('ul');
var ulChild = el.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'false');
ulChild.setAttribute("aria-hidden", "false");
ulChild.classList.add(settings.menuHoverClass);
}
}

function topLevelMouseOut (el, settings) {
var ulChild = el.querySelector('ul');
var ulChild = el.querySelector("ul");
if (ulChild) {
ulChild.setAttribute('aria-hidden', 'true');
ulChild.setAttribute("aria-hidden", "true");
ulChild.classList.remove(settings.menuHoverClass);
}
}

0 comments on commit d72ad47

Please sign in to comment.