'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;