allow user to input existing reaction

moleculemaker · Jun 11, 2024 · 32b4263 · 32b4263
1 parent 644fc7d
commit 32b4263
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/app/models/dg-predictor.ts b/src/app/models/dg-predictor.ts
@@ -26,12 +26,23 @@ export class ThermodynamicalFeasibilityRequest {
   }
 
   private createReactionKeggIDFormControl() {
-    return new FormGroup<ReactionFormControl>({
+    const formGroup = new FormGroup<ReactionFormControl>({
       type: new FormControl("keggId"),
-      moleculeNumber: new FormControl("", [Validators.required]),
-      moleculeInchiOrSmiles: new FormControl("", [Validators.required]),
+      moleculeNumber: new FormControl("", []),
+      moleculeInchiOrSmiles: new FormControl("", []),
       reactionKeggId: new FormControl("", [Validators.required]),
     });
+
+    formGroup.controls["moleculeInchiOrSmiles"]?.valueChanges.subscribe((value) => {
+      if (value) {
+        formGroup.controls["moleculeNumber"]?.addValidators([Validators.required]);
+      } else {
+        formGroup.controls["moleculeNumber"]?.clearValidators();
+      }
+      formGroup.controls["moleculeNumber"]?.updateValueAndValidity();
+    });
+
+    return formGroup;
   }
 
   private clearAllInputHelper(form: FormGroup | FormArray) {