/*
 ***************************************************************
 * *** PAGE SPECIFIC CODDING ***
 * Place it into app/client/src/js/types
 * Require page specific css as mentioned bellow
 *
 * If you don't need page specific JS (only CSS)
 * you can create SCSS file at app/client/src/scss/types
 * !!! BUT NOT BOTH at "types" folder !!!
 ***************************************************************
 *
 * An example of Page specific JS and Mapbox functionality
 * Take a look to app/templates/Objects/Map.ss for HTML
 * Take a look to https://github.com/a2nt/silverstripe-mapboxfield/blob/master/README.md for Data Structure
 */
'use strict'

// your page specific css
import '../scss/_types/PageTypeClassName.scss'

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

// Mapbox API
import '../_components/_ui.map.api'

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

  const NAME = 'PageTypeUI'
  class PageTypeUI {
    // Static methods

    static init () {
      this.dispose()
      console.log(`Initializing: ${NAME}`)
      // custom page specific functionality
    }

    static initMap () {
      // custom map functionality
    }

    static dispose () {
      console.log(`Destroying: ${NAME}`)
    }
  }

  $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
    PageTypeUI.init()
  })

  $(W).on(Events.MAPLOADED, () => {
    PageTypeUI.initMap()
  })

  return PageTypeUI
})($)

export default PageTypeUI