1
0
Fork 0
mirror of synced 2024-08-20 04:22:07 +12:00
budibase/packages/builder/src/App.svelte

60 lines
1,007 B
Svelte
Raw Normal View History

2019-07-13 21:35:57 +12:00
<script>
import NoPackage from "./NoPackage.svelte";
import PackageRoot from "./PackageRoot.svelte";
2019-09-23 11:56:39 +12:00
import Settings from "./Settings.svelte";
2019-07-31 19:09:04 +12:00
import {store, initialise} from "./builderStore";
2019-07-13 21:35:57 +12:00
import { onMount } from 'svelte';
2019-09-23 11:56:39 +12:00
import IconButton from "./common/IconButton.svelte";
2019-07-13 21:35:57 +12:00
let init = initialise();
</script>
<main>
{#await init}
<h1>loading</h1>
{:then result}
2019-09-23 11:56:39 +12:00
2019-09-30 17:20:21 +13:00
{#if $store.hasAppPackage}
<PackageRoot />
{:else}
2019-07-13 21:35:57 +12:00
2019-09-30 17:20:21 +13:00
<NoPackage />
2019-07-13 21:35:57 +12:00
{/if}
2019-09-30 17:20:21 +13:00
2019-07-13 21:35:57 +12:00
{:catch err}
<h1 style="color:red">{err}</h1>
{/await}
2019-09-23 11:56:39 +12:00
2019-09-30 17:20:21 +13:00
<!--
2019-09-23 11:56:39 +12:00
<div class="settings">
<IconButton icon="settings"
on:click={store.showSettings}/>
</div>
2019-09-30 17:20:21 +13:00
2019-09-23 11:56:39 +12: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 17:20:21 +13:00
-->
2019-07-13 21:35:57 +12:00
</main>
<style>
main {
height: 100%;
width: 100%;
font-family: "Roboto", Helvetica, Arial, sans-serif;
2019-07-13 21:35:57 +12:00
}
2019-09-23 11:56:39 +12:00
.settings {
position: absolute;
bottom: 25px;
right: 25px;
}
2019-07-13 21:35:57 +12:00
</style>