src/components/ReverseLink.svelte

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