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"
@@ -314,6 +315,9 @@
         "delete": "Delete"
       }
     },
+    "first": {
+      "title": "First View"
+    },
     "list": {
       "title": "List",
       "add": "Add",

frontend/src/modelTypes/IProjectView.ts

@@ -9,6 +9,12 @@ export const PROJECT_VIEW_KINDS = {
 } as const
 export type ProjectViewKind = typeof PROJECT_VIEW_KINDS[keyof typeof PROJECT_VIEW_KINDS]
 
+export const DEFAULT_PROJECT_VIEW_SETTINGS = {
+	FIRST: 'first',
+	...PROJECT_VIEW_KINDS,
+} as const
+export type DefaultProjectViewKind = typeof DEFAULT_PROJECT_VIEW_SETTINGS[keyof typeof DEFAULT_PROJECT_VIEW_SETTINGS]
+
 export const PROJECT_VIEW_BUCKET_CONFIGURATION_MODES = ['none', 'manual', 'filter']
 export type ProjectViewBucketConfigurationMode = typeof PROJECT_VIEW_BUCKET_CONFIGURATION_MODES[number]
 

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 {DefaultProjectViewKind} from '@/modelTypes/IProjectView'
 
 export interface IFrontendSettings {
 	playSoundWhenDone: boolean
 	quickAddMagicMode: PrefixMode
 	colorSchema: BasicColorSchema
 	filterIdUsedOnOverview: IProject['id'] | null
+	defaultView?: DefaultProjectViewKind
 }
 
 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 {DEFAULT_PROJECT_VIEW_SETTINGS} 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: DEFAULT_PROJECT_VIEW_SETTINGS.FIRST,
 	}
 
 	constructor(data: Partial<IUserSettings> = {}) {

frontend/src/views/project/ProjectView.vue

@@ -8,6 +8,8 @@ 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'
+import {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'
 
 const {
 	projectId,
@@ -19,6 +21,7 @@ const {
 
 const router = useRouter()
 const projectStore = useProjectStore()
+const authStore = useAuthStore()
 
 const currentView = computed(() => {
 	const project = projectStore.projects[projectId]
@@ -26,17 +29,27 @@ 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) {
+
+		let view
+		if (authStore.settings.frontendSettings.defaultView !== DEFAULT_PROJECT_VIEW_SETTINGS.FIRST) {
+			view = projectStore.projects[projectId]?.views.find(v => v.viewKind === authStore.settings.frontendSettings.defaultView)
+		}
+
+		// Use the first view as fallback if the default view is not available
+		if (view === undefined && projectStore.projects[projectId]?.views?.length > 0) {
+			view = projectStore.projects[projectId]?.views[0]
+		}
+
+		if (view) {
 			router.replace({
 				name: 'project.view',
 				params: {
 					projectId,
-					viewId: firstViewId,
+					viewId: view.id,
 				},
 			})
 		}
@@ -45,13 +58,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">
+				<select v-model="settings.frontendSettings.defaultView">
+					<option
+						v-for="view in DEFAULT_PROJECT_VIEW_SETTINGS"
+						: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 {DEFAULT_PROJECT_VIEW_SETTINGS} from '@/modelTypes/IProjectView'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)
@@ -253,12 +270,15 @@ function useAvailableTimezones() {
 const availableTimezones = useAvailableTimezones()
 
 const authStore = useAuthStore()
+
 const settings = ref<IUserSettings>({
 	...authStore.settings,
 	frontendSettings: {
 		// Sub objects get exported as read only as well, so we need to 
 		// explicitly spread the object here to allow modification
 		...authStore.settings.frontendSettings,
+		// Add fallback for old settings that don't have the default view set
+		defaultView: authStore.settings.frontendSettings.defaultView ?? DEFAULT_PROJECT_VIEW_SETTINGS.FIRST,
 	},
 })
 const id = ref(createRandomID())