Added validate resume code saga

Author: kah-seng

src/commons/application/actions/SessionActions.ts

@@ -149,7 +149,8 @@ const SessionActions = createActions('session', {
   deleteUserCourseRegistration: (courseRegId: number) => ({ courseRegId }),
   updateCourseResearchAgreement: (agreedToResearch: boolean) => ({ agreedToResearch }),
   updateStoriesUserRole: (userId: number, role: StoriesRole) => ({ userId, role }),
-  deleteStoriesUserUserGroups: (userId: number) => ({ userId })
+  deleteStoriesUserUserGroups: (userId: number) => ({ userId }),
+  validateResumeCode: (resumeCode: string) => ({ resumeCode })
 });
 
 // For compatibility with existing code (actions helper)

src/commons/sagas/BackendSaga.ts

@@ -99,7 +99,8 @@ import {
   unpublishGrading,
   unpublishGradingAll,
   updateAssessment,
-  uploadAssessment
+  uploadAssessment,
+  validateResumeCode
 } from './RequestsSaga';
 import { safeTakeEvery as takeEvery } from './SafeEffects';
 
@@ -601,7 +602,16 @@ const newBackendSagaOne = combineSagaHandlers(sagaActions, {
     yield put(actions.updateGradingOverviews({ count: totalPossibleEntries, data: newOverviews }));
   },
   submitGrading: sendGrade,
-  submitGradingAndContinue: sendGradeAndContinue
+  submitGradingAndContinue: sendGradeAndContinue,
+  validateResumeCode: function* (action) {
+    const tokens: Tokens = yield selectTokens();
+    const { resumeCode } = action.payload;
+
+    // TODO: Implement
+    console.log('Validating code ', resumeCode);
+    const resumeCodeIsValid = yield call(validateResumeCode, tokens, resumeCode);
+    console.log('Resume code is valid ', resumeCodeIsValid);
+  }
 });
 
 function* sendGrade(

src/commons/sagas/RequestsSaga.ts

@@ -1396,6 +1396,24 @@ export const removeUserCourseRegistration = async (
   return resp;
 };
 
+/**
+ * POST /courses/{course_Id}/resume_code
+ */
+export const validateResumeCode = async (
+  tokens: Tokens,
+  resumeCode: string
+): Promise<Boolean> => {
+  const resp = await request(`${courseId()}/resume_code`, 'POST', {
+    ...tokens,
+    body: { 
+      'resume_code': resumeCode,
+    }
+  });
+
+  console.log('Response ', resp);
+  return resp != null && resp.ok;
+};
+
 /**
  * GET /devices
  */

src/pages/academy/adminPanel/AdminPanel.tsx

@@ -69,7 +69,19 @@ const AdminPanel: React.FC = () => {
       moduleHelpText: session.moduleHelpText,
       isOfficialCourse: session.isOfficialCourse
     });
-  }, [session.courseName, session.courseShortName, session.enableAchievements, session.enableGame, session.enableSourcecast, session.enableStories, session.enableExamMode, session.moduleHelpText, session.isOfficialCourse, session.viewable, session.resumeCode]);
+  }, [
+    session.courseName,
+    session.courseShortName,
+    session.enableAchievements,
+    session.enableGame,
+    session.enableSourcecast,
+    session.enableStories,
+    session.enableExamMode,
+    session.moduleHelpText,
+    session.isOfficialCourse,
+    session.viewable,
+    session.resumeCode
+  ]);
 
   const tableRef = useRef<ImperativeAssessmentConfigPanel>(null);
   useEffect(() => {
@@ -96,6 +108,9 @@ const AdminPanel: React.FC = () => {
   // Handler to submit changes to Course Configration and Assessment Configuration to the backend.
   // Changes made to users are handled separately.
   const submitHandler = useCallback(() => {
+    // TODO: Implement
+    dispatch(SessionActions.validateResumeCode('123456789'));
+
     if (hasChangesCourseConfig) {
       dispatch(SessionActions.updateCourseConfig(courseConfiguration));
       setHasChangesCourseConfig(false);

src/pages/academy/adminPanel/subcomponents/CourseConfigPanel.tsx

@@ -201,6 +201,7 @@ const CourseConfigPanel: React.FC<Props> = props => {
               }
             />
           )}
+          {enableExamMode && (
           <FormGroup
             // helperText="Please enter the course resume code. Students who attempt to use the DevTool will be asked this code to continue their session."
             inline={true}
@@ -218,6 +219,7 @@ const CourseConfigPanel: React.FC<Props> = props => {
               }
             />
           </FormGroup>
+          )}
         </div>
       </div>
     </div>