Add Team Assessments

package.json

@@ -66,6 +66,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-debounce-render": "^8.0.2",
     "react-dom": "^18.2.0",
+    "react-drag-drop-files": "^2.3.10",
     "react-draggable": "^4.4.5",
     "react-dropzone": "^14.2.3",
     "react-hotkeys": "^2.0.0",
@@ -77,6 +78,7 @@
     "react-redux": "^8.1.1",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.14.1",
+    "react-select": "^5.7.3",
     "react-simple-keyboard": "^3.6.27",
     "react-sortable-hoc": "^2.0.0",
     "react-syntax-highlighter": "^15.5.0",
@@ -90,6 +92,7 @@
     "typesafe-actions": "^5.1.0",
     "unified": "^11.0.0",
     "uuid": "^9.0.0",
+    "xlsx": "0.16.4",
     "xml2js": "^0.6.0",
     "yareco": "^0.1.5"
   },

src/commons/XMLParser/XMLParserHelper.ts

@@ -84,7 +84,8 @@ const makeAssessmentOverview = (result: any, maxXpVal: number): AssessmentOvervi
     status: AssessmentStatuses.attempting,
     story: rawOverview.story,
     xp: 0,
-    gradingStatus: 'none' as GradingStatuses
+    gradingStatus: 'none' as GradingStatuses,
+    maxTeamSize: 1
   };
 };
 
