tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

feat(frontend): initialisatie router en bijhorende.vue componenten

Browse source
This commit is contained in:
Joyelle Ndagijimana 2025-02-25 23:01:36 +01:00
parent c07bb959cf
commit 6beaf77adf
38 changed files with 436 additions and 449 deletions
Download patch file Download diff file Expand all files Collapse all files

130
frontend/src/router/index.ts
View file

@ -1,5 +1,23 @@
import { createRouter, createWebHistory } from "vue-router";
import HomeView from "../views/HomeView.vue";
import {createRouter, createWebHistory} from "vue-router";
import LoginPage from "@/views/auth/LoginPage.vue";
import RegisterPage from "@/views/auth/RegisterPage.vue";
import HomePage from "@/views/auth/HomePage.vue";
import MenuBar from "@/components/MenuBar.vue";
import StudentHomepage from "@/views/student/StudentHomepage.vue";
import StudentAssignments from "@/views/student/StudentAssignments.vue";
import StudentClasses from "@/views/student/StudentClasses.vue";
import StudentDiscussions from "@/views/student/StudentDiscussions.vue";
import TeacherHomepage from "@/views/teacher/TeacherHomepage.vue";
import TeacherAssignments from "@/views/teacher/TeacherAssignments.vue";
import TeacherClasses from "@/views/teacher/TeacherClasses.vue";
import TeacherDiscussions from "@/views/teacher/TeacherDiscussions.vue";
import SingleAssignment from "@/views/resources/assignment/SingleAssignment.vue";
import SingleClass from "@/views/resources/class/SingleClass.vue";
import SingleDiscussion from "@/views/resources/discussion/SingleDiscussion.vue";
import NotFound from "@/components/errors/NotFound.vue";
import CreateClass from "@/views/resources/class/CreateClass.vue";
import CreateAssignment from "@/views/resources/assignment/CreateAssignment.vue";
import CreateDiscussion from "@/views/resources/discussion/CreateDiscussion.vue";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
@ -7,17 +25,107 @@ const router = createRouter({
{
path: "/",
name: "home",
component: HomeView,
component: HomePage,
},
{
path: "/about",
name: "about",
// Route level code-splitting
// This generates a separate chunk (About.[hash].js) for this route
// Which is lazy-loaded when the route is visited.
component: () => {
return import("../views/AboutView.vue");
},
path: "/:role/login",
name: "LoginPage",
component: LoginPage
},
{
path: "/:role/register",
name: "RegisterPage",
component: RegisterPage
},
{
path: "/student/:id",
component: MenuBar,
children: [
{
path: "home",
name: "StudentHomePage",
component: StudentHomepage
},
{
path: "assignment",
name: "StudentAssignments",
component: StudentAssignments
},
{
path: "class",
name: "StudentClasses",
component: StudentClasses
},
{
path: "discussion",
name: "StudentDiscussions",
component: StudentDiscussions
},
]
},
{
path: "/teacher/:id",
component: MenuBar,
children: [
{
path: "home",
name: "TeacherHomepage",
component: TeacherHomepage
},
{
path: "assignment",
name: "TeacherAssignments",
component: TeacherAssignments
},
{
path: "class",
name: "TeacherClasses",
component: TeacherClasses
},
{
path: "discussion",
name: "TeacherDiscussions",
component: TeacherDiscussions
},
]
},
{
path: "/assignment/create",
name: "CreateAssigment",
component: CreateAssignment
},
{
path: "/assignment/:id",
name: "SingleAssigment",
component: SingleAssignment
},
{
path: "/class/create",
name: "CreateClass",
component: CreateClass
},
{
path: "/class/:id",
name: "SingleClass",
component: SingleClass
},
{
path: "/discussion/create",
name: "CreateDiscussion",
component: CreateDiscussion
},
{
path: "/discussion/:id",
name: "SingleDiscussion",
component: SingleDiscussion
},
{
path: "/:catchAll(.*)",
name: "NotFound",
component: NotFound,
},
],
});