new schema and indexes ui

ui/src/components/collections/schema/SchemaFieldEmail.svelte

@@ -0,0 +1,68 @@
+<script>
+    import CommonHelper from "@/utils/CommonHelper";
+    import tooltip from "@/actions/tooltip";
+    import Field from "@/components/base/Field.svelte";
+    import MultipleValueInput from "@/components/base/MultipleValueInput.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.exceptDomains" let:uniqueId>
+                    <label for={uniqueId}>
+                        <span class="txt">Except domains</span>
+                        <i
+                            class="ri-information-line link-hint"
+                            use:tooltip={{
+                                text: 'List of domains that are NOT allowed. \n This field is disabled if "Only domains" is set.',
+                                position: "top",
+                            }}
+                        />
+                    </label>
+                    <MultipleValueInput
+                        id={uniqueId}
+                        disabled={!CommonHelper.isEmpty(field.options.onlyDomains)}
+                        bind:value={field.options.exceptDomains}
+                    />
+                    <div class="help-block">Use comma as separator.</div>
+                </Field>
+            </div>
+
+            <div class="col-sm-6">
+                <Field class="form-field" name="schema.{key}.options.onlyDomains" let:uniqueId>
+                    <label for="{uniqueId}.options.onlyDomains">
+                        <span class="txt">Only domains</span>
+                        <i
+                            class="ri-information-line link-hint"
+                            use:tooltip={{
+                                text: 'List of domains that are ONLY allowed. \n This field is disabled if "Except domains" is set.',
+                                position: "top",
+                            }}
+                        />
+                    </label>
+                    <MultipleValueInput
+                        id="{uniqueId}.options.onlyDomains"
+                        disabled={!CommonHelper.isEmpty(field.options.exceptDomains)}
+                        bind:value={field.options.onlyDomains}
+                    />
+                    <div class="help-block">Use comma as separator.</div>
+                </Field>
+            </div>
+        </div>
+    </svelte:fragment>
+</SchemaField>