'use strict'

import $ from 'jquery'

/**
 * Route side-wide events
 */

const EventsUI = (($) => {
  const on = $.fn.on
  const off = $.fn.off

  // Constants
  const W = window
  const $W = $(W)
  const D = document
  const $Body = $('body')

  const NAME = 'EventsUI'

  class EventsUI {
    static process (el, args) {
      let modEl = el
      const eventName = args[0]
      const tagName = typeof el !== undefined ? $(el).prop('tagName') : null

      switch (tagName) {
        case 'HTML':
        case 'BODY':
          modEl = $W
          break
      }

      return [modEl, args]
    }
  }

  // rewrite jQuery functions
  $.fn.on = function () {
    const result = EventsUI.process(this, arguments)
    return on.apply(...result)
  }

  $.fn.off = function () {
    const result = EventsUI.process(this, arguments)
    return off.apply(...result)
  }

  const scrollTop = $.fn.scrollTop
  // rewrite scrollTop
  $.fn.scrollTop = function () {
    let el = this
    const args = arguments

    const tagName = typeof el !== undefined ? $(el).prop('tagName') : null

    switch (tagName) {
      case 'HTML':
      case 'BODY':
        el = $W
        break
    }

    return scrollTop.apply(el, args)
  }
})($)

export default EventsUI