1 files changed, 32 insertions, 0 deletions
diff --git a/euler-golf/js/controls.js b/euler-golf/js/controls.js
new file mode 100644
index 0000000..d89c53d
--- /dev/null
+++ b/euler-golf/js/controls.js
@@ -0,0 +1,32 @@
+const directions_modal = new Modal({
+  el: document.getElementById("directions-modal"),
+});
+
+document
+  .getElementById("controls-container")
+  .addEventListener("mouseover", () => {
+    document.getElementById("controls").style.display = "block";
+    document.getElementById("expand-show").style.display = "none";
+  });
+document
+  .getElementById("controls-container")
+  .addEventListener("mouseout", () => {
+    document.getElementById("controls").style.display = "none";
+    document.getElementById("expand-show").style.display = "inline";
+  });
+
+document.getElementById("reset").addEventListener("click", () => {
+  state = reset_state(state);
+
+  state.target = rand_target(state.rows, state.cols);
+});
+
+document.getElementById("solve").addEventListener("click", () => {
+  if (!cx.eq(state.path.at(-2), new cx(0, 0))) state = reset_state(state);
+
+  state.solution = sol(state.target);
+});
+
+document
+  .getElementById("directions")
+  .addEventListener("click", () => directions_modal.show());