2020-09-18 21:00:59 +02:00
|
|
|
<script>
|
2021-11-23 14:49:38 +01:00
|
|
|
import Router, { link, querystring } from 'svelte-spa-router'
|
2020-09-18 21:00:59 +02:00
|
|
|
|
2021-11-23 01:45:19 +01:00
|
|
|
import Toasts from './components/Toasts.svelte'
|
2020-09-20 17:28:09 +02:00
|
|
|
import Dev from './components/Dev.svelte'
|
|
|
|
import Dashboard from './pages/Dashboard.svelte'
|
|
|
|
import Limits from './pages/Limits.svelte'
|
2021-11-22 01:36:18 +01:00
|
|
|
import Footer from './components/Footer.svelte'
|
2021-11-22 01:58:09 +01:00
|
|
|
import Options from './pages/Options.svelte'
|
2020-09-19 01:30:42 +02:00
|
|
|
|
2020-10-11 23:46:06 +02:00
|
|
|
import { isDev } from '../shared/utils'
|
|
|
|
|
2020-09-20 17:28:09 +02:00
|
|
|
const routes = {
|
|
|
|
'/': Dashboard,
|
2021-11-22 01:36:18 +01:00
|
|
|
'/options': Options,
|
2020-09-20 17:28:09 +02:00
|
|
|
'/limits': Limits,
|
2020-09-18 21:00:59 +02:00
|
|
|
}
|
2021-11-23 14:49:38 +01:00
|
|
|
|
|
|
|
$: nav = new URLSearchParams($querystring).get('nav') !== 'false'
|
2020-09-18 21:00:59 +02:00
|
|
|
</script>
|
|
|
|
|
2020-10-11 23:46:06 +02:00
|
|
|
{#if isDev}
|
|
|
|
<Dev />
|
|
|
|
{/if}
|
2020-09-20 17:28:09 +02:00
|
|
|
<main>
|
2021-11-23 14:49:38 +01:00
|
|
|
{#if nav}
|
|
|
|
<div class="mb-8">
|
|
|
|
<a use:link href="/"><button class="btn">Dashboard</button></a>
|
|
|
|
<a use:link href="/limits"><button class="btn">Limits</button></a>
|
|
|
|
<a use:link href="/options"><button class="btn">Options</button></a>
|
|
|
|
</div>
|
|
|
|
{/if}
|
2020-09-20 17:28:09 +02:00
|
|
|
|
|
|
|
<Router {routes} />
|
2021-11-23 01:45:19 +01:00
|
|
|
<Toasts />
|
2020-10-12 01:39:39 +02:00
|
|
|
<Footer />
|
2020-09-20 17:28:09 +02:00
|
|
|
</main>
|
2021-11-22 01:36:18 +01:00
|
|
|
|
|
|
|
<style>
|
|
|
|
main {
|
|
|
|
padding: 1em;
|
|
|
|
margin: auto;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 50em;
|
|
|
|
}
|
|
|
|
</style>
|