diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts index 112d516..2a48926 100644 --- a/frontend/src/router/index.ts +++ b/frontend/src/router/index.ts @@ -3,7 +3,9 @@ import { createWebHistory, type LocationQueryRaw, type RouteLocationNormalized, + type RouteLocationRaw, type RouteRecordRaw, + type RouteRecordRedirectOption, } from "vue-router"; import AdminDashboardView from "@/views/AdminDashboardView.vue"; import AdminNodesView from "@/views/AdminNodesView.vue"; @@ -47,7 +49,10 @@ export interface Route { export enum RouteName { HOME = "home", NODE_CREATE = "node-create", + NODE_UPDATE = "node-update", NODE_DELETE = "node-delete", + // MONITORING_CONFIRM = "monitoring-confirm", + // MONITORING_DISABLE = "monitoring-disable", ADMIN = "admin", ADMIN_NODES = "admin-nodes", } @@ -154,6 +159,14 @@ const routes: RouteWithTitle[] = [ mac: getQueryField(route, "mac", isMAC), }), }, + // { + // path: "/node/update", + // name: RouteName.NODE_UPDATE, + // meta: { + // title: "Knotendaten ändern", + // }, + // component: NodeUpdateView, + // }, { path: "/node/delete", name: RouteName.NODE_DELETE, @@ -162,6 +175,22 @@ const routes: RouteWithTitle[] = [ }, component: NodeDeleteView, }, + // { + // path: "/monitoring/confirm", + // name: RouteName.MONITORING_CONFIRM, + // meta: { + // title: "Versand von Status-E-Mails bestätigen", + // }, + // component: MonitoringConfirmView, + // }, + // { + // path: "/monitoring/disable", + // name: RouteName.MONITORING_DISABLE, + // meta: { + // title: "Versand von Status-E-Mails deaktivieren", + // }, + // component: MonitoringDisableView, + // }, { path: "/admin", name: RouteName.ADMIN, @@ -186,11 +215,59 @@ const routes: RouteWithTitle[] = [ }, ]; +// TODO: Redirect legacy admin URLs. + +/** + * Redirects for routes from the old frontend. + */ +const legacyRedirects: { path: string; redirect: RouteRecordRedirectOption }[] = + [ + { + path: "/new", + redirect: { + name: RouteName.NODE_CREATE, + }, + }, + { + path: "/update", + redirect: { + name: RouteName.NODE_UPDATE, + }, + }, + { + path: "/delete", + redirect: { + name: RouteName.NODE_DELETE, + }, + }, + ]; + const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), - routes, + routes: [...legacyRedirects, ...routes], }); +router.beforeResolve(redirectLegacyUrls); + +/** + * Navigation guard to make sure URLs of the old frontend of the form `/#/?` still work. + * Those will be redirected to `/?`. + * + * @param to - The route that is being navigated to. + * @returns New path to navigate to if a legacy URL is detected or `true` otherwise. + */ +function redirectLegacyUrls( + to: RouteLocationNormalized +): RouteLocationRaw | boolean { + if (to.fullPath.startsWith("/#/")) { + // URL for the old frontend. Do a proper redirect. + return to.fullPath.slice(2); + } + + // Nothing to do. + return true; +} + /** * Update the HTML documents title for the given route. *