src/App.svelte

   1 <script>
   2   import * as jquery from 'jquery';
   3   import 'bootstrap/dist/css/bootstrap.css';
   4   import 'bootstrap/dist/js/bootstrap.bundle.js';
   5
   6   import { page, refresh_page } from './lib/stores.js';
   7
   8   import Header from './components/Header.svelte';
   9   import Footer from './components/Footer.svelte';
  10   import ReportIssueModal from './components/ReportIssueModal.svelte';
  11   import SearchPage from './pages/SearchPage.svelte';
  12   import DetailsPage from './pages/DetailsPage.svelte';
  13   import PolygonsPage from './pages/PolygonsPage.svelte';
  14   import DeletablePage from './pages/DeletablePage.svelte';
  15
  16   $: view = $page.tab;
  17
  18   refresh_page();
  19 </script>
  20
  21 <Header/>
  22 {#if view === 'search'}
  23 <SearchPage reverse_search={false} />
  24 {:else if view === 'reverse'}
  25 <SearchPage reverse_search={true}/>
  26 {:else if view === 'details'}
  27 <DetailsPage />
  28 {:else if view === 'deletable'}
  29 <DeletablePage />
  30 {:else if view === 'polygons'}
  31 <PolygonsPage />
  32 {/if}
  33 <Footer/>
  34 <ReportIssueModal/>