import MemberService from '@/services/member.service'

export const state = () => ({
  items: [],
  selected: [],
  loading: false
})

export const getters = {
  isMemberSelected(state) {
    return state.selected.length > 0
  }
}

export const mutations = {
  setMemberList(state, payload) {
    state.items = payload
  },
  addMember(state, member) {
    state.items.unshift(member)
  },
  deleteMember(state, userId) {
    state.items = state.items.filter(item => item.id !== userId)
  },
  updateSelected(state, selected) {
    state.selected = selected
  },
  updateMember(state, member) {
    const item = state.items.find(item => item.id === member.id)
    Object.assign(item, member)
  },
  resetSelected(state) {
    state.selected = []
  },
  setLoading(state, payload) {
    state.loading = payload
  }
}

export const actions = {
  getMemberList({ commit }, payload) {
    commit('setLoading', true)
    return MemberService.getMemberList(payload.projectId)
      .then((response) => {
        commit('setMemberList', response)
      })
      .catch((error) => {
        alert(error)
      })
      .finally(() => {
        commit('setLoading', false)
      })
  },
  addMember({ commit }, data) {
    MemberService.addMember(data.projectId, data.userId, data.role)
      .then((response) => {
        commit('addMember', response)
      })
      .catch((error) => {
        alert(error)
      })
  },
  updateMemberRole({ commit }, member) {
    MemberService.updateMemberRole(member.projectId, member.id, member.role) // Todo: replace project id
      .then((response) => {
        commit('updateMember', response)
      })
      .catch((error) => {
        alert(error)
      })
  },
  removeMember({ commit, state }, projectId) {
    for (const member of state.selected) {
      MemberService.deleteMember(projectId, member.id)
        .then((response) => {
          commit('deleteMember', member.id)
        })
        .catch((error) => {
          alert(error)
        })
    }
    commit('resetSelected')
  }
}