WIP: form a basic instructor dashboard page and fix course switching from menubar.

Author: pstaabp

src/common/views.ts

@@ -49,6 +49,13 @@ export const student_views: Array<ViewInfo> = [
 ];
 
 export const instructor_views: Array<ViewInfo> = [
+	{
+		name: 'Dashboard',
+		component_name: 'Dashboard',
+		icon: 'speed',
+		route: 'dashboard',
+		sidebars: []
+	},
 	{
 		name: 'Calendar',
 		component_name: 'Calendar',

src/layouts/MenuBar.vue

@@ -64,13 +64,17 @@
 <script setup lang="ts">
 import { computed, defineEmits, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { endSession } from 'src/common/api-requests/session';
 import { useI18n } from 'vue-i18n';
+
 import { setI18nLanguage } from 'boot/i18n';
+import { logger } from 'src/boot/logger';
+
+import { endSession } from 'src/common/api-requests/session';
 import { useSessionStore } from 'src/stores/session';
-import type { CourseSettingInfo } from 'src/common/models/settings';
 import { useSettingsStore } from 'src/stores/settings';
-import { logger } from 'src/boot/logger';
+
+import type { CourseSettingInfo } from 'src/common/models/settings';
+import { UserRole } from 'src/common/models/parsers';
 
 defineEmits(['toggle-menu', 'toggle-sidebar']);
 const session = useSessionStore();
@@ -87,8 +91,12 @@ const user_courses = computed(() =>
 const changeCourse = (course_id: number, course_name: string) => {
 	const new_course = session.user_courses.find(course => course.course_name === course_name);
 
+	// This sets the path to the instructor or student dashboard.
+	const role = new_course?.role === UserRole.instructor ?
+		'instructor' : new_course?.role === UserRole.student ? 'student' : 'UNKNOWN';
+
 	if (new_course != undefined) {
-		router.push(`/courses/${new_course.course_id}`).then(() => {
+		router.push(`/courses/${new_course.course_id}/${role}`).then(() => {
 			session.setCourse({
 				course_name: new_course.course_name,
 				course_id: new_course.course_id

src/layouts/MenuSidebar.vue

@@ -27,7 +27,9 @@ export default defineComponent({
 					? admin_views
 					: /^\/courses\/\d+\/instructor/.exec(route.path)
 						? instructor_views
-						: student_views
+						: /^\/courses\/\d+\/student/.exec(route.path)
+							? student_views
+							: []
 			),
 			changeView: (view: ViewInfo) => {
 				void router.push({ name: view.component_name, params: route.params });

src/pages/instructor/Dashboard.vue

@@ -0,0 +1,8 @@
+<template>
+<div class="q-pa-md">
+	<div class="text-h6">Instructor Dashboard</div>
+	<p>This is the instructor landing page/dashboard. To get started select a tool
+		from the list on the left.
+	</p>
+</div>
+</template>

src/router/routes.ts

@@ -37,7 +37,7 @@ const routes: RouteRecordRaw[] = [
 					)
 			},
 			{
-				path: 'courses/:course_id',
+				path: 'courses/:course_id/student',
 				component: () =>
 					import(
 						/* webpackChunkName: "Student" */
@@ -115,6 +115,15 @@ const routes: RouteRecordRaw[] = [
 				name: 'instructor',
 				meta: { requiresAuth: true },
 				children: [
+					{
+						path: '',
+						name: 'InstructorDashboard',
+						component: () =>
+							import(
+								/* webpackChunkName: "Dashboard" */
+								'pages/instructor/Dashboard.vue'
+							)
+					},
 					{
 						path: 'settings',
 						name: 'Settings',