validation

2026-01-09 16:54:42 +02:00
parent 4470d922b7
commit 84cd04c94f
26 changed files with 770 additions and 159 deletions
@@ -0,0 +1,57 @@
+<script>
+    import ChannelLayout from "../../layouts/ChannelLayout.svelte";
+    import { onMount } from "svelte";
+    import TextField from "./fields/TextField.svelte";
+    import LocaleChooser from "./LocaleChooser.svelte";
+    import { getSelectedLocales } from "./locale.svelte.js";
+    let { channel, user, data } = $props();
+    let selectedLocales = $state(getSelectedLocales());
+    let record = $state(data.record);
+
+    function handleLocaleChange() {
+        selectedLocales = getSelectedLocales();
+    }
+</script>
+
+<!-- <svelte:window on:beforeunload={beforeUnload} /> -->
+<ChannelLayout {body} {channel} schemas={data.schemas} {user}></ChannelLayout>
+{#snippet body()}
+    <LocaleChooser {channel} onLocaleChange={handleLocaleChange}
+    ></LocaleChooser>
+    {#each data.fields as field}
+        <div style="display:flex;gap:20px;">
+            {#if field.type === "text"}
+                <TextField
+                    {channel}
+                    {record}
+                    errors={data.validationErrors.filter(
+                        (f) => f.id === field.fieldId && f.locale === "main",
+                    )}
+                    schemaField={field}
+                    locale="main"
+                    dataField={data.draftData.find(
+                        (f) => f.id === field.id && f.locale === "main",
+                    )}
+                ></TextField>
+                {#if field.translatable}
+                    {#each selectedLocales as locale (locale)}
+                        <TextField
+                            {channel}
+                            {record}
+                            errors={data.validationErrors.filter(
+                                (f) =>
+                                    f.fieldId === field.id &&
+                                    f.locale === locale,
+                            )}
+                            schemaField={field}
+                            {locale}
+                            dataField={data.draftData.find(
+                                (f) => f.id === field.id && f.locale === locale,
+                            )}
+                        ></TextField>
+                    {/each}
+                {/if}
+            {/if}
+        </div>
+    {/each}
+{/snippet}