04-page-versions.js 1.07 KB
Newer Older
hyeryung's avatar
hyeryung committed
1 2 3 4 5 6 7
;(function () {
  'use strict'

  var toggle = document.querySelector('.page-versions .version-menu-toggle')
  if (!toggle) return

  var selector = document.querySelector('.page-versions')
minseok.park's avatar
minseok.park committed
8
  var backdrop = document.querySelector('.backdrop')
9 10
  var versionMenu = document.querySelector('.version-menu')
  var versions = versionMenu?.querySelectorAll('.version')
박민석's avatar
박민석 committed
11 12 13
  const componentsData = document.querySelector('[data-components]').dataset.component
  const componentData = document.querySelector('[data-component]').dataset.component
  console.log(componentsData, componentData)
hyeryung's avatar
hyeryung committed
14 15

  toggle.addEventListener('click', function (e) {
16 17
    if (!versions.length) return

hyeryung's avatar
hyeryung committed
18
    selector.classList.toggle('is-active')
19
    backdrop.classList.toggle('is-active')
hyeryung's avatar
hyeryung committed
20 21 22
    e.stopPropagation() // trap event
  })

minseok.park's avatar
minseok.park committed
23 24
  backdrop.addEventListener('click', function () {
    selector.classList.remove('is-active')
25
    backdrop.classList.remove('is-active')
minseok.park's avatar
minseok.park committed
26 27
  })

hyeryung's avatar
hyeryung committed
28 29
  document.documentElement.addEventListener('click', function () {
    selector.classList.remove('is-active')
30
    backdrop.classList.remove('is-active')
hyeryung's avatar
hyeryung committed
31 32
  })
})()