adds toggle hotkeys to map

web/src/lib/components/trail/map_with_elevation_maplibre.svelte

@@ -196,7 +196,7 @@
                     },
                 } as GeoJSON);
             }
-        });        
+        });
         return r;
     }
 
@@ -909,10 +909,8 @@
                         trails.forEach((t, i) => {
                             const layerId = t.id!;
                             addTrailLayer(t, layerId, i, data[i]);
-                        });                        
+                        });
                         if (activeTrail !== null) {
-                            console.log(activeTrail);
-                            
                             addCaretLayer(trails[activeTrail].id!);
                         }
 
@@ -957,8 +955,31 @@
     onDestroy(() => {
         map?.remove();
     });
+
+    function handleKeydown(e: KeyboardEvent) {
+        if (e.key == "m") {
+            if (trails.length === 1) {
+                removeCaretLayer();
+                removeTrailLayer(trails[0].id!);
+            }
+        }
+    }
+
+    function handleKeyup(e: KeyboardEvent) {
+        if (e.key == "m") {
+            if (trails.length === 1) {
+                addTrailLayer(trails[0], trails[0].id!, 0, data[0]);
+                addCaretLayer(trails[0].id);
+            }
+        } else if (e.key == "p") {
+            if (showElevation) {
+                epc?.toggleProfile();
+            }
+        }
+    }
 </script>
 
+<svelte:window on:keydown={handleKeydown} on:keyup={handleKeyup} />
 <div id="map" bind:this={mapContainer}></div>
 
 <style>

web/src/lib/components/trail/trail_info_panel.svelte

@@ -179,13 +179,15 @@
 >
     <div class="trail-info-panel-header">
         <section class="relative">
-            <button
+            {#if mode !== "list"}
-                aria-label="Back"
+                <button
-                class="bg-black/40 text-white text-lg rounded-full w-10 h-10 hover:bg-black/50 transition-colors focus:ring-4 focus:ring-primary/70 top-6 left-6 absolute"
+                    aria-label="Back"
-                onclick={() => history.back()}
+                    class="bg-black/40 text-white text-lg rounded-full w-10 h-10 hover:bg-black/50 transition-colors focus:ring-4 focus:ring-primary/70 top-6 left-6 absolute"
-            >
+                    onclick={() => history.back()}
-                <i class="fa fa-arrow-left"></i>
+                >
-            </button>
+                    <i class="fa fa-arrow-left"></i>
+                </button>
+            {/if}
             <div
                 class="grid gap-[1px] {headerPhotos.length > 1
                     ? 'grid-cols-[8fr_5fr]'

web/src/lib/vendor/maplibre-elevation-profile/elevationprofile-control.ts

@@ -72,7 +72,7 @@ export class ElevationProfileControl implements IControl {
         this.settings = { ...options };
     }
 
-    toggleTheme(options: ElevationProfileControlOptions) {        
+    toggleTheme(options: ElevationProfileControlOptions) {
         this.settings = { ...this.settings, ...options };
         this.elevationProfileChart?.toggleTheme(this.settings)
     }
@@ -169,7 +169,7 @@ export class ElevationProfileControl implements IControl {
         return this.buttonContainer;
     }
 
-    private toggleProfile() {
+    toggleProfile() {
         if (!this.profileContainer) return;
 
         if (this.isProfileShown) {