95 lines
2.7 KiB
JavaScript
95 lines
2.7 KiB
JavaScript
import { remove, find } from 'lodash'
|
|
|
|
export const defaultState = {
|
|
allLists: [],
|
|
allListsObject: {}
|
|
}
|
|
|
|
export const mutations = {
|
|
setLists (state, value) {
|
|
state.allLists = value
|
|
},
|
|
setList (state, { id, title }) {
|
|
if (!state.allListsObject[id]) {
|
|
state.allListsObject[id] = {}
|
|
}
|
|
state.allListsObject[id].title = title
|
|
|
|
if (!find(state.allLists, { id })) {
|
|
state.allLists.push({ id, title })
|
|
} else {
|
|
find(state.allLists, { id }).title = title
|
|
}
|
|
},
|
|
setListAccounts (state, { id, accountIds }) {
|
|
if (!state.allListsObject[id]) {
|
|
state.allListsObject[id] = {}
|
|
}
|
|
state.allListsObject[id].accountIds = accountIds
|
|
},
|
|
deleteList (state, { id }) {
|
|
delete state.allListsObject[id]
|
|
remove(state.allLists, list => list.id === id)
|
|
}
|
|
}
|
|
|
|
const actions = {
|
|
setLists ({ commit }, value) {
|
|
commit('setLists', value)
|
|
},
|
|
createList ({ rootState, commit }, { title }) {
|
|
return rootState.api.backendInteractor.createList({ title })
|
|
.then((list) => {
|
|
commit('setList', { id: list.id, title })
|
|
return list
|
|
})
|
|
},
|
|
fetchList ({ rootState, commit }, { id }) {
|
|
return rootState.api.backendInteractor.getList({ id })
|
|
.then((list) => commit('setList', { id: list.id, title: list.title }))
|
|
},
|
|
fetchListAccounts ({ rootState, commit }, { id }) {
|
|
return rootState.api.backendInteractor.getListAccounts({ id })
|
|
.then((accountIds) => commit('setListAccounts', { id, accountIds }))
|
|
},
|
|
setList ({ rootState, commit }, { id, title }) {
|
|
rootState.api.backendInteractor.updateList({ id, title })
|
|
commit('setList', { id, title })
|
|
},
|
|
setListAccounts ({ rootState, commit }, { id, accountIds }) {
|
|
const saved = rootState.lists.allListsObject[id].accountIds || []
|
|
const added = accountIds.filter(id => !saved.includes(id))
|
|
const removed = saved.filter(id => !accountIds.includes(id))
|
|
commit('setListAccounts', { id, accountIds })
|
|
if (added.length > 0) {
|
|
rootState.api.backendInteractor.addAccountsToList({ id, accountIds: added })
|
|
}
|
|
if (removed.length > 0) {
|
|
rootState.api.backendInteractor.removeAccountsFromList({ id, accountIds: removed })
|
|
}
|
|
},
|
|
deleteList ({ rootState, commit }, { id }) {
|
|
rootState.api.backendInteractor.deleteList({ id })
|
|
commit('deleteList', { id })
|
|
}
|
|
}
|
|
|
|
export const getters = {
|
|
findListTitle: state => id => {
|
|
if (!state.allListsObject[id]) return
|
|
return state.allListsObject[id].title
|
|
},
|
|
findListAccounts: state => id => {
|
|
return [...state.allListsObject[id].accountIds]
|
|
}
|
|
}
|
|
|
|
const lists = {
|
|
state: defaultState,
|
|
mutations,
|
|
actions,
|
|
getters
|
|
}
|
|
|
|
export default lists
|