frontend/src/i18n/lang/en.json

@@ -95,6 +95,7 @@
         "weekStartMonday": "Monday",
         "language": "Language",
         "defaultProject": "Default Project",
+        "defaultView": "Default View",
         "timezone": "Time Zone",
         "overdueTasksRemindersTime": "Overdue tasks reminder email time",
         "filterUsedOnOverview": "Saved filter used on the overview page"

frontend/src/modelTypes/IUserSettings.ts

@@ -4,12 +4,14 @@ import type {IProject} from './IProject'
 import type {PrefixMode} from '@/modules/parseTaskText'
 import type {BasicColorSchema} from '@vueuse/core'
 import type {SupportedLocale} from '@/i18n'
+import type {ProjectViewKind} from '@/modelTypes/IProjectView'
 
 export interface IFrontendSettings {
 	playSoundWhenDone: boolean
 	quickAddMagicMode: PrefixMode
 	colorSchema: BasicColorSchema
 	filterIdUsedOnOverview: IProject['id'] | null
+	defaultView: ProjectViewKind
 }
 
 export interface IUserSettings extends IAbstract {

frontend/src/models/userSettings.ts

@@ -3,6 +3,7 @@ import AbstractModel from './abstractModel'
 import type {IFrontendSettings, IUserSettings} from '@/modelTypes/IUserSettings'
 import {getBrowserLanguage} from '@/i18n'
 import {PrefixMode} from '@/modules/parseTaskText'
+import {PROJECT_VIEW_KINDS} from '@/modelTypes/IProjectView'
 
 export default class UserSettingsModel extends AbstractModel<IUserSettings> implements IUserSettings {
 	name = ''
@@ -19,6 +20,7 @@ export default class UserSettingsModel extends AbstractModel<IUserSettings> impl
 		playSoundWhenDone: true,
 		quickAddMagicMode: PrefixMode.Default,
 		colorSchema: 'auto',
+		defaultView: PROJECT_VIEW_KINDS.LIST,
 	}
 
 	constructor(data: Partial<IUserSettings> = {}) {

frontend/src/views/project/ProjectView.vue

@@ -8,6 +8,7 @@ import ProjectList from '@/components/project/views/ProjectList.vue'
 import ProjectGantt from '@/components/project/views/ProjectGantt.vue'
 import ProjectTable from '@/components/project/views/ProjectTable.vue'
 import ProjectKanban from '@/components/project/views/ProjectKanban.vue'
+import {useAuthStore} from '@/stores/auth'
 
 const {
 	projectId,
@@ -19,6 +20,7 @@ const {
 
 const router = useRouter()
 const projectStore = useProjectStore()
+const authStore = useAuthStore()
 
 const currentView = computed(() => {
 	const project = projectStore.projects[projectId]
@@ -26,17 +28,17 @@ const currentView = computed(() => {
 	return project?.views.find(v => v.id === viewId)
 })
 
-function redirectToFirstViewIfNecessary() {
+function redirectToDefaultViewIfNecessary() {
 	if (viewId === 0 || !projectStore.projects[projectId]?.views.find(v => v.id === viewId)) {
 		// Ideally, we would do that in the router redirect, but the projects (and therefore, the views) 
 		// are not always loaded then.
-		const firstViewId = projectStore.projects[projectId]?.views[0].id
-		if (firstViewId) {
+		const defaultView = projectStore.projects[projectId]?.views.find(v => v.viewKind === authStore.settings.frontendSettings.defaultView)
+		if (defaultView) {
 			router.replace({
 				name: 'project.view',
 				params: {
 					projectId,
-					viewId: firstViewId,
+					viewId: defaultView.id,
 				},
 			})
 		}
@@ -45,13 +47,13 @@ function redirectToFirstViewIfNecessary() {
 
 watch(
 	() => viewId,
-	redirectToFirstViewIfNecessary,
+	redirectToDefaultViewIfNecessary,
 	{immediate: true},
 )
 
 watch(
 	() => projectStore.projects[projectId],
-	redirectToFirstViewIfNecessary,
+	redirectToDefaultViewIfNecessary,
 )
 
 // using a watcher instead of beforeEnter because beforeEnter is not called when only the viewId changes

frontend/src/views/user/settings/General.vue

@@ -26,6 +26,22 @@
 			</label>
 			<ProjectSearch v-model="defaultProject" />
 		</div>
+		<div class="field">
+			<label class="label">
+				{{ $t('user.settings.general.defaultView') }}
+			</label>
+			<div class="select ml-2">
+				<select v-model="settings.frontendSettings.defaultView">
+					<option
+						v-for="view in PROJECT_VIEW_KINDS"
+						:key="view"
+						:value="view"
+					>
+						{{ $t(`project.${view}.title`) }}
+					</option>
+				</select>
+			</div>
+		</div>
 		<div
 			v-if="hasFilters"
 			class="field"
@@ -221,6 +237,7 @@ import {useProjectStore} from '@/stores/projects'
 import {useAuthStore} from '@/stores/auth'
 import type {IUserSettings} from '@/modelTypes/IUserSettings'
 import {isSavedFilter} from '@/services/savedFilter'
+import {PROJECT_VIEW_KINDS} from '@/modelTypes/IProjectView'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)