SpeciesFileGroup/taxonworks

var TW = TW || {}
TW.views = TW.views || {}
TW.views.shared = TW.views.shared || {}
TW.views.shared.show = TW.views.shared.show || {}

Object.assign(TW.views.shared.show, {
  init: function () {
    const viewButton = document.querySelector('[view-bottom]')

    if (viewButton) {
      viewButton.addEventListener('click', () => {
        const elements = document.querySelectorAll('[data-view="development"]')

        for (const element of elements) {
          element.classList.toggle('d-block')
        }
      })
    }

    const menuDropElements = document.querySelectorAll('.menu-drop')

    for (const element of menuDropElements) {
      const link = element.querySelector('a')

      if (!link) {
        element.classList.add('disable')
      }
    }

    this.bindShortcut()
  },

  bindShortcut: function () {
    const actionKey = navigator.platform.indexOf('Mac') > -1 ? 'ctrl' : 'alt'

    TW.workbench.keyboard.createShortcut(
      `${actionKey}+left`,
      'Go to previous',
      'Taxon names browse',
      () => {
        const elements = document.querySelectorAll(
          '[data-arrow="back"], [data-button="back"]'
        )

        for (const element of elements) {
          element.click()
        }
      }
    )

    TW.workbench.keyboard.createShortcut(
      `${actionKey}+right`,
      'Go to next',
      'Taxon names browse',
      () => {
        const elements = document.querySelectorAll(
          '[data-arrow="next"], [data-button="next"]'
        )

        for (const element of elements) {
          element.click()
        }
      }
    )
    TW.workbench.keyboard.createShortcut(
      `${actionKey}+p`,
      'Pinboard',
      'Add to pinboard',
      () => {
        const element =
          document.querySelector('.pin-button') ||
          document.querySelector('.unpin-button')
        if (element) {
          element.click()
        }
      }
    )
  }
})

document.addEventListener('turbolinks:load', () => {
  if (
    document.querySelector('#show') ||
    document.querySelector('#browse-view')
  ) {
    TW.views.shared.show.init()
  }
})