]> git.openstreetmap.org Git - nominatim-ui.git/blob - src/App.svelte
new /status.html page (#104)
[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 SearchPage from './pages/SearchPage.svelte';
9   import ReversePage from './pages/ReversePage.svelte';
10   import DetailsPage from './pages/DetailsPage.svelte';
11   import PolygonsPage from './pages/PolygonsPage.svelte';
12   import DeletablePage from './pages/DeletablePage.svelte';
13   import StatusPage from './pages/StatusPage.svelte';
14   import AboutPage from './pages/AboutPage.svelte';
15
16   $: view = $page.tab;
17
18   refresh_page();
19 </script>
20
21 <!-- deal with back-button and other user action -->
22 <svelte:window on:popstate={() => refresh_page()} />
23
24 {#if view === 'search'}
25 <SearchPage />
26 {:else if view === 'reverse'}
27 <ReversePage />
28 {:else if view === 'details'}
29 <DetailsPage />
30 {:else if view === 'deletable'}
31 <DeletablePage />
32 {:else if view === 'polygons'}
33 <PolygonsPage />
34 {:else if view === 'status'}
35 <StatusPage />
36 {:else if view === 'about'}
37 <AboutPage />
38 {/if}
39 <Footer/>