group type selection

src/Pages/GroupTasks/GroupTypeSelectionModal.js

@@ -47,24 +47,30 @@ export default function GroupTypeSelectionModal({
   };
 
   const handleStartTask = () => {
-    const userSpecifiedGlobalInputs = document
+    const userSpecifiedGlobalInputForm = document.getElementById(
-      .getElementById("groupTypeSelectionUserSpecifiedGlobalInput")
+      "groupTypeSelectionUserSpecifiedGlobalInputForm"
-      .getElementsByTagName("input");
+    );
 
     let globalInputs = [];
     let canTaskBeStarted = true;
 
-    if (userSpecifiedGlobalInputs.length > 0) {
+    if (userSpecifiedGlobalInputForm !== null) {
-      for (let i = 0; i < userSpecifiedGlobalInputs.length; i++) {
+      const userSpecifiedGlobalInputs = document
-        if (userSpecifiedGlobalInputs[i].value === "") {
+        .getElementById("groupTypeSelectionUserSpecifiedGlobalInputForm")
-          canTaskBeStarted = false;
+        .getElementsByTagName("input");
-          break;
-        }
 
-        globalInputs.push({
+      if (userSpecifiedGlobalInputs.length > 0) {
-          parameterName: userSpecifiedGlobalInputs[i].id,
+        for (let i = 0; i < userSpecifiedGlobalInputs.length; i++) {
-          value: userSpecifiedGlobalInputs[i].value,
+          if (userSpecifiedGlobalInputs[i].value === "") {
-        });
+            canTaskBeStarted = false;
+            break;
+          }
+
+          globalInputs.push({
+            parameterName: userSpecifiedGlobalInputs[i].id,
+            value: userSpecifiedGlobalInputs[i].value,
+          });
+        }
       }
     }
 
@@ -219,7 +225,7 @@ function GroupGlobalInputs({
           <h3 style={{ fontWeight: "bold" }}>Fill in the global values</h3>
           <Form
             layout="vertical"
-            id={"groupTypeSelectionUserSpecifiedGlobalInput"}
+            id={"groupTypeSelectionUserSpecifiedGlobalInputForm"}
           >
             {elements}
           </Form>