From fbf3e780797d1bb03206d8d7d32d9e5ba556264e Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Mon, 19 Feb 2024 10:27:49 +0000
Subject: [PATCH] Make some alternate ways to toggle snapping mode

---
 src/lib/draw/route/RouteControls.svelte | 10 ++++++++--
 src/lib/draw/route/route_tool.ts        |  7 ++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/lib/draw/route/RouteControls.svelte b/src/lib/draw/route/RouteControls.svelte
index 367ff3697..ad4c44220 100644
--- a/src/lib/draw/route/RouteControls.svelte
+++ b/src/lib/draw/route/RouteControls.svelte
@@ -18,6 +18,10 @@
   function undo() {
     $routeTool!.undo();
   }
+
+  function toggleSnap() {
+    $routeTool!.toggleSnapMode();
+  }
 </script>
 
 <SecondaryButton disabled={$undoLength == 0} on:click={undo}>
@@ -31,13 +35,15 @@
 {#if $snapMode}
   <p style="background: red; color: white; padding: 8px;">
     Snapping to existing roads. Press <b>s</b>
-    to draw anywhere
+     or click below to draw anywhere
   </p>
+  <SecondaryButton on:click={toggleSnap}>Draw anywhere</SecondaryButton>
 {:else}
   <p style="background: blue; color: white; padding: 8px;">
     Drawing points anywhere. Press <b>s</b>
-    to snap to roads
+     or click below to snap to roads
   </p>
+  <SecondaryButton on:click={toggleSnap}>Snap to roads</SecondaryButton>
 {/if}
 
 <ul>
diff --git a/src/lib/draw/route/route_tool.ts b/src/lib/draw/route/route_tool.ts
index 5e79afe01..956986df3 100644
--- a/src/lib/draw/route/route_tool.ts
+++ b/src/lib/draw/route/route_tool.ts
@@ -129,7 +129,7 @@ export class RouteTool {
     if (e.key == "Enter") {
       e.stopPropagation();
       this.finish();
-    } else if (e.key == "s") {
+    } else if (e.key == "s" || e.key == "S") {
       e.stopPropagation();
       this.inner.toggleSnapMode();
       this.redraw();
@@ -292,6 +292,11 @@ export class RouteTool {
     this.redraw();
   }
 
+  toggleSnapMode() {
+    this.inner.toggleSnapMode();
+    this.redraw();
+  }
+
   private redraw() {
     let gj = JSON.parse(this.inner.renderGeojson());
     routeToolGj.set(gj);