lancetw/react-isomorphic-bundle

import React, { Component, PropTypes } from 'react'
import Disabled from './DisabledComponent'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as AdminActions from 'client/admin/actions/AdminActions'
import * as AuthActions from 'client/admin/actions/AuthActions'
import { isEmpty, includes } from 'lodash'

let swal
if (process.env.BROWSER) {
  swal = require('sweetalert')
}

class DisabledHandler extends Component {

  static propTypes = {
    dispatch: PropTypes.func.isRequired,
    collect: PropTypes.object.isRequired,
    auth: PropTypes.object.isRequired
  }

  constructor (props) {
    super(props)

    this.state = { page: { selected: 0 } }
  }

  componentWillMount () {
    const { dispatch } = this.props
    dispatch(AdminActions.fetchList({ offset: 0, limit: 8, status: 1 }))
  }

  handlePageClick (page) {
    const { dispatch, collect } = this.props
    const c = page.selected * collect.limit
    this.setState({ page: page })

    return dispatch(AdminActions.fetchList({
      offset: c,
      limit: collect.limit,
      status: 1,
      keyword: collect.keyword
    }))
  }

  asyncDeportAction (arr) {
    return dispatch => {
      const list = []
      if (!isEmpty(arr)) {
        arr.forEach(id => list.push(dispatch(AdminActions.deport(id))))
      }
      return Promise.all(list)
    }
  }

  deleteAdmins (checked) {
    const { dispatch } = this.props
    const token = AuthActions.getToken()
    return dispatch(AuthActions.showUser(token)).then(() => {
      const { user } = this.props.auth
      if (includes(checked, user.id)) {
        swal('Oops...', '不應該封鎖自己。', 'error')
        return Promise.reject('Oops')
      } else {
        if (!isEmpty(checked)) {
          return new Promise((resolve, reject) => {
            swal({
              title: '您確定嗎？',
              text: '這會永久封鎖管理者（無法再新增）',
              type: 'warning',
              showCancelButton: true,
              confirmButtonColor: '#DD6B55',
              confirmButtonText: '確定封鎖',
              cancelButtonText: '取消',
              closeOnConfirm: false,
              showLoaderOnConfirm: true
            }, function() {
              return dispatch(this.asyncDeportAction(checked)).then(() => {
                swal('刪除', '封鎖作業完成', 'success')
                resolve(this.handlePageClick(this.state.page))
              }).catch((err) => {
                swal('Oops...', err, 'error')
                reject(err)
              })
            }.bind(this))
          })
        } else {
          return Promise.resolve()
        }
      }
    })
  }

  blockAdmins (checked) {
    const { dispatch } = this.props
    const form = {
      blocked: checked,
      type: 'unblocked'
    }

    return dispatch(AdminActions.blockAdmins(form)).then(() => {
      return this.handlePageClick(this.state.page)
    })
  }

  render () {
    const { dispatch } = this.props
    return (
      <Disabled
        {...bindActionCreators(AdminActions, dispatch)}
        handlePageClick={::this.handlePageClick}
        action={::this.blockAdmins}
        deleteAction={::this.deleteAdmins}
        menuIndex={3}
        {...this.props}
      />
    )
  }
}

export default connect(state => ({
  auth: state.auth,
  collect: state.admin
}))(DisabledHandler)