]> git.openstreetmap.org Git - nominatim-ui.git/blob - src/App.svelte
d12017345e22290425710f49af164ce3c5db16c5
[nominatim-ui.git] / src / App.svelte
1 <script>
2   import 'bootstrap/dist/css/bootstrap.css';
3   import 'bootstrap/dist/js/bootstrap.bundle.js';
4
5   import { page, refresh_page } from './lib/stores.js';
6
7   import Footer from './components/Footer.svelte';
8   import ReportIssueModal from './components/ReportIssueModal.svelte';
9   import SearchPage from './pages/SearchPage.svelte';
10   import ReversePage from './pages/ReversePage.svelte';
11   import DetailsPage from './pages/DetailsPage.svelte';
12   import PolygonsPage from './pages/PolygonsPage.svelte';
13   import DeletablePage from './pages/DeletablePage.svelte';
14
15   $: view = $page.tab;
16
17   refresh_page();
18 </script>
19
20 <!-- deal with back-button and other user action -->
21 <svelte:window on:popstate={() => refresh_page()} />
22
23 {#if view === 'search'}
24 <SearchPage />
25 {:else if view === 'reverse'}
26 <ReversePage />
27 {:else if view === 'details'}
28 <DetailsPage />
29 {:else if view === 'deletable'}
30 <DeletablePage />
31 {:else if view === 'polygons'}
32 <PolygonsPage />
33 {/if}
34 <Footer/>
35 <ReportIssueModal/>