WIP: interface for pausing re-execution of simulations

Author: quffaro

packages/frontend/src/stdlib/analyses/mass_action.tsx

@@ -1,4 +1,4 @@
-import { createMemo } from "solid-js";
+import { createMemo, createSignal, on } from "solid-js";
 
 import {
     BlockTitle,
@@ -8,6 +8,7 @@ import {
     FixedTableEditor,
     Foldable,
     KatexDisplay,
+	Button,
 } from "catcolab-ui-components";
 import type { MassActionProblemData, MorType, ObType, QualifiedName } from "catlog-wasm";
 import type { ModelAnalysisProps } from "../../analysis";
@@ -101,7 +102,13 @@ export default function MassAction(
         (model) => props.simulate(model, props.content),
     );
 
-    const plotResult = () => result()?.plotData;
+	const [autoUpdate, setAutoUpdate] = createSignal(true);
+	const [shouldUpdate, trigger] = createSignal(false);
+    const plotResult = createMemo(
+	  on(
+		() => autoUpdate() ? result()?.plotData : shouldUpdate(),
+		() => result()?.plotData
+	));
     const latexEquations = () => result()?.latexEquations ?? [];
 
     return (
@@ -125,6 +132,24 @@ export default function MassAction(
                     ]}
                 />
             </Foldable>
+			<div>
+			<Button
+				type="button"
+				variant="utility"
+                onClick={() => trigger(val => !val)}
+                disabled={autoUpdate()}
+            >
+			Execute
+			</Button>
+			<Button
+				type="button"
+				variant="utility"
+				onClick={() => setAutoUpdate(val => !val)}
+				disabled={false}
+			>
+			{autoUpdate() ? "Turn off autoupdate" : "Turn on autoupdate"}
+			</Button>
+			</div>
             <ODEResultPlot result={plotResult()} />
         </div>
     );