1
Fork 0

Use global variables instead of functions for DOM IDs

This commit is contained in:
Guillaume Gomez 2021-03-05 16:19:58 +01:00
parent 5dea1f1888
commit 524fdf0034

View file

@ -85,20 +85,15 @@ function getSearchElement() {
return document.getElementById("search"); return document.getElementById("search");
} }
function getThemesElementId() { var THEME_PICKER_ELEMENT_ID = "theme-picker";
return "theme-choices"; var THEMES_ELEMENT_ID = "theme-choices";
}
function getThemesElement() { function getThemesElement() {
return document.getElementById(getThemesElementId()); return document.getElementById(THEMES_ELEMENT_ID);
}
function getThemePickerElementId() {
return "theme-picker";
} }
function getThemePickerElement() { function getThemePickerElement() {
return document.getElementById(getThemePickerElementId()); return document.getElementById(THEME_PICKER_ELEMENT_ID);
} }
// Returns the current URL without any query parameter or hash. // Returns the current URL without any query parameter or hash.
@ -152,11 +147,11 @@ function hideThemeButtonState() {
var active = document.activeElement; var active = document.activeElement;
var related = e.relatedTarget; var related = e.relatedTarget;
if (active.id !== getThemePickerElementId() && if (active.id !== THEME_PICKER_ELEMENT_ID &&
(!active.parentNode || active.parentNode.id !== getThemesElementId()) && (!active.parentNode || active.parentNode.id !== THEMES_ELEMENT_ID) &&
(!related || (!related ||
(related.id !== getThemePickerElementId() && (related.id !== THEME_PICKER_ELEMENT_ID &&
(!related.parentNode || related.parentNode.id !== getThemesElementId())))) { (!related.parentNode || related.parentNode.id !== THEMES_ELEMENT_ID)))) {
hideThemeButtonState(); hideThemeButtonState();
} }
} }
@ -534,7 +529,7 @@ function hideThemeButtonState() {
switch (getVirtualKey(ev)) { switch (getVirtualKey(ev)) {
case "ArrowUp": case "ArrowUp":
ev.preventDefault(); ev.preventDefault();
if (active.previousElementSibling && ev.target.id !== getThemePickerElementId()) { if (active.previousElementSibling && ev.target.id !== THEME_PICKER_ELEMENT_ID) {
active.previousElementSibling.focus(); active.previousElementSibling.focus();
} else { } else {
showThemeButtonState(); showThemeButtonState();
@ -543,7 +538,7 @@ function hideThemeButtonState() {
break; break;
case "ArrowDown": case "ArrowDown":
ev.preventDefault(); ev.preventDefault();
if (active.nextElementSibling && ev.target.id !== getThemePickerElementId()) { if (active.nextElementSibling && ev.target.id !== THEME_PICKER_ELEMENT_ID) {
active.nextElementSibling.focus(); active.nextElementSibling.focus();
} else { } else {
showThemeButtonState(); showThemeButtonState();
@ -553,7 +548,7 @@ function hideThemeButtonState() {
case "Enter": case "Enter":
case "Return": case "Return":
case "Space": case "Space":
if (ev.target.id === getThemePickerElementId() && themes.style.display === "none") { if (ev.target.id === THEME_PICKER_ELEMENT_ID && themes.style.display === "none") {
ev.preventDefault(); ev.preventDefault();
showThemeButtonState(); showThemeButtonState();
themes.firstElementChild.focus(); themes.firstElementChild.focus();