60 lines
1.5 KiB
Svelte
60 lines
1.5 KiB
Svelte
<script>
|
|
import { goto } from "@roxi/routify"
|
|
import { datasources, tables } from "stores/backend"
|
|
import { notifications } from "@budibase/bbui"
|
|
import { Input, Label, ModalContent } from "@budibase/bbui"
|
|
import TableIntegrationMenu from "../TableIntegrationMenu/index.svelte"
|
|
import analytics from "analytics"
|
|
|
|
let error = ""
|
|
|
|
let name
|
|
let integration
|
|
|
|
function checkValid(evt) {
|
|
const datasourceName = evt.target.value
|
|
if (
|
|
$datasources?.list.some(datasource => datasource.name === datasourceName)
|
|
) {
|
|
error = `Datasource with name ${datasourceName} already exists. Please choose another name.`
|
|
return
|
|
}
|
|
error = ""
|
|
}
|
|
|
|
async function saveDatasource() {
|
|
const { type, plus, ...config } = integration
|
|
|
|
// Create datasource
|
|
const response = await datasources.save({
|
|
name,
|
|
source: type,
|
|
config,
|
|
plus,
|
|
})
|
|
notifications.success(`Datasource ${name} created successfully.`)
|
|
analytics.captureEvent("Datasource Created", { name, type })
|
|
|
|
// Navigate to new datasource
|
|
$goto(`./datasource/${response._id}`)
|
|
}
|
|
</script>
|
|
|
|
<ModalContent
|
|
title="Create Datasource"
|
|
size="L"
|
|
confirmText="Create"
|
|
onConfirm={saveDatasource}
|
|
disabled={error || !name}
|
|
>
|
|
<Input
|
|
data-cy="datasource-name-input"
|
|
label="Datasource Name"
|
|
on:input={checkValid}
|
|
bind:value={name}
|
|
{error}
|
|
/>
|
|
<Label>Datasource Type</Label>
|
|
<TableIntegrationMenu bind:integration />
|
|
</ModalContent>
|