allow theming (#84)

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

diff --git a/src/components/PageLink.svelte b/src/components/PageLink.svelte
index 9205c2f726470c8e97a9adf3cccb218a7baa8fed..df124f70e7e0a69e313e22712b76f02557e25fdb 100644 (file)
--- a/src/components/PageLink.svelte
+++ b/src/components/PageLink.svelte
@@ -1,11 +1,19 @@
 <script>
 <script>

-import { refresh_page } from '../lib/stores.js';
+  import { refresh_page } from '../lib/stores.js';

 
 

-export let page;
+  export let page;
+  export let params_hash = {};
+  export let extra_classes = '';
+  let href = page + '.html';

 
 

-function handleClick() {
-  refresh_page(page);
-}
+  function handleClick() {
+    refresh_page(page, new URLSearchParams(params_hash));
+  }
+
+  $: {
+    let param_str = new URLSearchParams(params_hash).toString();
+    href = page + '.html' + (param_str ? '?' : '') + param_str;
+  }

 </script>
 
 </script>
 

-<a on:click|preventDefault|stopPropagation={handleClick} href="{page}.html"><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}><slot></slot></a>