feat(routing): add nav guard for project-board and group-board

src/router/guards/views/group-board.js

@@ -0,0 +1,15 @@
+import { routeNames } from "@/router";
+import GroupService from "@/services/GroupService.js";
+
+export default async function groupBoardGuard(route) {
+  const group = await GroupService.fetchGroupByID(
+    {
+      cloud: { id: route.params.spaceID },
+      id: route.params.projectID
+    },
+    route.params.groupID
+  );
+  if (!group) {
+    return { name: routeNames.pageNotFound };
+  }
+}

src/router/guards/views/project-board.js

@@ -0,0 +1,12 @@
+import { routeNames } from "@/router";
+import ProjectService from "@/services/ProjectService.js";
+
+export default async function projectBoardGuard(route) {
+  const project = await ProjectService.fetchProjectByID(
+    { id: route.params.spaceID },
+    route.params.projectID
+  );
+  if (!project) {
+    return { name: routeNames.pageNotFound };
+  }
+}

src/router/index.js

@@ -1,5 +1,7 @@
 import { createRouter, createWebHistory } from "vue-router";
 import authGuard from "./guards/auth.js";
+import groupBoardGuard from "./guards/views/group-board.js";
+import projectBoardGuard from "./guards/views/project-board.js";
 import spaceBoardGuard from "./guards/views/space-board.js";
 import rootResolver from "./resolvers/root.js";
 import groupBoardResolver from "./resolvers/views/group-board.js";
@@ -90,6 +92,7 @@ const routes = [
         name: routeNames.projectBoard,
         component: ProjectBoard,
         meta: {
+          guard: projectBoardGuard,
           resolver: projectBoardResolver
         }
       },
@@ -114,6 +117,7 @@ const routes = [
         name: routeNames.groupBoard,
         component: GroupBoard,
         meta: {
+          guard: groupBoardGuard,
           resolver: groupBoardResolver
         }
       },

src/services/GroupService.js

@@ -30,6 +30,19 @@ class GroupService {
     }
   }
 
+  async fetchGroupByID(project, id) {
+    try {
+      return await apiClient.collaborationApi.getManageGroup({
+        cloudPk: project.cloud.id,
+        projectPk: project.id,
+        id
+      });
+    } catch (error) {
+      ErrorService.handleError(error);
+      return null;
+    }
+  }
+
   async createGroup(project, group) {
     try {
       return await apiClient.collaborationApi.createManageGroup({