1
0
Fork 0
mirror of synced 2024-06-29 11:31:06 +12:00
budibase/packages/builder/src/components/backend/DatasourceNavigator/modals/DatasourceConfigModal.svelte

51 lines
1.4 KiB
Svelte
Raw Normal View History

2021-09-24 08:47:22 +12:00
<script>
2021-09-24 21:19:48 +12:00
import { goto } from "@roxi/routify"
2021-09-24 22:28:56 +12:00
import { ModalContent, notifications, Body, Layout } from "@budibase/bbui"
2021-09-24 08:47:22 +12:00
import IntegrationConfigForm from "components/backend/DatasourceNavigator/TableIntegrationMenu/IntegrationConfigForm.svelte"
2021-12-07 06:39:51 +13:00
import { IntegrationNames } from "constants/backend"
import cloneDeep from "lodash/cloneDeepWith"
import { saveDatasource as save } from "builderStore/datasource"
2021-09-24 08:47:22 +12:00
export let integration
export let modal
// kill the reference so the input isn't saved
let datasource = cloneDeep(integration)
2021-09-24 21:19:48 +12:00
2021-09-24 08:47:22 +12:00
async function saveDatasource() {
try {
const resp = await save(datasource)
2021-09-27 22:04:01 +13:00
$goto(`./datasource/${resp._id}`)
2021-09-24 08:47:22 +12:00
notifications.success(`Datasource updated successfully.`)
} catch (err) {
notifications.error(`Error saving datasource: ${err}`)
2021-09-24 21:01:53 +12:00
}
}
2021-09-24 08:47:22 +12:00
</script>
<ModalContent
title={`Connect to ${IntegrationNames[datasource.type]}`}
2021-09-24 08:47:22 +12:00
onConfirm={() => saveDatasource()}
onCancel={() => modal.show()}
confirmText={datasource.plus
2021-09-24 21:01:53 +12:00
? "Fetch tables from database"
: "Save and continue to query"}
cancelText="Back"
size="L"
2021-09-24 08:47:22 +12:00
>
2021-09-24 22:28:56 +12:00
<Layout noPadding>
<Body size="XS"
>Connect your database to Budibase using the config below.
</Body>
</Layout>
<IntegrationConfigForm
schema={datasource.schema}
bind:datasource
creating={true}
/>
2021-09-24 08:47:22 +12:00
</ModalContent>
<style>
</style>