summaryrefslogtreecommitdiff
path: root/_www/src/App.svelte
diff options
context:
space:
mode:
Diffstat (limited to '_www/src/App.svelte')
-rw-r--r--_www/src/App.svelte116
1 files changed, 0 insertions, 116 deletions
diff --git a/_www/src/App.svelte b/_www/src/App.svelte
deleted file mode 100644
index caacc4d..0000000
--- a/_www/src/App.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script>
- import { onMount } from 'svelte';
- import { WuiNotif, WuiPushNotif } from 'wui.svelte';
-
- import { apiEnvironment, environment, nanoSeconds, setEnvironment } from './environment.js';
- import Dashboard from './Dashboard.svelte';
- import Environment from './Environment.svelte';
- import HostsBlock from './HostsBlock.svelte';
- import HostsDir from './HostsDir.svelte';
- import MasterDir from './MasterDir.svelte';
-
- const stateEnvironment = "environment";
- const stateHostsBlock = "hosts_block";
- const stateHostsDir = "hosts_d";
- const stateMasterDir = "master_d";
-
- let state;
- let env = {
- NameServers: [],
- HostsBlocks: [],
- HostsFiles: {},
- };
-
- onMount(async () => {
- const res = await fetch(apiEnvironment);
- if (res.status >= 400) {
- WuiPushNotif.Error("ERROR: {apiEnvironment}: ",
- res.status, res.statusText);
- return;
- }
-
- setEnvironment(await res.json());
- state = window.location.hash.slice(1);
- });
-</script>
-
-<style>
- div.main {
- margin: 0 auto;
- width: 800px;
- padding: 0px 1em;
- }
- nav.menu {
- color: #ff3e00;
- text-transform: uppercase;
- font-weight: 100;
- margin-bottom: 2em;
- }
- .active {
- padding-bottom: 4px;
- border-bottom: 4px solid #ff3e00;
- }
- @media (max-width: 900px) {
- div.main {
- width: calc(100% - 2em);
- }
- }
-</style>
-
-<WuiNotif timeout=3000 />
-
-<div class="main">
- <nav class="menu">
- <a
- href="#home"
- on:click={()=>state=""}
- class:active="{state===''||state==='home'}"
- >
- rescached
- </a>
- /
- <a
- href="#environment"
- on:click={()=>state=stateEnvironment}
- class:active="{state===stateEnvironment}"
- >
- Environment
- </a>
- /
- <a
- href="#{stateHostsBlock}"
- on:click={()=>state=stateHostsBlock}
- class:active="{state===stateHostsBlock}"
- >
- Hosts blocks
- </a>
- /
- <a
- href="#{stateHostsDir}"
- on:click={()=>state=stateHostsDir}
- class:active="{state === stateHostsDir}"
- >
- hosts.d
- </a>
- /
- <a
- href="#{stateMasterDir}"
- on:click={()=>state=stateMasterDir}
- class:active="{state === stateMasterDir}"
- >
- master.d
- </a>
- </nav>
-
- {#if state === stateEnvironment}
- <Environment/>
- {:else if state === stateHostsBlock}
- <HostsBlock/>
- {:else if state === stateHostsDir}
- <HostsDir/>
- {:else if state === stateMasterDir}
- <MasterDir/>
- {:else}
- <Dashboard/>
- {/if}
-</div>