gistfile1.txt

// Masonry Layout
let grid = document.querySelector('.l-paintings-grid')
let paintingsGrid
if (grid) {
  imagesLoaded(grid, () => {
    paintingsGrid = new Masonry(grid, {
      itemSelector: '.l-painting'
    })
  })
}

// Filters
let filterTriggers = document.querySelectorAll('.jsFiltersTrigger')
if (filterTriggers) {
  Array.from(filterTriggers).forEach(el => {
    el.addEventListener('click', triggerFilter)
  })
}

// triggerFilter
// - Requires paintingsGrid. (Side effect)
// ----------
function triggerFilter (e) {
  if (window.innerWidth > 800) { return false }
  e.preventDefault()
  let filterClasses = document.body.classList
  if (filterClasses.contains('is-filtering-on-mobile')) {
    filterClasses.remove('is-filtering-on-mobile')
    paintingsGrid.layout()
  } else {
    filterClasses.add('is-filtering-on-mobile')
  }
}