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

Merge pull request #15359 from Budibase/dummy-action-bar 

Add dummy action buttons for new panels
This commit is contained in:
Andrew Kingston 2025-01-13 16:12:01 +00:00 committed by GitHub
parent c79ebad924 1e0938e93e
commit 19974f24ff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
View File

@ -3,6 +3,9 @@
import AppPreview from "./AppPreview.svelte" import AppPreview from "./AppPreview.svelte"
import { screenStore, appStore } from "@/stores/builder" import { screenStore, appStore } from "@/stores/builder"
import UndoRedoControl from "@/components/common/UndoRedoControl.svelte" import UndoRedoControl from "@/components/common/UndoRedoControl.svelte"
import { ActionButton } from "@budibase/bbui"
import BindingsPanel from "./BindingsPanel.svelte"
import StatePanel from "./StatePanel.svelte"
</script> </script>
<div class="app-panel"> <div class="app-panel">
@ -10,12 +13,14 @@
<div class="header"> <div class="header">
<div class="header-left"> <div class="header-left">
<UndoRedoControl store={screenStore.history} /> <UndoRedoControl store={screenStore.history} />
</div>
<div class="header-right">
{#if $appStore.clientFeatures.devicePreview} {#if $appStore.clientFeatures.devicePreview}
<DevicePreviewSelect /> <DevicePreviewSelect />
{/if} {/if}
</div> </div>
<div class="header-right">
<BindingsPanel />
<StatePanel />
</div>
</div> </div>
<div class="content"> <div class="content">
{#key $appStore.version} {#key $appStore.version}
@ -50,6 +55,9 @@
margin-bottom: 9px; margin-bottom: 9px;
} }
.header-left {
display: flex;
}
.header-left :global(div) { .header-left :global(div) {
border-right: none; border-right: none;
} }

14
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/BindingsPanel.svelte Normal file
View File

@ -0,0 +1,14 @@
<script>
import { ActionButton, Modal, ModalContent } from "@budibase/bbui"
let visible = false
let modal
</script>
<ActionButton on:click={modal.show}>Bindings</ActionButton>
<Modal bind:this={modal}>
<ModalContent title="Bindings" showConfirmButton={false} cancelText="Close">
Some awesome bindings content.
</ModalContent>
</Modal>

14
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte Normal file
View File

@ -0,0 +1,14 @@
<script>
import { ActionButton, Modal, ModalContent } from "@budibase/bbui"
let visible = false
let modal
</script>
<ActionButton on:click={modal.show}>State</ActionButton>
<Modal bind:this={modal}>
<ModalContent title="State" showConfirmButton={false} cancelText="Close">
Some awesome state content.
</ModalContent>
</Modal>