src/components/ReverseLink.svelte

   1 <script>
   2 import { refresh_page } from '../lib/stores.js';
   3
   4 export let lat;
   5 export let lon;
   6 export let zoom = null;
   7
   8 let params = '';
   9
  10 $: {
  11   if (lat && lon) {
  12     let new_params = '?lat=' + encodeURIComponent(lat);
  13     new_params += '&lon=' + encodeURIComponent(lon);
  14
  15     if (zoom) {
  16       new_params += '&zoom=' + encodeURIComponent(zoom);
  17     }
  18
  19     params = new_params;
  20   } else {
  21     params = '';
  22   }
  23 }
  24
  25 function handleClick() {
  26   window.history.pushState([], '', 'reverse.html' + params);
  27   refresh_page();
  28 }
  29 </script>
  30
  31 <a on:click|preventDefault|stopPropagation={handleClick} href="reverse.html{params}"><slot></slot></a>