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

chart initial import

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-19 20:12:13 +01:00
parent 75c578de47
commit 489c9a905c
17 changed files with 617 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/web/src/forms/FormFieldTemplateLarge.svelte Normal file
View File

@@ -0,0 +1,32 @@
<script lang="ts">
export let type;
export let label;
export let noMargin;
export let disabled = false;
export let labelProps: any = {};
</script>
<div class="largeFormMarker" class:noMargin>
{#if type == 'checkbox'}
<slot />
<span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
{:else}
<div class="label" {...labelProps} on:click={labelProps.onClick}>
<span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
</div>
<slot />
{/if}
</div>
<style>
.label {
margin-bottom: 3px;
color: var(--theme-font-3);
}
.largeFormMarker:not(.noMargin) {
margin: var(--dim-large-form-margin);
}
.disabled {
color: var(--theme-font-3);
}
</style>

20
packages/web/src/forms/FormFieldTemplateRow.svelte Normal file
View File

@@ -0,0 +1,20 @@
<script lang="ts">
export let label;
export let labelProps: any = {};
</script>
<div class="row">
<div class="label" {...labelProps} on:click={labelProps.onClick}>{label}</div>
<div><slot /></div>
</div>
<style>
.row {
display: flex;
margin: 10px;
}
.label {
width: 10vw;
font-weight: bold;
}
</style>

40
packages/web/src/forms/FormFieldTemplateTiny.svelte Normal file
View File

@@ -0,0 +1,40 @@
<script lang="ts">
export let type;
export let label;
export let noMargin;
export let disabled = false;
export let labelProps: any = {};
</script>
<div class="row">
{#if type == 'checkbox'}
<slot />
<span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
{:else}
<div class="label" {...labelProps} on:click={labelProps.onClick}>
<div class="label">
<span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
</div>
</div>
<div class="value">
<slot />
</div>
{/if}
</div>
<style>
.row {
margin: 5px;
}
.label {
margin-bottom: 3px;
color: var(--theme-font-3);
}
.disabled {
color: var(--theme-font-3);
}
.value {
margin-left: 15px;
margin-top: 3px;
}
</style>

2
packages/web/src/forms/FormProvider.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { writable } from 'svelte/store';
import FormFieldTemplateLarge from '../modals/FormFieldTemplateLarge.svelte';
import FormFieldTemplateLarge from './FormFieldTemplateLarge.svelte';
import FormProviderCore from './FormProviderCore.svelte';
export let initialValues = {};

2
packages/web/src/forms/FormProviderCore.svelte
View File

@@ -9,7 +9,7 @@
</script>
<script lang="ts">
import FormFieldTemplateLarge from '../modals/FormFieldTemplateLarge.svelte';
import FormFieldTemplateLarge from './FormFieldTemplateLarge.svelte';
import createRef from '../utility/createRef';
import keycodes from '../utility/keycodes';