Strimoid/Strimoid

import { without } from 'lodash'

const axios = require('axios').default

function UsersModule () {
  if (window.username) {
    $('body')
      .on('click', 'button.user_observe_btn', this.observeUser)
      .on('click', 'button.user_block_btn', this.blockUser)

    $('[data-hover=user_widget]').popover({
      html: true,
      sanitize: false,
      placement: 'bottom',
      trigger: 'hover',
      delay: 500,
      content: this.renderActionsWidget
    })
  }
}

UsersModule.prototype.observeUser = function () {
  const button = $(this)
  const name = $(this).parent().attr('data-name')

  if (button.hasClass('btn-success')) {
    axios.delete(`/u/${name}/observe`).then(() => {
      $(button)
        .removeClass('btn-success')
        .addClass('btn-default')

      window.observed_users = without(window.observed_users, name)
    })
  } else {
    axios.post(`/u/${name}/observe`).then(() => {
      $(button)
        .removeClass('btn-default')
        .addClass('btn-success')

      window.observed_users.push(name)
    })
  }
}

UsersModule.prototype.blockUser = function () {
  const button = $(this)
  const name = $(this).parent().attr('data-name')

  if (button.hasClass('btn-danger')) {
    axios.delete(`/u/${name}/block`).then(() => {
      $(button)
        .removeClass('btn-danger')
        .addClass('btn-default')

      window.blocked_users = without(window.blocked_users, name)
    })
  } else {
    axios.post(`/u/${name}/block`).then(() => {
      $(button)
        .removeClass('btn-default')
        .addClass('btn-danger')

      window.blocked_users.push(name)
    })
  }
}

UsersModule.prototype.renderActionsWidget = function () {
  const username = $(this).attr('data-user')
  const template = require('../templates/users/tooltip.html')

  return template({
    username: username,
    observe_class: window.observed_users.includes(username) ? 'btn-success' : 'btn-light',
    block_class: window.blocked_users.includes(username) ? 'btn-danger' : 'btn-light'
  })
}

export default UsersModule