@teikei/map/src/_domscripting/navigation.js

Teikei map SPA component. Teikei is the software that powers ernte-teilen.org, a website that maps out Community-supported Agriculture in Germany.

/* eslint no-use-before-define: ["error", { "variables": false }] */

const openClassName = 'show-navigation'
const body = document.body
const navSwitch = document.getElementById('nav-switch')

const hideNav = event => {
  event.preventDefault()
  navSwitch.removeEventListener('click', hideNav)
  navSwitch.addEventListener('click', showNav)
  body.removeEventListener('click', hideNav)
  body.classList.remove(openClassName)
}

const showNav = event => {
  event.preventDefault()
  event.stopPropagation()
  navSwitch.addEventListener('click', hideNav)
  body.addEventListener('click', hideNav)
  body.classList.add(openClassName)
}

if (navSwitch) navSwitch.addEventListener('click', showNav)