merge v0.23.0-rc changes

2024-09-29 19:23:19 +03:00
parent ad92992324
commit 844f18cac3
753 changed files with 85141 additions and 63396 deletions
@@ -0,0 +1,76 @@
+<script>
+    import Field from "@/components/base/Field.svelte";
+    import SchemaField from "@/components/collections/schema/SchemaField.svelte";
+    import CommonHelper from "@/utils/CommonHelper";
+
+    export let field;
+    export let key = "";
+
+    $: if (CommonHelper.isEmpty(field.id)) {
+        loadDefaults();
+    }
+
+    function loadDefaults() {
+        field.cost = 11;
+    }
+</script>
+
+<SchemaField bind:field {key} on:rename on:remove on:duplicate {...$$restProps}>
+    <svelte:fragment slot="options">
+        <div class="grid grid-sm">
+            <div class="col-sm-6">
+                <Field class="form-field" name="fields.{key}.min" let:uniqueId>
+                    <label for={uniqueId}>Min length</label>
+                    <input
+                        type="number"
+                        id={uniqueId}
+                        step="1"
+                        min="0"
+                        placeholder="No min limit"
+                        value={field.min || ""}
+                        on:input={(e) => (field.min = e.target.value << 0)}
+                    />
+                </Field>
+            </div>
+
+            <div class="col-sm-6">
+                <Field class="form-field" name="fields.{key}.max" let:uniqueId>
+                    <label for={uniqueId}>Max length</label>
+                    <input
+                        type="number"
+                        id={uniqueId}
+                        step="1"
+                        placeholder="Up to 71 chars"
+                        min={field.min || 0}
+                        max="71"
+                        value={field.max || ""}
+                        on:input={(e) => (field.max = e.target.value << 0)}
+                    />
+                </Field>
+            </div>
+
+            <div class="col-sm-6">
+                <Field class="form-field" name="fields.{key}.cost" let:uniqueId>
+                    <label for={uniqueId}>Bcrypt cost</label>
+                    <input
+                        type="number"
+                        id={uniqueId}
+                        placeholder="Default to 10"
+                        step="1"
+                        min="6"
+                        max="31"
+                        value={field.cost || ""}
+                        on:input={(e) => (field.cost = e.target.value << 0)}
+                    />
+                </Field>
+            </div>
+
+            <div class="col-sm-6">
+                <Field class="form-field" name="fields.{key}.pattern" let:uniqueId>
+                    <label for={uniqueId}>Validation pattern</label>
+                    <input type="text" id={uniqueId} placeholder="ex. ^\w+$" bind:value={field.pattern} />
+                </Field>
+            </div>
+        </div>
+    </svelte:fragment>
+</SchemaField>