f96q/kptboard

import {
  buildActionCreator,
  createReducer
} from 'hard-reducer'

import { setRetrospective } from '../actionCreators/globalActions'

const {
  createAction
} = buildActionCreator({
  prefix: 'labels/'
})

function findLabelPosition(labels, id) {
  for (let kind of ['keep', 'problem', 'try']) {
    for (let i = 0;  i < labels[kind].length; i++) {
      const label = labels[kind][i]
      if (label.id == id) {
        return { kind: kind, index: i }
      }
    }
  }
  return null
}


const initialState = {
  dragStartId: null,
  labels: {
    keep: [],
    problem: [],
    try: []
  },
  labelModal: {
    isOpen: false,
    clientX: 0,
    clientY: 0,
    label: {
      id: null,
      kind: null,
      description: ''
    }
  }
}

// LabelModal
export const openNewLabelModal = createAction('open-new-label-modal')
export const openEditLabelModal = createAction('open-edit-label-modal')
export const updateLabelModal = createAction('update-label-modal')
export const closeLabelModal = createAction('close-label-modal')

// Label
export const createLabel = createAction('create-label')
export const updateLabel = createAction('update-label')
export const destroyLabel = createAction('destroy-label')
export const dragStartLabel = createAction('drag-start-label')
export const dragEndLabel = createAction('drag-end-lab')
export const dropLabel = createAction('drop-label')

export const reducer = createReducer(initialState)
  .case(setRetrospective, (state, payload) => {
    return {
      ...state,
      labels: payload.retrospective.labels
    }
  })
  .case(openNewLabelModal, (state, payload) => {
    const labelModal = {
      isOpen: true,
      clientX: payload.clientX,
      clientY: payload.clientY,
      label: {
        id: null,
        kind: payload.kind,
        description: ''
      }
    }
    return {
      ...state,
      labelModal: labelModal
    }
  })
  .case(openEditLabelModal, (state, payload) => {
    const position = findLabelPosition(state.labels, payload.id)
    if (position == null) return state
    const label = state.labels[position.kind][position.index]
    const labelModal = {
      isOpen: true,
      clientX: payload.clientX,
      clientY: payload.clientY,
      label: {
        id: label.id,
        kind: label.kind,
        description: label.description
      }
    }
    return {
      ...state,
      labelModal: labelModal
    }
  })
  .case(updateLabelModal, (state, payload) => {
    let labelModal = { ...state.labelModal }
    labelModal.label.description = payload.description
    return {
      ...state,
      labelModal: labelModal
    }
  })
  .case(closeLabelModal, (state, payload) => {
    return {
      ...state,
      labelModal: initialState.labelModal
    }
  })
  .case(createLabel, (state, payload) => {
    let labels = { ...state.labels }
    labels[payload.label.kind] = [payload.label, ...state.labels[payload.label.kind]]
    return {
      ...state,
      labels: labels
    }
  })
  .case(updateLabel, (state, payload) => {
    let labels = { ...state.labels }
    const position = findLabelPosition(labels, payload.id)
    if (position == null) return state
    labels[position.kind][position.index].description = payload.label.description
    return {
      ...state,
      labels: labels
    }
  })
  .case(destroyLabel, (state, payload) => {
    let labels = { ...state.labels }
    const position = findLabelPosition(labels, payload.id)
    if (position == null) return state
    labels[position.kind].splice(position.index, 1)
    return {
      ...state,
      labels: labels
    }
  })
  .case(dragStartLabel, (state, payload) => {
    return {
      ...state,
      dragStartId: payload.id
    }
  })
 .case(dragEndLabel, (state, payload) => {
   return {
     ...state,
     dragStartId: null
   }
 })
 .case(dropLabel, (state, payload) => {
   let labels = { ...state.labels }
    const from = findLabelPosition(labels, payload.id)
    if (from == null) return state
    const label = { ...labels[from.kind][from.index] }
    labels[from.kind].splice(from.index, 1)
    if (label.kind != payload.kind) {
      label.kind = payload.kind
    }
    labels[payload.kind].splice(payload.index, 0, label)
    return {
      ...state,
      labels: labels
    }
 })