@@ -202,6 +203,7 @@ const makeProgramming = (
     testcases: publicTestcases.map(testcase => makeTestcase(testcase)),
     testcasesPrivate: privateTestcases.map(testcase => makeTestcase(testcase)),
     answer: solution ? (solution[0] as string).trim() : '',
+    lastModifiedAt: new Date().toISOString(),
     type: 'programming'
   };
   if (problem.SNIPPET[0].GRADER) {

src/commons/application/ApplicationTypes.ts

@@ -405,6 +405,19 @@ export const defaultWorkspaceManager: WorkspaceManagerState = {
     currentQuestion: undefined,
     hasUnsavedChanges: false
   },
+  teamFormation: {
+    ...createDefaultWorkspace('teamFormation'),
+    teamFormationTableFilters: {
+      columnFilters: [],
+      globalFilter: null
+    }
+  },
+  groundControl: {
+    ...createDefaultWorkspace('groundControl'),
+    GroundControlTableFilters: {
+      columnFilters: []
+    }
+  },
   playground: {
     ...createDefaultWorkspace('playground'),
     usingSubst: false,
@@ -500,6 +513,8 @@ export const defaultSession: SessionState = {
   sessionId: Date.now(),
   githubOctokitObject: { octokit: undefined },
   gradingOverviews: undefined,
+  students: undefined,
+  teamFormationOverviews: undefined,
   gradings: new Map<number, GradingQuery>(),
   notifications: []
 };
@@ -539,6 +554,8 @@ export const defaultSideContentManager: SideContentManagerState = {
   assessment: defaultSideContent,
   grading: defaultSideContent,
   playground: defaultSideContent,
+  groundControl: defaultSideContent,
+  teamFormation: defaultSideContent,
   sicp: defaultSideContent,
   sourcecast: defaultSideContent,
   sourcereel: defaultSideContent,

src/commons/application/actions/SessionActions.ts

@@ -3,8 +3,10 @@ import {
   paginationToBackendParams,
   ungradedToBackendParams
 } from 'src/features/grading/GradingUtils';
+import { OptionType } from 'src/pages/academy/teamFormation/subcomponents/TeamFormationForm';
 
 import { GradingOverviews, GradingQuery } from '../../../features/grading/GradingTypes';
+import { TeamFormationOverview } from '../../../features/teamFormation/TeamFormationTypes';
 import {
   Assessment,
   AssessmentConfiguration,
@@ -20,8 +22,12 @@ import { Role } from '../ApplicationTypes';
 import {
   ACKNOWLEDGE_NOTIFICATIONS,
   AdminPanelCourseRegistration,
+  BULK_UPLOAD_TEAM,
+  CHECK_ANSWER_LAST_MODIFIED_AT,
   CourseRegistration,
+  CREATE_TEAM,
   DELETE_ASSESSMENT_CONFIG,
+  DELETE_TEAM,
   DELETE_TIME_OPTIONS,
   DELETE_USER_COURSE_REGISTRATION,
   FETCH_ADMIN_PANEL_COURSE_REGISTRATIONS,
@@ -36,6 +42,9 @@ import {
   FETCH_GRADING_OVERVIEWS,
   FETCH_NOTIFICATION_CONFIGS,
   FETCH_NOTIFICATIONS,
+  FETCH_STUDENTS,
+  FETCH_TEAM_FORMATION_OVERVIEW,
+  FETCH_TEAM_FORMATION_OVERVIEWS,
   FETCH_TOTAL_XP,
   FETCH_TOTAL_XP_ADMIN,
   FETCH_USER_AND_COURSE,
@@ -77,6 +86,10 @@ import {
   UPDATE_NOTIFICATION_CONFIG,
   UPDATE_NOTIFICATION_PREFERENCES,
   UPDATE_NOTIFICATIONS,
+  UPDATE_STUDENTS,
+  UPDATE_TEAM,
+  UPDATE_TEAM_FORMATION_OVERVIEW,
+  UPDATE_TEAM_FORMATION_OVERVIEWS,
   UPDATE_TIME_OPTIONS,
   UPDATE_TOTAL_XP,
   UPDATE_USER_ROLE,
@@ -137,6 +150,13 @@ export const fetchGradingOverviews = createAction(
   ) => ({ payload: { filterToGroup, gradedFilter, pageParams, filterParams } })
 );
 
+export const fetchTeamFormationOverviews = createAction(
+  FETCH_TEAM_FORMATION_OVERVIEWS,
+  (filterToGroup = true) => ({ payload: filterToGroup })
+);
+
+export const fetchStudents = createAction(FETCH_STUDENTS, () => ({ payload: {} }));
+
 export const login = createAction(LOGIN, (providerId: string) => ({ payload: providerId }));
 
 export const logoutGoogle = createAction(LOGOUT_GOOGLE, () => ({ payload: {} }));
@@ -202,6 +222,13 @@ export const submitAnswer = createAction(
   (id: number, answer: string | number | ContestEntry[]) => ({ payload: { id, answer } })
 );
 
+export const checkAnswerLastModifiedAt = createAction(
+  CHECK_ANSWER_LAST_MODIFIED_AT,
+  (id: number, lastModifiedAt: string, saveAnswer: Function) => ({
+    payload: { id, lastModifiedAt, saveAnswer }
+  })
+);
+
 export const submitAssessment = createAction(SUBMIT_ASSESSMENT, (id: number) => ({ payload: id }));
 
 export const submitGrading = createAction(
@@ -246,6 +273,46 @@ export const updateGradingOverviews = createAction(
   (overviews: GradingOverviews) => ({ payload: overviews })
 );
 
+export const fetchTeamFormationOverview = createAction(
+  FETCH_TEAM_FORMATION_OVERVIEW,
+  (assessmentId: number) => ({ payload: { assessmentId } })
+);
+
+export const createTeam = createAction(
+  CREATE_TEAM,
+  (assessment: AssessmentOverview, teams: OptionType[][]) => ({ payload: { assessment, teams } })
+);
+
+export const updateTeam = createAction(
+  UPDATE_TEAM,
+  (teamId: number, assessment: AssessmentOverview, teams: OptionType[][]) => ({
+    payload: { teamId, assessment, teams }
+  })
+);
+
+export const deleteTeam = createAction(DELETE_TEAM, (teamId: number) => ({ payload: { teamId } }));
+
+export const bulkUploadTeam = createAction(
+  BULK_UPLOAD_TEAM,
+  (assessment: AssessmentOverview, file: File, students: User[] | undefined) => ({
+    payload: { assessment, file, students }
+  })
+);
+
+export const updateTeamFormationOverviews = createAction(
+  UPDATE_TEAM_FORMATION_OVERVIEWS,
+  (overviews: TeamFormationOverview[]) => ({ payload: overviews })
+);
+
+export const updateTeamFormationOverview = createAction(
+  UPDATE_TEAM_FORMATION_OVERVIEW,
+  (overview: TeamFormationOverview) => ({ payload: overview })
+);
+
+export const updateStudents = createAction(UPDATE_STUDENTS, (students: User[]) => ({
+  payload: students
+}));
+
 /**
  * An extra id parameter is included here because of
  * no id for Grading.

src/commons/application/actions/__tests__/SessionActions.ts

@@ -1,10 +1,12 @@
 import { Chapter, Variant } from 'js-slang/dist/types';
+import { mockStudents } from 'src/commons/mocks/UserMocks';
 import {
   paginationToBackendParams,
   ungradedToBackendParams
 } from 'src/features/grading/GradingUtils';
 
 import { GradingOverviews, GradingQuery } from '../../../../features/grading/GradingTypes';
+import { TeamFormationOverview } from '../../../../features/teamFormation/TeamFormationTypes';
 import { Assessment, AssessmentOverview } from '../../../assessment/AssessmentTypes';
 import { Notification } from '../../../notificationBadge/NotificationBadgeTypes';
 import { GameState, Role, Story } from '../../ApplicationTypes';
@@ -21,6 +23,8 @@ import {
   FETCH_GRADING,
   FETCH_GRADING_OVERVIEWS,
   FETCH_NOTIFICATIONS,
+  FETCH_STUDENTS,
+  FETCH_TEAM_FORMATION_OVERVIEWS,
   FETCH_USER_AND_COURSE,
   LOGIN,
   REAUTOGRADE_ANSWER,
@@ -47,7 +51,11 @@ import {
   UPDATE_GRADING_OVERVIEWS,
   UPDATE_LATEST_VIEWED_COURSE,
   UPDATE_NOTIFICATIONS,
-  UPDATE_USER_ROLE
+  UPDATE_STUDENTS,
+  UPDATE_TEAM_FORMATION_OVERVIEW,
+  UPDATE_TEAM_FORMATION_OVERVIEWS,
+  UPDATE_USER_ROLE,
+  User
 } from '../../types/SessionTypes';
 import {
   acknowledgeNotifications,
@@ -62,6 +70,8 @@ import {
   fetchGrading,
   fetchGradingOverviews,
   fetchNotifications,
+  fetchStudents,
+  fetchTeamFormationOverviews,
   fetchUserAndCourse,
   login,
   reautogradeAnswer,
@@ -88,6 +98,9 @@ import {
   updateGradingOverviews,
   updateLatestViewedCourse,
   updateNotifications,
+  updateStudents,
+  updateTeamFormationOverview,
+  updateTeamFormationOverviews,
   updateUserRole
 } from '../SessionActions';
 
@@ -183,6 +196,31 @@ test('fetchGradingOverviews generates correct action object', () => {
   });
 });
 
+test('fetchTeamFormationOverviews generates correct default action object', () => {
+  const action = fetchTeamFormationOverviews();
+  expect(action).toEqual({
+    type: FETCH_TEAM_FORMATION_OVERVIEWS,
+    payload: true
+  });
+});
+
+test('fetchTeamFormationOverviews generates correct action object', () => {
+  const filterToGroup = false;
+  const action = fetchTeamFormationOverviews(filterToGroup);
+  expect(action).toEqual({
+    type: FETCH_TEAM_FORMATION_OVERVIEWS,
+    payload: filterToGroup
+  });
+});
+
+test('fetchStudents generates correct action object', () => {
+  const action = fetchStudents();
+  expect(action).toEqual({
+    type: FETCH_STUDENTS,
+    payload: {}
+  });
+});
+
 test('fetchNotifications generates correct action object', () => {
   const action = fetchNotifications();
 
@@ -217,6 +255,7 @@ test('setUser generates correct action object', () => {
   const user = {
     userId: 123,
     name: 'test student',
+    username: 'test student',
     courses: [
       {
         courseId: 1,
@@ -501,7 +540,8 @@ test('updateAssessmentOverviews generates correct action object', () => {
       status: 'not_attempted',
       story: null,
       xp: 0,
-      gradingStatus: 'none'
+      gradingStatus: 'none',
+      maxTeamSize: 1
     }
   ];
   const action = updateAssessmentOverviews(overviews);
@@ -546,7 +586,9 @@ test('updateGradingOverviews generates correct action object', () => {
         maxXp: 500,
         studentId: 100,
         studentName: 'test student',
+        studentNames: [],
         studentUsername: 'E0123456',
+        studentUsernames: [],
         submissionId: 1,
         submissionStatus: 'attempting',
         groupName: 'group',
@@ -564,6 +606,52 @@ test('updateGradingOverviews generates correct action object', () => {
   });
 });
 
+test('updateStudents generates correct action object', () => {
+  const students: User[] = mockStudents;
+
+  const action = updateStudents(students);
+  expect(action).toEqual({
+    type: UPDATE_STUDENTS,
+    payload: students
+  });
+});
+
+test('updateTeamFormationOverview generates correct action object', () => {
+  const overview: TeamFormationOverview = {
+    teamId: 0,
+    assessmentId: 1,
+    assessmentName: 'Mission 1',
+    assessmentType: 'Missions',
+    studentIds: [0],
+    studentNames: ['Mark Henry']
+  };
+
+  const action = updateTeamFormationOverview(overview);
+  expect(action).toEqual({
+    type: UPDATE_TEAM_FORMATION_OVERVIEW,
+    payload: overview
+  });
+});
+
+test('updateTeamFormationOverviews generates correct action object', () => {
+  const overviews: TeamFormationOverview[] = [
+    {
+      teamId: 0,
+      assessmentId: 0,
+      assessmentName: 'Mission 2',
+      assessmentType: 'Missions',
+      studentIds: [0],
+      studentNames: ['Mark Henry']
+    }
+  ];
+
+  const action = updateTeamFormationOverviews(overviews);
+  expect(action).toEqual({
+    type: UPDATE_TEAM_FORMATION_OVERVIEWS,
+    payload: overviews
+  });
+});
+
 test('updateGrading generates correct action object', () => {
   const submissionId = 3;
   const grading: GradingQuery = {

src/commons/application/reducers/SessionsReducer.ts

@@ -26,6 +26,9 @@ import {
   UPDATE_GRADING,
   UPDATE_GRADING_OVERVIEWS,
   UPDATE_NOTIFICATIONS,
+  UPDATE_STUDENTS,
+  UPDATE_TEAM_FORMATION_OVERVIEW,
+  UPDATE_TEAM_FORMATION_OVERVIEWS,
   UPDATE_TOTAL_XP
 } from '../types/SessionTypes';
 
@@ -122,6 +125,21 @@ export const SessionsReducer: Reducer<SessionState, SourceActionType> = (
         ...state,
         notifications: action.payload
       };
+    case UPDATE_STUDENTS:
+      return {
+        ...state,
+        students: action.payload
+      };
+    case UPDATE_TEAM_FORMATION_OVERVIEWS:
+      return {
+        ...state,
+        teamFormationOverviews: action.payload
+      };
+    case UPDATE_TEAM_FORMATION_OVERVIEW:
+      return {
+        ...state,
+        teamFormationOverview: action.payload
+      };
     case REMOTE_EXEC_UPDATE_DEVICES:
       return {
         ...state,