chart initial import

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

View File

@@ -9,7 +9,7 @@
import ConnectionModalDriverFields from './ConnectionModalDriverFields.svelte';
import ConnectionModalSshTunnelFields from './ConnectionModalSshTunnelFields.svelte';
import ConnectionModalSslFields from './ConnectionModalSslFields.svelte';
import FormFieldTemplateLarge from './FormFieldTemplateLarge.svelte';
import FormFieldTemplateLarge from '../forms/FormFieldTemplateLarge.svelte';
import ModalBase from './ModalBase.svelte';
import { closeCurrentModal, closeModal } from './modalTools';

View File

@@ -1,32 +0,0 @@
<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>

View File

@@ -1,20 +0,0 @@
<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>

View File

@@ -4,7 +4,7 @@
import FormProvider from '../forms/FormProvider.svelte';
import FormSubmit from '../forms/FormSubmit.svelte';
import FormTextFieldRaw from '../forms/FormTextFieldRaw.svelte';
import FormFieldTemplateLarge from './FormFieldTemplateLarge.svelte';
import FormFieldTemplateLarge from '../forms/FormFieldTemplateLarge.svelte';
import SetFilterModal_Select from './SetFilterModal_Select.svelte';
import ModalBase from './ModalBase.svelte';
import { closeCurrentModal } from './modalTools';