CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-01 12:30:41 +12:00
Code Issues Projects Releases Wiki Activity

Merge pull request #8016 from Budibase/feature/redirect-after-modal-close

Browse source 
Allow screen redirect after modal close
This commit is contained in:
Martin McKeaveney 2022-10-21 08:58:21 +01:00 committed by GitHub
parent a782c1a288 9a9ea26cc4
commit a6c5079190
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/builder/src/components/design/settings/controls/ButtonActionEditor/actions/CloseScreenModal.svelte
View file

@ -1,16 +1,31 @@
<script> <script>
import { Body } from "@budibase/bbui" import { Label, Body } from "@budibase/bbui"
import DrawerBindableInput from "components/common/bindings/DrawerBindableInput.svelte"
export let parameters
export let bindings = []
</script> </script>
<Body size="S">Navigate To screen, or leave blank.</Body>
<br />
<div class="root"> <div class="root">
<Body size="S">This action doesn't require any additional settings.</Body> <Label small>Screen</Label>
<Body size="S"> <DrawerBindableInput
This action won't do anything if there isn't a screen modal open. title="Destination URL"
</Body> placeholder="/screen"
value={parameters.url}
on:change={value => (parameters.url = value.detail)}
{bindings}
/>
</div> </div>
<style> <style>
.root { .root {
display: grid;
align-items: center;
gap: var(--spacing-m);
grid-template-columns: auto 1fr;
max-width: 400px;
margin: 0 auto; margin: 0 auto;
} }
</style> </style>

3
packages/client/src/components/overlay/PeekScreenDisplay.svelte
View file

@ -45,6 +45,9 @@
}, },
[MessageTypes.CLOSE_SCREEN_MODAL]: () => { [MessageTypes.CLOSE_SCREEN_MODAL]: () => {
peekStore.actions.hidePeek() peekStore.actions.hidePeek()
if (message.data?.url) {
routeStore.actions.navigate(message.data.url)
}
}, },
[MessageTypes.INVALIDATE_DATASOURCE]: () => { [MessageTypes.INVALIDATE_DATASOURCE]: () => {
proxyInvalidation(message.data) proxyInvalidation(message.data)

5
packages/client/src/utils/buttonActions.js
View file

@ -224,10 +224,11 @@ const changeFormStepHandler = async (action, context) => {
) )
} }
const closeScreenModalHandler = () => { const closeScreenModalHandler = action => {
let { url } = action.parameters
// Emit this as a window event, so parent screens which are iframing us in // Emit this as a window event, so parent screens which are iframing us in
// can close the modal // can close the modal
window.parent.postMessage({ type: "close-screen-modal" }) window.parent.postMessage({ type: "close-screen-modal", url })
} }
const updateStateHandler = action => { const updateStateHandler = action => {