MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix building loading settings modal before app package call finishes

This commit is contained in:
Andrew Kingston 2021-04-07 15:09:35 +01:00
parent a9f50556d3
commit e897a5ae61
1 changed files with 56 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
packages/builder/src/pages/builder/[application]/_reset.svelte
View File

@ -45,65 +45,71 @@
} }
</script> </script>
<div class="root"> {#await promise}
<div class="top-nav"> <!-- This should probably be some kind of loading state? -->
<div class="topleftnav"> <div class="loading" />
<button class="home-logo"> {:then _}
<img <div class="root">
src={Logo} <div class="top-nav">
alt="budibase icon" <div class="topleftnav">
on:click={() => $goto(`/builder/`)} /> <button class="home-logo">
</button> <img
src={Logo}
alt="budibase icon"
on:click={() => $goto(`/builder/`)} />
</button>
<!-- This gets all indexable subroutes and sticks them in the top nav. --> <!-- This gets all indexable subroutes and sticks them in the top nav. -->
{#each $layout.children as { path, title }} {#each $layout.children as { path, title }}
<span <span
class:active={$isActive(path)} class:active={$isActive(path)}
class="topnavitem" class="topnavitem"
on:click={topItemNavigate(path)}> on:click={topItemNavigate(path)}>
{title} {title}
</span> </span>
{/each} {/each}
</div>
<div class="toprightnav">
<ThemeEditorDropdown />
<FeedbackNavLink />
<div class="topnavitemright">
<a
target="_blank"
href="https://github.com/Budibase/budibase/discussions">
<i class="ri-github-fill" />
</a>
</div> </div>
<SettingsLink /> <div class="toprightnav">
<ThemeEditorDropdown />
<FeedbackNavLink />
<div class="topnavitemright">
<a
target="_blank"
href="https://github.com/Budibase/budibase/discussions">
<i class="ri-github-fill" />
</a>
</div>
<SettingsLink />
<Button
secondary
on:click={() => {
window.open(`/${application}`)
}}>
Preview
</Button>
</div>
</div>
<div class="beta">
<Button <Button
secondary secondary
on:click={() => { href="https://github.com/Budibase/budibase/discussions/categories/ideas">
window.open(`/${application}`) Request feature
}}>
Preview
</Button> </Button>
</div> </div>
</div>
<div class="beta">
<Button
secondary
href="https://github.com/Budibase/budibase/discussions/categories/ideas">
Request feature
</Button>
</div>
{#await promise}
<!-- This should probably be some kind of loading state? -->
<div />
{:then _}
<slot /> <slot />
{:catch error} </div>
<p>Something went wrong: {error.message}</p> {:catch error}
{/await} <p>Something went wrong: {error.message}</p>
</div> {/await}
<style> <style>
.loading {
min-height: 100%;
height: 100%;
width: 100%;
background: var(--background);
}
.root { .root {
min-height: 100%; min-height: 100%;
height: 100%; height: 100%;