dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-25 04:06:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

files widget

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-11 09:42:14 +01:00
parent a93aff1bb7
commit d5ebea3764
20 changed files with 296 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/web/src/modals/ConfirmModal.svelte Normal file
View File

@@ -0,0 +1,28 @@
<script lang="ts">
import FormStyledButton from '../elements/FormStyledButton.svelte';
import FormProvider from '../forms/FormProvider.svelte';
import FormSubmit from '../forms/FormSubmit.svelte';
import ModalBase from './ModalBase.svelte';
import { closeCurrentModal } from './modalTools';
export let message;
export let onConfirm;
</script>
<FormProvider>
<ModalBase {...$$restProps}>
{message}
<svelte:fragment slot="footer">
<FormSubmit
value="OK"
on:click={() => {
closeCurrentModal();
onConfirm();
}}
/>
<FormStyledButton type="button" value="Close" on:click={closeCurrentModal} />
</svelte:fragment>
</ModalBase>
</FormProvider>

6
packages/web/src/modals/ConnectionModal.svelte
View File

@@ -4,7 +4,7 @@
import FormProvider from '../forms/FormProvider.svelte';
import FormSubmit from '../forms/FormSubmit.svelte';
import FontIcon from '../icons/FontIcon.svelte';
import axios from '../utility/axios';
import axiosInstance from '../utility/axiosInstance';
import TabControl from '../elements/TabControl.svelte';
import ConnectionModalDriverFields from './ConnectionModalDriverFields.svelte';
import ConnectionModalSshTunnelFields from './ConnectionModalSshTunnelFields.svelte';
@@ -25,7 +25,7 @@
isTesting = true;
testIdRef.current += 1;
const testid = testIdRef.current;
const resp = await axios.post('connections/test', e.detail);
const resp = await axiosInstance.post('connections/test', e.detail);
if (testIdRef.current != testid) return;
isTesting = false;
@@ -38,7 +38,7 @@
}
async function handleSubmit(e) {
axios.post('connections/save', e.detail);
axiosInstance.post('connections/save', e.detail);
closeCurrentModal();
}
</script>

35
packages/web/src/modals/InputTextModal.svelte Normal file
View File

@@ -0,0 +1,35 @@
<script lang="ts">
import FormStyledButton from '../elements/FormStyledButton.svelte';
import FormProvider from '../forms/FormProvider.svelte';
import FormSubmit from '../forms/FormSubmit.svelte';
import FormTextField from '../forms/FormTextField.svelte';
import ModalBase from './ModalBase.svelte';
import { closeCurrentModal } from './modalTools';
export let header;
export let value;
export let label;
export let onConfirm;
const handleSubmit = async values => {
const { value } = values;
closeCurrentModal();
onConfirm(value);
};
</script>
<FormProvider initialValues={{ value }}>
<ModalBase {...$$restProps}>
<svelte:fragment slot="header">
{header}
</svelte:fragment>
<FormTextField {label} name="value" focused />
<svelte:fragment slot="footer">
<FormSubmit value="OK" on:click={e => handleSubmit(e.detail)} />
<FormStyledButton type="button" value="Cancel" on:click={closeCurrentModal} />
</svelte:fragment>
</ModalBase>
</FormProvider>