feat(frontend): Add app tour to admin, fix admin register (SCRUM-290)

Author: jb-cc

Frontend/i18n/locales/en-GB.json

@@ -89,7 +89,7 @@
       "matching": {
         "alt": "A video showcasing the use of the matching page",
         "description": "Swipe left or right to accept or reject supervision requests from Students. Visit their profile, and undo your actions if you mis-swiped!",
-        "title": "Match with Supervisors"
+        "title": "Match with Students"
       },
       "overview": {
         "alt": "A video giving an overview of the app",

Frontend/middleware/01.routing.global.ts

@@ -34,23 +34,27 @@ export default defineNuxtRouteMiddleware(async (to) => {
   // Register user if is not already registered
 
   if (!registrationStore.status || !registrationStore.status.exists || !registrationStore.status.is_registered) {
-    console.log('🍍🍍🍍🍍🍍🍍[ROUTING MIDDLEWARE]: Fetching registration status for user:', userEmail)
     await registrationStore.fetchRegistrationStatus(userEmail)
   }
   let userRole = UserRoles.STUDENT
   if (registrationStore.status?.role) {
     userRole = registrationStore.status.role
   }
 
-  // Skip checking is admin is oboarded. They should be redirected to dashboard
+  const accountRegistrationCompleted = registrationStore.status?.is_registered || false
+
   if (userRole === UserRoles.ADMIN) {
+    if (!accountRegistrationCompleted) {
+      if (!to.path.startsWith('/admin/app-tour')) {
+        return navigateTo('/admin/app-tour')
+      }
+    }
     if (!to.path.startsWith('/admin')) {
       return navigateTo('/admin/dashboard')
     }
     return
   }
 
-  const accountRegistrationCompleted = registrationStore.status?.is_registered || false
   const tagsSelected = registrationStore.status?.tags || false
 
   if (!accountRegistrationCompleted && to.path.startsWith('/onboarding')) {

Frontend/pages/admin/app-tour.vue

@@ -3,7 +3,32 @@ import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
 
+const authStore = useAuthStore();
+await authStore.initialize();
+const { user } = storeToRefs(authStore);
+const userEmail = user.value?.primaryEmailAddress?.emailAddress;
+const registrationStore = useRegistrationStore();
 
+const registerNewAdmin = async () => {
+    if (!userEmail) {
+        console.error('User email is not available');
+        return;
+    }
+    console.log('registerNewAdmin with email:', userEmail);
+
+    $fetch('/api/users', {
+        method: 'POST',
+        body: {
+            email: userEmail
+        }
+    })
+        .then(() => {
+            navigateTo('/dashboard/admin');
+        })
+        .catch((error) => {
+            console.error('Error registering new admin:', error);
+        });
+};
 const steps = [
   {
     source: '../appTour/admin/dashboard.jpeg',
@@ -35,7 +60,11 @@ const currentStep = ref(0);
 
 function next() {
   if (currentStep.value === steps.length - 1) {
-    close();
+      if (!registrationStore.status.is_registered) {
+          registerNewAdmin()
+      } else {
+          close();
+      }
   }
   currentStep.value = Math.min(steps.length - 1, currentStep.value + 1);
 }

Frontend/pages/onboarding/student.vue

@@ -216,7 +216,7 @@ async function handleSubmit() {
   if (!registrationStore.status || !registrationStore.status.exists || !registrationStore.status.is_registered) {
     await registrationStore.fetchRegistrationStatus(userStore.user?.email)
   }
-  return navigateTo('/student/dashboard');
+  return navigateTo('/student/app-tour');
 }
 
 const fetchAlldata = async () => {