fix(gantt): set viewMode per board

Signed-off-by: grnd-alt <git@belakkaf.net>

Author: grnd-alt

src/components/Controls.vue

@@ -347,14 +347,14 @@ export default {
 		...mapGetters([
 			'canEdit',
 			'canManage',
+			'viewMode',
 		]),
 		...mapState({
 			isFullApp: state => state.isFullApp,
 			compactMode: state => state.compactMode,
 			showCardCover: state => state.showCardCover,
 			searchQuery: state => state.searchQuery,
 			showArchived: state => state.showArchived,
-			viewMode: state => state.viewMode,
 		}),
 		detailsRoute() {
 			return {

src/components/board/Board.vue

@@ -140,11 +140,11 @@ export default {
 			isFullApp: state => state.isFullApp,
 			board: state => state.currentBoard,
 			showArchived: state => state.showArchived,
-			viewMode: state => state.viewMode,
 		}),
 		...mapGetters([
 			'canEdit',
 			'canManage',
+			'viewMode',
 		]),
 		stacksByBoard() {
 			return this.board?.id ? this.$store.getters.stacksByBoard(this.board.id) : []

src/components/board/GanttView.vue

@@ -197,8 +197,8 @@ export default {
 			],
 		}
 	},
-	       computed: {
-		       ...mapGetters(['cardsByStack', 'canEdit']),
+	computed: {
+		...mapGetters(['cardsByStack', 'canEdit']),
 		partitionedCards() {
 			const undatedCards = []
 			const ganttTasks = []

src/store/main.js

@@ -62,7 +62,7 @@ export default function storeFactory() {
 			activityLoadMore: true,
 			filter: { tags: [], users: [], due: '', unassigned: false, completed: 'both' },
 			shortcutLock: false,
-			viewMode: localStorage.getItem('deck.viewMode') || 'kanban',
+			viewModeByBoard: {},
 		},
 		getters: {
 			config: state => (key) => {
@@ -75,6 +75,15 @@ export default function storeFactory() {
 			getSearchQuery: state => {
 				return state.searchQuery
 			},
+			viewMode: state => {
+				if (!state.currentBoard) return "kanban"
+				if (state.viewModeByBoard[state.currentBoard.id] !== undefined) {
+					return state.viewModeByBoard[state.currentBoard.id]
+				}
+
+				const stored = localStorage.getItem(`deck.viewMode.${state.currentBoard.id}`)
+				return stored !== null ? stored : "kanban"
+			},
 			getFilter: state => {
 				return state.filter
 			},
@@ -304,8 +313,9 @@ export default function storeFactory() {
 				state.shortcutLock = lock
 			},
 			setViewMode(state, mode) {
-				state.viewMode = mode
-				localStorage.setItem('deck.viewMode', mode)
+				if (!state.currentBoard) return
+				Vue.set(state.viewModeByBoard, state.currentBoard.id, mode)
+				localStorage.setItem(`deck.viewMode.${state.currentBoard.id}`, mode)
 			},
 		},
 		actions: {