44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
|
var addClassToElement = require('./utils').addClassToElement;
|
||
|
|
var removeClassFromElement = require('./utils').removeClassFromElement;
|
||
|
|
|
||
|
|
|
||
|
|
/* Popups */
|
||
|
|
|
||
|
|
let community = document.querySelectorAll(".item--dropdown-community")[0]
|
||
|
|
let projects = document.querySelectorAll(".item--dropdown-projects")[0]
|
||
|
|
|
||
|
|
let popups = document.querySelectorAll(".popup-wrap")
|
||
|
|
let overlays = document.querySelectorAll(".popup-overlay")
|
||
|
|
let closeButtons = document.querySelectorAll(".popup__button--close")
|
||
|
|
|
||
|
|
let activePopup = null;
|
||
|
|
let activeOverlay = null;
|
||
|
|
|
||
|
|
community.addEventListener('click', function(event){
|
||
|
|
showPopup(popups[0])
|
||
|
|
event.preventDefault()
|
||
|
|
})
|
||
|
|
|
||
|
|
projects.addEventListener('click', function(event){
|
||
|
|
showPopup(popups[1])
|
||
|
|
event.preventDefault()
|
||
|
|
})
|
||
|
|
|
||
|
|
closeButtons.forEach((button) => {
|
||
|
|
button.addEventListener('click', closeActivePopup)
|
||
|
|
})
|
||
|
|
|
||
|
|
overlays.forEach((overlay) => {
|
||
|
|
overlay.addEventListener('click', closeActivePopup)
|
||
|
|
})
|
||
|
|
|
||
|
|
function showPopup(whichPopup) {
|
||
|
|
activePopup = whichPopup
|
||
|
|
addClassToElement(whichPopup, "popup--shown");
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeActivePopup() {
|
||
|
|
removeClassFromElement(activePopup, "popup--shown");
|
||
|
|
activePopup = null;
|
||
|
|
}
|