added resume code function in admin panel

Author: iZUMi-kyouka

src/commons/application/types/SessionTypes.ts

@@ -40,6 +40,7 @@ export type SessionState = {
   readonly enableSourcecast?: boolean;
   readonly enableStories?: boolean;
   readonly enableExamMode?: boolean;
+  readonly resumeCode?: string;
   readonly sourceChapter?: Chapter;
   readonly sourceVariant?: Variant;
   readonly moduleHelpText?: string;
@@ -108,6 +109,7 @@ export type CourseConfiguration = {
   enableSourcecast: boolean;
   enableStories: boolean;
   enableExamMode: boolean;
+  resumeCode: string;
   sourceChapter: Chapter;
   sourceVariant: Variant;
   moduleHelpText: string;

src/commons/mocks/UserMocks.ts

@@ -374,6 +374,7 @@ export const mockCourseConfigurations: CourseConfiguration[] = [
     enableSourcecast: true,
     enableStories: false,
     enableExamMode: false,
+    resumeCode: '',
     sourceChapter: Chapter.SOURCE_1,
     sourceVariant: Variant.DEFAULT,
     moduleHelpText: '',
@@ -389,6 +390,7 @@ export const mockCourseConfigurations: CourseConfiguration[] = [
     enableSourcecast: false,
     enableStories: false,
     enableExamMode: false,
+    resumeCode: '',
     sourceChapter: Chapter.SOURCE_2,
     sourceVariant: Variant.DEFAULT,
     moduleHelpText: 'Help Text!',

src/pages/academy/adminPanel/AdminPanel.tsx

@@ -30,6 +30,7 @@ const defaultCourseConfig: UpdateCourseConfiguration = {
   enableSourcecast: true,
   enableStories: false,
   enableExamMode: false,
+  resumeCode: '',
   moduleHelpText: ''
 };
 
@@ -64,21 +65,11 @@ const AdminPanel: React.FC = () => {
       enableSourcecast: session.enableSourcecast,
       enableStories: session.enableStories,
       enableExamMode: session.enableExamMode,
+      resumeCode: session.resumeCode,
       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.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(() => {

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

@@ -39,6 +39,7 @@ const CourseConfigPanel: React.FC<Props> = props => {
     enableSourcecast,
     enableStories,
     enableExamMode,
+    resumeCode,
     moduleHelpText,
     isOfficialCourse
   } = props.courseConfiguration;
@@ -200,6 +201,23 @@ const CourseConfigPanel: React.FC<Props> = props => {
               }
             />
           )}
+          <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}
+            label="Course Resume Code"
+            labelFor="courseResumeCode"
+          >
+            <InputGroup
+              id="courseResumeCode"
+              defaultValue={resumeCode}
+              onChange={e =>
+                props.setCourseConfiguration({
+                  ...props.courseConfiguration,
+                  resumeCode: (e.target as HTMLInputElement).value
+                })
+              }
+            />
+          </FormGroup>
         </div>
       </div>
     </div>