43 lines
1.2 KiB
Svelte
43 lines
1.2 KiB
Svelte
|
<script>
|
||
|
|
import Field from "@/components/base/Field.svelte";
|
||
|
|
import SchemaField from "@/components/collections/schema/SchemaField.svelte";
|
||
|
|
|
||
|
|
export let field;
|
||
|
|
export let key = "";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<SchemaField
|
||
|
|
bind:field
|
||
|
|
{key}
|
||
|
|
on:rename
|
||
|
|
on:remove
|
||
|
|
on:drop
|
||
|
|
on:dragstart
|
||
|
|
on:dragenter
|
||
|
|
on:dragleave
|
||
|
|
{...$$restProps}
|
||
|
|
>
|
||
|
|
<svelte:fragment slot="options">
|
||
|
|
<div class="grid grid-sm">
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<Field class="form-field" name="schema.{key}.options.min" let:uniqueId>
|
||
|
|
<label for={uniqueId}>Min</label>
|
||
|
|
<input type="number" id={uniqueId} bind:value={field.options.min} />
|
||
|
|
</Field>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<Field class="form-field" name="schema.{key}.options.max" let:uniqueId>
|
||
|
|
<label for={uniqueId}>Max</label>
|
||
|
|
<input
|
||
|
|
type="number"
|
||
|
|
id={uniqueId}
|
||
|
|
min={field.options.min}
|
||
|
|
bind:value={field.options.max}
|
||
|
|
/>
|
||
|
|
</Field>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</svelte:fragment>
|
||
|
|
</SchemaField>
|