'use strict'

import $ from 'jquery'
import Events from '../_events'

const ShrinkUI = (($) => {
  // Constants
  const W = window
  const D = document
  const NAME = 'ShrinkUI'

  console.log(`${NAME}: init`)

  $(W).on(
    `${NAME}.init ${Events.LOADED} ${Events.SCROLL} ${Events.RESIZE}`,
    () => {
      if ($('#Navigation > .navbar-collapse').hasClass('show')) {
        return
      }

      let h1 = $('#SiteWideMessage').height()
      if (!h1) {
        h1 = 0
      }
      let h2 = $('#SiteWideOffline').height()
      if (!h2) {
        h2 = 0
      }

      let h3 = $('#Header').height()
      if (!h3) {
        h3 = 0
      }

      const headerHeight = h1 + h2 + h3

      if ($(D).scrollTop() > headerHeight) {
        $('body').addClass('shrink')
      } else {
        $('body').removeClass('shrink')
      }
    }
  )

  return ShrinkUI
})($)

export default ShrinkUI