STANDAARD VISIBLE

frontend/public/locales/en/translation.json

@@ -91,7 +91,8 @@
         },
         "save_button": "Save",
         "error_title": "Oops, something went wrong!",
-        "error_text": "You don't have any courses yet, please create a course first in order to create a project"
+        "error_text": "You don't have any courses yet, please create a course first in order to create a project",
+        "enable_constraints": "Enable file constraints"
     },
     "submission_files": {
         "root_switch": {
@@ -282,4 +283,4 @@
     "download": {
         "download_all": "Download all submissions"
     }
-}
+}

frontend/public/locales/nl/translation.json

@@ -91,7 +91,8 @@
     },
     "save_button": "Opslaan",
     "error_title": "Oeps, er is iets fout gegaan!",
-    "error_text": "Je hebt nog geen vakken, maak eerst een vak aan om een project te kunnen maken."
+    "error_text": "Je hebt nog geen vakken, maak eerst een vak aan om een project te kunnen maken.",
+    "enable_constraints": "Zet bestandsvoorwaarden aan"
   },
   "submission_files": {
     "root_switch": {

frontend/src/components/ProjectStudentComponent.tsx

@@ -38,7 +38,7 @@ function ProjectInfo(props: { project: ProjectStudent }): JSX.Element {
             </div>
             <FieldWithLabel fieldLabel={"> " + t('project.description')}
                             fieldBody={props.project.description} arrow={false}/>
-            <div className="field is-horizontal">
+            {props.project.requiredFiles != null && <div className="field is-horizontal">
                 <div className="field-label">
                     <label className="label">{"> " + t('project.submission_files') + ":"}</label>
                 </div>
@@ -52,7 +52,7 @@ function ProjectInfo(props: { project: ProjectStudent }): JSX.Element {
                         />
                     </div>
                 </div>
-            </div>
+            </div>}
         </div>
     )
 }

frontend/src/components/ProjectTeacherComponent.tsx

@@ -169,15 +169,31 @@ export function ProjectTeacherComponent(props: {
             document.body.removeChild(a);
         }
     }
-
+    function toggleRequirements(enabled: boolean) {
+        if (enabled) {
+            setRequiredFiles({
+                type: "SUBMISSION",
+                root_constraint: {
+                    type: "FILE",
+                    file_name: "CHANGE_ME"
+                }
+            });
+        } else {
+            setRequiredFiles(null);
+        }
+    }
     async function handleSaveClick() {
+        let requirements = "";
+        if (requiredFiles != null) {
+            requirements = JSON.stringify(requiredFiles);
+        }
         const projectInput: ProjectInput = {
             name: projectName,
             deadline: deadline,
             visible: visible,
             archived: archived,
             description: description,
-            requirements: JSON.stringify(requiredFiles),
+            requirements: requirements,
             max_students: max_students == 0 ? 1 : max_students,
             dockerfile: dockerString
         }
@@ -395,6 +411,19 @@ export function ProjectTeacherComponent(props: {
                 </div>
                 {/* SUBMISSION FIELD */}
                 <div className="field is-horizontal">
+                    <div className="field-label">
+                        <label className="label">{t('create_project.enable_constraints')}</label>
+                    </div>
+                    <div className="field-body is-fullwidth is-align-content-center">
+                        <Switch
+                            type="checkbox"
+                            onColor="#006edc"
+                            checked={requiredFiles != null}
+                            onChange={(e) => toggleRequirements(e)}
+                        />
+                    </div>
+                </div>
+                {requiredFiles != null && <div className="field is-horizontal">
                     <div className="field-label">
                         <label className="label">{t('create_project.submission_files.tag')}</label>
                     </div>
@@ -408,7 +437,7 @@ export function ProjectTeacherComponent(props: {
                             />
                         </div>
                     </div>
-                </div>
+                </div>}
 
                 {/* VISIBLE FIELD*/}
                 <div className="field is-horizontal">

frontend/src/pages/student/ProjectViewStudent.tsx

@@ -41,14 +41,20 @@ export default function ProjectViewStudent(): JSX.Element {
             lastSubmission: project_data.submission_student_id === member?.user_id
         }
     });
+    let requiredFiles;
+    if (project_data.project_requirements == "") {
+        requiredFiles = null;
+    } else {
+        requiredFiles = JSON.parse(project_data.project_requirements) as object
+    }
     const project: ProjectStudent = {
         projectId: project_data.project_id,
         projectName: project_data.project_name,
         courseName: project_data.course_name,
         deadline: deadline_to_string(project_data.project_deadline),
         status: project_status,
         description: project_data.project_description,
-        requiredFiles: JSON.parse(project_data.project_requirements) as object,
+        requiredFiles: requiredFiles,
         group_id: project_data.group_id,
         groups_info: project_data.groups_info,
         groupMembers: groupMembers,
@@ -71,4 +77,4 @@ export default function ProjectViewStudent(): JSX.Element {
             </div>
         </>
     )
-}
+}

frontend/src/pages/teacher/CreateProject.tsx

@@ -29,7 +29,7 @@ export function CreateProject(): JSX.Element {
         minutes: 0,
         amount_groups: 1,
         otherFilesAllow: false,
-        visible: false,
+        visible: true,
         archived: false,
         projectName: "",
         requiredFiles: {

frontend/src/pages/teacher/ProjectViewTeacher.tsx

@@ -25,7 +25,12 @@ export default function ProjectViewTeacher() {
     if (!projectName){
         setProjectName(project_data.project_name)
     }
-
+    let requiredFiles;
+    if (project_data.project_requirements == "") {
+        requiredFiles = null;
+    } else {
+        requiredFiles = JSON.parse(project_data.project_requirements) as object
+    }
     const project: ProjectTeacher = {
         projectId: project_data.project_id,
         projectName: project_data.project_name,
@@ -38,7 +43,7 @@ export default function ProjectViewTeacher() {
         archived: project_data.project_archived,
         description: project_data.project_description,
         maxGroupMembers: project_data.project_max_students,
-        requiredFiles: JSON.parse(project_data.project_requirements) as object,
+        requiredFiles: requiredFiles,
         otherFilesAllow: true,
         groupProject: project_data.project_max_students > 1,
         dockerFile: project_data.project_dockerfile,

frontend/src/types/project.ts

@@ -15,7 +15,7 @@ export type ProjectTeacher = {
     visible: boolean,
     archived: boolean,
     description: string,
-    requiredFiles: object,
+    requiredFiles: object | null,
     otherFilesAllow: boolean,
     groupProject: boolean,
     maxGroupMembers: number,
@@ -36,7 +36,7 @@ export type ProjectStudent = {
     deadline: string,
     status: ProjectStatus,
     description: string,
-    requiredFiles: object,
+    requiredFiles: object | null,
     group_id: number,
     groups_info: GroupInfo[] | undefined,
     groupMembers: {