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

Merge branch 'new-design-ui' of github.com:Budibase/budibase into new-design-ui

This commit is contained in:
Andrew Kingston 2022-06-08 16:22:22 +01:00
parent 3aa7b4e2c9 02320c0ee0
commit 56c8a0fcf9
6 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/builder/src/components/beta/BetaTab.svelte Normal file
View File

@ -0,0 +1,26 @@
<script>
import { Body, Button, Layout, Heading } from "@budibase/bbui"
import { flags } from "stores/backend"
function openFeedbackApp() {
window.open(`https://bb.budibase.app/betauifeedback`)
}
async function revertToOldBuilder() {
await flags.toggleUiFeature("design_ui")
window.location.reload()
}
</script>
<Layout>
<Heading size="M">Beta Builder</Heading>
<Body>
Your account has been given access to the budibase beta program. We would
love to hear what you think and get your feedback and suggestions on the new
Design UI.
</Body>
<Button cta on:click={openFeedbackApp}>Give Feedback</Button>
<Button secondary on:click={revertToOldBuilder}
>Revert back to old builder</Button
>
</Layout>

8
packages/builder/src/pages/builder/app/[application]/beta/_layout.svelte Normal file
View File

@ -0,0 +1,8 @@
<script>
import { Layout } from "@budibase/bbui"
</script>
<!-- routify:options index=5 -->
<Layout gap="S" justifyItems="center">
<slot />
</Layout>

5
packages/builder/src/pages/builder/app/[application]/beta/index.svelte Normal file
View File

@ -0,0 +1,5 @@
<script>
import BetaTab from "components/beta/BetaTab.svelte"
</script>
<BetaTab />

4
packages/builder/src/pages/builder/portal/overview/[application]/index.svelte
View File

@ -27,6 +27,7 @@
import AppLockModal from "components/common/AppLockModal.svelte" import AppLockModal from "components/common/AppLockModal.svelte"
import EditableIcon from "components/common/EditableIcon.svelte" import EditableIcon from "components/common/EditableIcon.svelte"
import ConfirmDialog from "components/common/ConfirmDialog.svelte" import ConfirmDialog from "components/common/ConfirmDialog.svelte"
import BetaTab from "components/beta/BetaTab.svelte"
import { checkIncomingDeploymentStatus } from "components/deploy/utils" import { checkIncomingDeploymentStatus } from "components/deploy/utils"
import { onDestroy, onMount } from "svelte" import { onDestroy, onMount } from "svelte"
@ -313,6 +314,9 @@
<Tab title="Settings"> <Tab title="Settings">
<SettingsTab app={selectedApp} /> <SettingsTab app={selectedApp} />
</Tab> </Tab>
<Tab title="Beta">
<BetaTab />
</Tab>
</Tabs> </Tabs>
</div> </div>
<ConfirmDialog <ConfirmDialog

3
packages/builder/src/stores/backend/flags.js
View File

@ -16,6 +16,9 @@ export function createFlagsStore() {
}) })
await actions.fetch() await actions.fetch()
}, },
toggleUiFeature: async feature => {
await API.toggleUiFeature({ value: feature })
},
} }
return { return {

9
packages/frontend-core/src/api/flags.js
View File

@ -22,4 +22,13 @@ export const buildFlagEndpoints = API => ({
}, },
}) })
}, },
/**
* Allows us to experimentally toggle a beta UI feature through a cookie.
* @param value the feature to toggle
*/
toggleUiFeature: async ({ value }) => {
return await API.post({
url: `/api/beta/${value}`,
})
},
}) })