From d11abff1c3b05cc4f8fe310fdff338e1dce95837 Mon Sep 17 00:00:00 2001
From: Magnus Ulimoen <magnus@ulimoen.dev>
Date: Fri, 12 Feb 2021 17:16:36 +0100
Subject: [PATCH] Add checkbox for gridlines

---
 webfront/Cargo.toml          | 2 +-
 webfront/frontend/index.html | 5 ++++-
 webfront/frontend/main.js    | 8 +++++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/webfront/Cargo.toml b/webfront/Cargo.toml
index 71c9691..bd2aa67 100644
--- a/webfront/Cargo.toml
+++ b/webfront/Cargo.toml
@@ -11,7 +11,7 @@ crate-type = ["cdylib"]
 wasm-bindgen = "0.2.63"
 console_error_panic_hook = "0.1.6"
 wee_alloc = "0.4.5"
-sbp = { path = "../sbp", features = ["f32"] }
+sbp = { path = "../sbp", features = ["f32", "fast-float"] }
 ndarray = "0.13.1"
 euler = { path = "../euler" }
 maxwell = { path = "../maxwell" }
diff --git a/webfront/frontend/index.html b/webfront/frontend/index.html
index b145e1e..9f53d81 100644
--- a/webfront/frontend/index.html
+++ b/webfront/frontend/index.html
@@ -44,7 +44,10 @@
                     <label for="yN">N:</label><input type="number" name="yN" id="yN" placeholder="25" value="25" min="2">
                 </div>
                 <div>
-                    <label for="diamond">Tilt grid </label><input type="checkbox" name="diamond" id="diamond">
+                    <input type="checkbox" name="diamond" id="diamond"> <label for="diamond"> Tilt grid</label>
+                </div>
+                <div>
+                    <input type="checkbox" name="gridlines" id="gridlines" checked=true><label for="gridlines"> Show gridlines</label>
                 </div>
                 <!--
                 Curvilinear? Inputting some random json?
diff --git a/webfront/frontend/main.js b/webfront/frontend/main.js
index f70b1ce..5738194 100644
--- a/webfront/frontend/main.js
+++ b/webfront/frontend/main.js
@@ -431,7 +431,9 @@ class FieldDrawer {
         }
         let field = new Float32Array(wasm.memory.buffer, fieldPtr, width*height);
         fieldDrawer.draw(field);
-        lineDrawer.draw();
+        if (document.getElementById("gridlines").checked) {
+            lineDrawer.draw();
+        }
     }
 
     async function drawLoop() {
@@ -536,4 +538,8 @@ class FieldDrawer {
             draw();
         }
     }, {"passive": false});
+
+    setup();
+    is_setup = true;
+    animation = window.requestAnimationFrame(drawLoop);
 }());