bikeindex/bike_index

import log from '../../utils/log'
import moment from 'moment-timezone'
import LoadFancySelects from '../../utils/load_fancy_selects.js'
import { BikeIndexUtilities } from '../../utils/bike_index_utilities.js'
import BinxAdminGraphs from './graphs.js'
import BinxAdminBikesEdit from './bikes_edit.js'
import BinxAdminRecoveryDisplayForm from './recovery_display_form.js'
import BinxAdminInvoices from './invoices.js'
import BinxAdminTweet from './tweet.js'
import BinxAdminOrganizationForm from './organization_form.js'
import BinxAdminBlogs from './blogs.js'
import BinxAdminImageUploader from './image_uploader.js'

function BinxAdmin () {
  return {
    init () {
      this.initAdminSearchSelect()
      this.initBikeTabs()

      // Enable utilities
      window.bikeIndexUtilities = new BikeIndexUtilities()
      bikeIndexUtilities.init()

      LoadFancySelects()

      if ($('.calendar-box')[0]) {
        const binxAdminGraphs = BinxAdminGraphs()
        binxAdminGraphs.init()
      }

      if ($('#recovery-display-form').length) {
        const binxAdminRecoveryDisplayForm = BinxAdminRecoveryDisplayForm()
        binxAdminRecoveryDisplayForm.init()
      }

      if ($('#admin-locations-fields').length) {
        this.adminLocations()
      }

      if ($('.inputTriggerRecalculation').length) {
        const binxAdminInvoices = BinxAdminInvoices()
        binxAdminInvoices.init()
      }

      if ($('#tweetForm').length) {
        const binxAdminTweet = BinxAdminTweet()
        binxAdminTweet.init()
      }

      if ($('#admin_bikes_edit').length) {
        const binxAdminBikesEdit = BinxAdminBikesEdit()
        binxAdminBikesEdit.init()
      }

      if ($('#admin_organizations_new, #admin_organizations_edit').length) {
        const $organizationForm = $('form').first()
        new BinxAdminOrganizationForm($organizationForm)
      }

      if ($('#multi-checkbox-selector').length) {
        this.multiCheckboxSelector()
      }

      if ($('#blog-image-form').length > 0) {
        const binxAdminBlogs = BinxAdminBlogs()
        binxAdminBlogs.init()
      }
      if ($('.uppy').length > 0) {
        const binxAdminImageUploader = BinxAdminImageUploader()
        binxAdminImageUploader.init()
      }
      if ($('#stolenBikeImageEditing').length) {
        this.fixStolenBikeImageWidth(this)
      }

      if ($('#userBanFields').length) {
        $('#user_banned').on('change', e => {
          this.toggleUserBanFields()
        })
        this.toggleUserBanFields() // In case the user is already banned
      }

      if ($("#showStatusesSearch").length) {
        this.initBikeStatusesSearch()
      }

      this.initPerPageSelect()
    },

    initAdminSearchSelect () {
      window.initialValue = $('#admin_other_navigation').val()
      // On change, if the change is for something new and is an actual value, redirect to that page
      $('#admin_other_navigation').on('change', e => {
        let newValue = $('#admin_other_navigation').val()
        if (newValue != window.initialValue && newValue.length > 0) {
          location.href = newValue
        }
      })
    },

    initBikeTabs () {
      if ($('#bike-tab-wrapper').length) {
        $(
          `#bike-tab-wrapper .${$('#bike-tab-wrapper').attr('data-activetab')}`
        ).addClass('active')
      }
      // Add margin too
      let width = $('#bike-tab-wrapper .nav-link')
        .map(function () {
          return $(this).outerWidth()
        })
        .get()
      // log.debug(width)
      const widthSum = width.reduce((a, b) => a + b + 5, 0)

      $('#bike-tab-wrapper .nav-tabs').css('min-width', `${widthSum + 22}px`)
    },

    initBikeStatusesSearch() {
      $("#showStatusesSearch").on("click", function (event) {
        event.preventDefault()
        // Only let status search be toggled if it's default
        if (window.statusesSearchDefault) {
          $("#showStatusesSearch").toggleClass("active")
          $(".search-statuses").collapse("toggle")
        }
        return false
      })
      $('.search-statuses input').on('change', function (event) {
        log.debug('search-statuses changed!')
        window.statusesSearchDefault = false
      })
    },

    // Orgs location adding method
    adminLocations () {
      $('form').on('click', '.remove_fields', function (event) {
        // We don't need to do anything except slide the input up, because the label is on it.
        return $(this)
          .closest('fieldset')
          .slideUp()
      })
      return $('form').on('click', '.add_fields', function (event) {
        const time = new Date().getTime()
        const regexp = new RegExp($(this).data('id'), 'g')
        $(this).before(
          $(this)
            .data('fields')
            .replace(regexp, time)
        )
        event.preventDefault()
        LoadFancySelects()
      })
    },

    multiCheckboxSelector () {
      window.toggleAllChecked = false
      $('#multi-checkbox-selector').on('click', function (event) {
        event.preventDefault()
        window.toggleAllChecked = !window.toggleAllChecked
        $('.table-checkbox-select input').prop('checked', window.toggleAllChecked)
      })
    },

    fixStolenBikeImageWidth () {
      const $promotedImagesLength = $('#promoted-images-display li').length
      $('#promoted-images-display').css(
        'width',
        `${340 * $promotedImagesLength}px`
      )

      const $imageEditLength = $('#stolenBikeImageEditing li').length
      $('#stolenBikeImageEditing').css('width', `${190 * $imageEditLength}px`)
    },

    toggleUserBanFields () {
      if ($('#user_banned').prop('checked')) {
        $('#userBanFields').collapse('show')
        $('.userBanReasonSelect').attr('required', true)
      } else {
        $('.userBanReasonSelect').attr('required', false)
        $('#userBanFields').collapse('hide')
      }
    },

    initPerPageSelect () {
      ['#per_page_select', '#per_page_select-skiptotal'].forEach((selector) =>
        $(selector).on('change', function (e) {
          let urlParams = new URLSearchParams(window.location.search)
          urlParams.delete('per_page')
          urlParams.append('per_page', $(selector).val())
          window.location = `${location.pathname}?${urlParams.toString()}`
        })
      )
    }
  }
}

export default BinxAdmin