fix: correctly handle upcoming url path

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

Author: grnd-alt

appinfo/routes.php

@@ -8,6 +8,7 @@
 return [
 	'routes' => [
 		['name' => 'page#index', 'url' => '/', 'verb' => 'GET'],
+		['name' => 'page#indexUpcoming', 'url' => '/upcoming', 'verb' => 'GET'],
 		['name' => 'page#indexList', 'url' => '/board', 'verb' => 'GET'],
 		['name' => 'page#indexBoard', 'url' => '/board/{boardId}', 'verb' => 'GET'],
 		['name' => 'page#indexBoardDetails', 'url' => '/board/{boardId}/details', 'verb' => 'GET'],

lib/Controller/PageController.php

@@ -107,6 +107,12 @@ public function indexCard(int $cardId): TemplateResponse {
 		return $this->index();
 	}
 
+	#[NoAdminRequired]
+	#[NoCSRFRequired]
+	public function indexUpcoming(): TemplateResponse {
+		return $this->index();
+	}
+
 	#[NoAdminRequired]
 	#[NoCSRFRequired]
 	public function redirectToCard($cardId): RedirectResponse {

src/components/navigation/AppNavigation.vue

@@ -10,7 +10,7 @@
 				:exact="true"
 				to="/upcoming">
 				<template #icon>
-					<CalendarIcon v-if="$route.path === '/'" :size="20" />
+					<CalendarIcon v-if="$route.path === '/upcoming'" :size="20" />
 					<CalendarOutlineIcon v-else :size="20" />
 				</template>
 			</NcAppNavigationItem>

src/router.js

@@ -154,20 +154,23 @@ const router = new Router({
 })
 
 router.beforeEach((to, from, next) => {
-	// Redirect if fullPath begins with a hash (ignore hashes later in path)
-	if (to.hash.substring(0, 2) === '#/') {
-		const path = to.fullPath.replace('/#/', '/').trimEnd('/')
-		next(path)
-		return
-	}
 	// Redirect to the pinned default board if set and navigating to the main route
 	if (to.name === 'main') {
 		const defaultBoardId = localStorage.getItem('deck.defaultBoardId')
 		if (defaultBoardId) {
 			next({ name: 'board', params: { id: parseInt(defaultBoardId, 10) } })
 			return
+		} else {
+			next({ name: 'upcoming' })
+			return
 		}
 	}
+	// Redirect if fullPath begins with a hash (ignore hashes later in path)
+	if (to.hash.substring(0, 2) === '#/') {
+		const path = to.fullPath.replace('/#/', '/').trimEnd('/')
+		next(path)
+		return
+	}
 	next()
 })