src/components/ReverseLink.svelte

   1 <script>
   2 import { refresh_page } from '../lib/stores.js';
   3 import { SvelteURLSearchParams } from 'svelte/reactivity';
   4
   5 export let lat = null;
   6 export let lon = null;
   7 export let zoom = null;
   8 export let extra_classes = '';
   9
  10 let params = new SvelteURLSearchParams();
  11 let href = 'reverse.html';
  12
  13 $: {
  14   let new_params = new SvelteURLSearchParams();
  15
  16   if (lat && lon) {
  17     new_params.set('lat', lat);
  18     new_params.set('lon', lon);
  19
  20     if (zoom) {
  21       new_params.set('zoom', zoom);
  22     }
  23   }
  24
  25   params = new_params;
  26 }
  27
  28 $: {
  29   let param_str = params.toString();
  30   href = 'reverse.html' + (param_str ? '?' : '') + param_str;
  31 }
  32 </script>
  33
  34 <a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)}
  35     href={href}
  36     class={extra_classes}>
  37   <slot></slot>
  38 </a>