split latitude value if copy&pasted as pair (#62)

[nominatim-ui.git] / src / components / ReverseBar.svelte

diff --git a/src/components/ReverseBar.svelte b/src/components/ReverseBar.svelte
index 87fa56f6e7cb439f352d81d774ac0844d7d60ac4..c7f081dd3428e77c8dc18574871deed908af0479 100644 (file)
--- a/src/components/ReverseBar.svelte
+++ b/src/components/ReverseBar.svelte
@@ -3,7 +3,6 @@
 
   import { zoomLevels } from '../lib/helpers.js';
   import { map_store } from '../lib/stores.js';
-  import { get } from 'svelte/store';
 
   export let api_request_params = {};
 
@@ -24,6 +23,16 @@
     document.querySelector('input[name=lon]').value = lat;
     document.querySelector('form').submit();
   }
+
+  // common mistake is to copy&paste latitude and longitude into the 'lat' search box
+  function maybeSplitLatitude(e) {
+    var coords_split = e.target.value.split(',');
+    if (coords_split.length === 2) {
+      document.querySelector('input[name=lat]').value = L.Util.trim(coords_split[0]);
+      document.querySelector('input[name=lon]').value = L.Util.trim(coords_split[1]);
+    }
+  }
+
 </script>
 
 <div class="top-bar">
@@ -36,7 +45,8 @@
              type="text"
              class="form-control form-control-sm"
              placeholder="latitude"
-             value="{api_request_params.lat || ''}" />
+             value="{api_request_params.lat || ''}"
+             on:change={maybeSplitLatitude} />
       <a id="switch-coords"
          on:click|preventDefault|stopPropagation={handleSwitchCoords}
          class="btn btn-outline-secondary btn-sm"