Separate store to modules

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/store/card.js

@@ -0,0 +1,50 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import Vue from 'vue'
+
+export default {
+	state: {
+		cards: []
+	},
+	getters: {
+		cardsByStack: state => (id) => {
+			return state.cards.filter((card) => card.stackId === id).sort((a, b) => a.order - b.order)
+		},
+		cardById: state => (id) => {
+			return state.cards.find((card) => card.id === id)
+		}
+	},
+	mutations: {
+		addCard(state, card) {
+			let existingIndex = state.cards.findIndex(_card => _card.id === card.id)
+			if (existingIndex !== -1) {
+				let existingCard = state.cards.find(_card => _card.id === card.id)
+				Vue.set(state.cards, existingIndex, Object.assign({}, existingCard, card))
+			} else {
+				state.cards.push(card)
+			}
+		}
+	},
+	actions: {
+	}
+}

src/store/main.js

@@ -24,6 +24,8 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import { boardToMenuItem } from './../helpers/boardToMenuItem'
 import { BoardApi } from './../services/BoardApi'
+import stack from './stack'
+import card from './card'
 
 Vue.use(Vuex)
 
@@ -37,7 +39,10 @@ export const BOARD_FILTERS = {
 }
 
 export default new Vuex.Store({
-	modules: {},
+	modules: {
+		stack,
+		card
+	},
 	strict: debug,
 	state: {
 		navShown: true,

src/store/stack.js

@@ -0,0 +1,86 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import Vue from 'vue'
+import { StackApi } from './../services/StackApi'
+import applyOrderToArray from './../helpers/applyOrderToArray'
+
+const apiClient = new StackApi()
+
+export default {
+	state: {
+		stacks: []
+	},
+	getters: {
+		stacksByBoard: state => (id) => {
+			return state.stacks.filter((stack) => stack.boardId === id).sort((a, b) => a.order - b.order)
+		}
+	},
+	mutations: {
+		addStack(state, stack) {
+			let existingIndex = state.stacks.findIndex(_stack => _stack.id === stack.id)
+			if (existingIndex !== -1) {
+				let existingStack = state.stacks.find(_stack => _stack.id === stack.id)
+				Vue.set(state.stacks, existingIndex, Object.assign({}, existingStack, stack))
+			} else {
+				state.stacks.push(stack)
+			}
+		},
+		orderStack(state, { stack, removedIndex, addedIndex }) {
+			let currentOrder = state.stacks.filter((_stack) => _stack.boardId === stack.boardId).sort((a, b) => a.order - b.order)
+			var newOrder = applyOrderToArray(currentOrder, removedIndex, addedIndex)
+			for (let i = 0; i < newOrder.length; i++) {
+				newOrder[i].order = parseInt(i)
+			}
+		}
+	},
+	actions: {
+		orderStack({ commit }, { stack, removedIndex, addedIndex }) {
+			commit('orderStack', { stack, removedIndex, addedIndex })
+			apiClient.reorderStack(stack.id, addedIndex)
+				.catch((err) => {
+					OC.Notification.showTemporary('Failed to change order')
+					console.error(err.response.data.message)
+					commit('orderStack', { stack, addedIndex, removedIndex })
+				})
+		},
+		loadStacks({ commit }, board) {
+			apiClient.loadStacks(board.id)
+				.then((stacks) => {
+					for (let i in stacks) {
+						let stack = stacks[i]
+						for (let j in stack.cards) {
+							commit('addCard', stack.cards[j])
+						}
+						delete stack.cards
+						commit('addStack', stack)
+					}
+				})
+		},
+		createStack({ commit }, stack) {
+			apiClient.createStack(stack)
+				.then((stack) => {
+					commit('addStack', stack)
+				})
+		}
+	}
+}