budibase/packages/builder/src/App.svelte

56 lines
1.0 KiB
Svelte
Raw Normal View History

2019-07-13 11:35:57 +02:00
<script>
2020-02-03 10:50:30 +01:00
import NoPackage from "./NoPackage.svelte"
import PackageRoot from "./PackageRoot.svelte"
import Settings from "./Settings.svelte"
import { store, initialise } from "./builderStore"
import { onMount } from "svelte"
import IconButton from "./common/IconButton.svelte"
let init = initialise()
2019-07-13 11:35:57 +02:00
</script>
<main>
2020-02-03 10:50:30 +01:00
{#await init}
2019-09-30 06:20:21 +02:00
2020-02-03 10:50:30 +01:00
<h1>loading</h1>
2019-07-13 11:35:57 +02:00
2020-02-03 10:50:30 +01:00
{:then result}
2019-07-13 11:35:57 +02:00
2020-02-03 10:50:30 +01:00
{#if $store.hasAppPackage}
<PackageRoot />
{:else}
<NoPackage />
{/if}
2019-09-30 06:20:21 +02:00
2020-02-03 10:50:30 +01:00
{:catch err}
<h1 style="color:red">{err}</h1>
{/await}
2019-09-23 01:56:39 +02:00
2020-02-03 10:50:30 +01:00
<!--
2019-09-23 01:56:39 +02:00
<div class="settings">
<IconButton icon="settings"
on:click={store.showSettings}/>
</div>
2019-09-30 06:20:21 +02:00
2019-09-23 01:56:39 +02:00
{#if $store.useAnalytics}
<iframe src="https://marblekirby.github.io/bb-analytics.html" width="0" height="0" style="visibility:hidden;display:none"/>
{/if}
2019-09-30 06:20:21 +02:00
-->
2019-07-13 11:35:57 +02:00
</main>
<style>
2020-02-03 10:50:30 +01:00
main {
height: 100%;
width: 100%;
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.settings {
position: absolute;
bottom: 25px;
right: 25px;
}
</style>