bootstrap-lombardia/src/js/plugins/it25-header.js

Bootstrap Lombardia è una customizzazione di Boostrap Italia per la creazione di applicazioni web conformi alle Linee Guida per il design e l’identità visiva digitale di Regione Lombardia

export default function () {
  function setIconBurger() {
    var hamButtonIcon = document.getElementById('btn-hamburger').querySelector('svg').querySelector('use')
    var newIcon = hamButtonIcon.getAttribute('xlink:href').replace('it-burger', 'it-close-big')
    hamButtonIcon.setAttribute('xlink:href', newIcon)
    document.getElementById('btn-hamburger').setAttribute('aria-label', 'Chiudi menù')
  }
  function setIconClose() {
    var hamButtonIcon = document.getElementById('btn-hamburger').querySelector('svg').querySelector('use')
    var newIcon = hamButtonIcon.getAttribute('xlink:href').replace('it-close-big', 'it-burger')
    hamButtonIcon.setAttribute('xlink:href', newIcon)
    document.getElementById('btn-hamburger').setAttribute('aria-label', 'Apri menù')
  }

  function clickMenuVert() {
    var x = document.getElementById('it25-menu-vert')
    if (x.style.display === 'block') {
      x.style.display = 'none'
    } else {
      x.style.display = 'block'
    }
  }

  function initMenuVert() {
    if (document.getElementById('it25-main-nav')) {
      document.getElementById('it25-main-nav').addEventListener('show.bs.collapse', setIconBurger)
      document.getElementById('it25-main-nav').addEventListener('hide.bs.collapse', setIconClose)
    }
    if (document.getElementById('it25-menu-vert')) {
      document.getElementById('btn-hamburger').addEventListener('click', clickMenuVert)
    } else {
      document.getElementById('it25-main-nav').addEventListener('show.bs.collapse', function () {
        window.scrollTo(0, 0)
      })
    }
  }

  initMenuVert()
}