Intro Course Developer Profile Instructor View

clients/intro_course_developer_component/routes/index.tsx

@@ -1,3 +1,4 @@
+import { DeveloperProfilesLecturerPage } from '../src/introCourse/pages/DeveloperProfilesLecturer/DeveloperProfilesLecturerPage'
 import { TutorImportPage } from '../src/introCourse/pages/TutorImport/TutorImportPage'
 import { IntroCourseDataShell } from '../src/introCourse/IntroCourseDataShell'
 import { IntroCoursePage } from '../src/introCourse/IntroCoursePage'
@@ -15,6 +16,11 @@ const routes: ExtendedRouteObject[] = [
     ),
     requiredPermissions: [Role.PROMPT_ADMIN, Role.COURSE_LECTURER, Role.COURSE_STUDENT], // empty means no permissions required
   },
+  {
+    path: '/developer-profiles',
+    element: <DeveloperProfilesLecturerPage />,
+    requiredPermissions: [Role.PROMPT_ADMIN, Role.COURSE_LECTURER],
+  },
   {
     path: '/tutors',
     element: <TutorImportPage />,

clients/intro_course_developer_component/sidebar/index.tsx

@@ -8,6 +8,11 @@ const sidebarItems: SidebarMenuItemProps = {
   goToPath: '',
   requiredPermissions: [Role.PROMPT_ADMIN, Role.COURSE_LECTURER, Role.COURSE_STUDENT],
   subitems: [
+    {
+      title: 'Developer Profiles',
+      goToPath: '/developer-profiles',
+      requiredPermissions: [Role.PROMPT_ADMIN, Role.COURSE_LECTURER],
+    },
     {
       title: 'Tutor Import',
       goToPath: '/tutors',

clients/intro_course_developer_component/src/introCourse/interfaces/DeveloperProfile.tsx

@@ -1,4 +1,6 @@
 export type DeveloperProfile = {
+  coursePhaseID: string
+  courseParticipationID: string
   appleID: string
   gitLabUsername: string
   hasMacBook: boolean

clients/intro_course_developer_component/src/introCourse/interfaces/PostDeveloperProfile.tsx

@@ -0,0 +1,8 @@
+export type PostDeveloperProfile = {
+  appleID: string
+  gitLabUsername: string
+  hasMacBook: boolean
+  iPhoneUUID?: string
+  iPadUUID?: string
+  appleWatchUUID?: string
+}

clients/intro_course_developer_component/src/introCourse/network/mutations/postDeveloperProfile.ts

@@ -1,9 +1,9 @@
-import { DeveloperProfile } from '../../interfaces/DeveloperProfile'
+import { PostDeveloperProfile } from '../../interfaces/PostDeveloperProfile'
 import { introCourseAxiosInstance } from '../introCourseServerConfig'
 
 export const postDeveloperProfile = async (
   coursePhaseID: string,
-  developerProfile: DeveloperProfile,
+  developerProfile: PostDeveloperProfile,
 ): Promise<void> => {
   try {
     return await introCourseAxiosInstance.post(

clients/intro_course_developer_component/src/introCourse/network/mutations/updateDeveloperProfile.ts

@@ -0,0 +1,23 @@
+import { PostDeveloperProfile } from '../../interfaces/PostDeveloperProfile'
+import { introCourseAxiosInstance } from '../introCourseServerConfig'
+
+export const updateDeveloperProfile = async (
+  coursePhaseID: string,
+  courseParticipationID: string,
+  developerProfile: PostDeveloperProfile,
+): Promise<void> => {
+  try {
+    return await introCourseAxiosInstance.put(
+      `intro-course/api/course_phase/${coursePhaseID}/developer_profile/${courseParticipationID}`,
+      developerProfile,
+      {
+        headers: {
+          'Content-Type': 'application/json-path+json',
+        },
+      },
+    )
+  } catch (err) {
+    console.error(err)
+    throw err
+  }
+}

clients/intro_course_developer_component/src/introCourse/network/queries/getAllDeveloperProfiles.ts

@@ -0,0 +1,17 @@
+import { DeveloperProfile } from '../../interfaces/DeveloperProfile'
+import { introCourseAxiosInstance } from '../introCourseServerConfig'
+
+export const getAllDeveloperProfiles = async (
+  coursePhaseID: string,
+): Promise<DeveloperProfile[]> => {
+  try {
+    return (
+      await introCourseAxiosInstance.get(
+        `intro-course/api/course_phase/${coursePhaseID}/developer_profile`,
+      )
+    ).data
+  } catch (err) {
+    console.error(err)
+    throw err
+  }
+}

clients/intro_course_developer_component/src/introCourse/pages/DeveloperProfile/DeveloperProfileForm.tsx

@@ -1,6 +1,6 @@
 import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
-import type { DeveloperProfile } from '../../interfaces/DeveloperProfile'
+import type { PostDeveloperProfile } from '../../interfaces/PostDeveloperProfile'
 import { Button } from '@/components/ui/button'
 import {
   Form,
@@ -18,11 +18,12 @@ import { GitLabHelperDialog } from './components/GitLabHelperDialog'
 import { AppleIDHelperDialog } from './components/AppleIDHelperDialog'
 import IOSUUIDDialog from './components/IOSUUIDDialog'
 import { useScreenSize } from '@/hooks/useScreenSize'
+import { DeveloperProfile } from '../../interfaces/DeveloperProfile'
 
 interface DeveloperProfileFormProps {
   developerProfile?: DeveloperProfile
   status?: string
-  onSubmit: (developerProfile: DeveloperProfile) => void
+  onSubmit: (developerProfile: PostDeveloperProfile) => void
 }
 
 export const DeveloperProfileForm = ({
@@ -55,7 +56,7 @@ export const DeveloperProfileForm = ({
   })
 
   const handleSubmit = (values: DeveloperFormValues) => {
-    const submittedProfile: DeveloperProfile = {
+    const submittedProfile: PostDeveloperProfile = {
       appleID: values.appleID,
       gitLabUsername: values.gitLabUsername,
       hasMacBook: values.hasMacBook,

clients/intro_course_developer_component/src/introCourse/pages/DeveloperProfile/DeveloperProfilePage.tsx

@@ -1,4 +1,3 @@
-import { DeveloperProfile } from '../../interfaces/DeveloperProfile'
 import { DeveloperProfileForm } from './DeveloperProfileForm'
 import { useIntroCourseStore } from '../../zustand/useIntroCourseStore'
 import { useState } from 'react'
@@ -7,6 +6,7 @@ import { AlertCircle, CheckCircle } from 'lucide-react'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { postDeveloperProfile } from '../../network/mutations/postDeveloperProfile'
 import { useParams } from 'react-router-dom'
+import { PostDeveloperProfile } from '../../interfaces/PostDeveloperProfile'
 
 interface DeveloperProfilePageProps {
   onContinue: () => void
@@ -21,7 +21,7 @@ export const DeveloperProfilePage = ({ onContinue }: DeveloperProfilePageProps):
   )
 
   const mutation = useMutation({
-    mutationFn: (devProfile: DeveloperProfile) => {
+    mutationFn: (devProfile: PostDeveloperProfile) => {
       return postDeveloperProfile(phaseId ?? '', devProfile)
     },
     onSuccess: () => {
@@ -33,17 +33,13 @@ export const DeveloperProfilePage = ({ onContinue }: DeveloperProfilePageProps):
     },
   })
 
-  const submitDeveloperProfile = (newDevProfile: DeveloperProfile) => {
-    mutation.mutate(newDevProfile)
-  }
-
   return (
     <div>
       {currState === 'input' && (
         <DeveloperProfileForm
           developerProfile={developerProfile}
           onSubmit={(profile) => {
-            submitDeveloperProfile(profile)
+            mutation.mutate(profile)
           }}
         />
       )}