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 = new URLSearchParams();
   9 let href = 'reverse.html';
  10
  11 $: {
  12   let new_params = new URLSearchParams();
  13
  14   if (lat && lon) {
  15     new_params.set('lat', lat);
  16     new_params.set('lon', lon);
  17
  18     if (zoom) {
  19       new_params.set('zoom', zoom);
  20     }
  21   }
  22
  23   params = new_params;
  24 }
  25
  26 $: {
  27   let param_str = params.toString();
  28   href = 'reverse.html' + (param_str ? '?' : '') + param_str;
  29 }
  30 </script>
  31
  32 <a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)} href={href}><slot></slot></a>