Changed phone description in add-personal-data-form

This commit is contained in:
Karl Ludwig Weise
2025-11-24 21:47:14 +01:00
parent 1fac1e0e2c
commit 8d5e055c76
3 changed files with 56 additions and 56 deletions
+1 -1
View File
@@ -841,7 +841,7 @@
"description": "Wir senden Ihnen eine Bestätigungs-E-Mail mit den Termindetails."
},
"phone": {
"description": "Format: +491234567890. Wir kontaktieren Sie, falls es Fragen/Anderungen zu Ihrem Termin gibt.",
"description": "Format: +491234567890. {name} kontaktiert Sie ggf. telefonisch, falls es Fragen/Änderungen zu Ihrem Termin gibt.",
"optional": "(optional)"
},
"action": "Daten hinzufügen"
+1 -1
View File
@@ -850,7 +850,7 @@
"description": "We will use this to send you the appointment details."
},
"phone": {
"description": "Format: +1234567890. We may contact you, if there are questions or changes regarding your appointment.",
"description": "Format: +1234567890. {name} may contact you by phone, if there are questions or changes regarding your appointment.",
"optional": "(optional)"
},
"action": "Add personal data"
@@ -52,60 +52,60 @@
const { form: formData, enhance, validateForm } = form;
</script>
<div class="flex flex-col gap-4 pb-1">
<Text style="sm" class="font-medium">
{m["public.steps.data.title"]()}
</Text>
<Alert.Root>
<Lock />
<Alert.Title>{m["public.steps.data.alert.title"]()}</Alert.Title>
{#if tenant}
{#if tenant}
<div class="flex flex-col gap-4 pb-1">
<Text style="sm" class="font-medium">
{m["public.steps.data.title"]()}
</Text>
<Alert.Root>
<Lock />
<Alert.Title>{m["public.steps.data.alert.title"]()}</Alert.Title>
<Alert.Description
>{m["public.steps.data.alert.description"]({ name: tenant.longName })}</Alert.Description
>
{/if}
</Alert.Root>
<Form.Root {enhance} class="flex flex-col gap-4">
<Form.Field {form} name="name">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.name"]()}</Form.Label>
<Input {...props} bind:value={$formData.name} type="name" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
</Form.Field>
<Form.Field {form} name="email">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.email"]()}</Form.Label>
<Input {...props} bind:value={$formData.email} type="email" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
<Form.Description class="mt-1">
{m["public.steps.data.email.description"]()}
</Form.Description>
</Form.Field>
<Form.Field {form} name="phone">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.phone"]()}</Form.Label>
<Input {...props} bind:value={$formData.phone} type="phone" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
<Form.Description class="mt-1">
{m["public.steps.data.phone.description"]()}
{#if tenant?.requirePhone === false}
{m["public.steps.data.phone.optional"]()}
{/if}
</Form.Description>
</Form.Field>
<div class="mt-6 flex flex-col gap-4">
<Form.Button size="lg" type="submit" isLoading={isSubmitting} disabled={isSubmitting}>
{m["public.steps.data.action"]()}
</Form.Button>
</div>
</Form.Root>
</div>
</Alert.Root>
<Form.Root {enhance} class="flex flex-col gap-4">
<Form.Field {form} name="name">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.name"]()}</Form.Label>
<Input {...props} bind:value={$formData.name} type="name" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
</Form.Field>
<Form.Field {form} name="email">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.email"]()}</Form.Label>
<Input {...props} bind:value={$formData.email} type="email" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
<Form.Description class="mt-1">
{m["public.steps.data.email.description"]()}
</Form.Description>
</Form.Field>
<Form.Field {form} name="phone">
<Form.Control>
{#snippet children({ props })}
<Form.Label>{m["form.phone"]()}</Form.Label>
<Input {...props} bind:value={$formData.phone} type="phone" />
{/snippet}
</Form.Control>
<Form.FieldErrors />
<Form.Description class="mt-1">
{m["public.steps.data.phone.description"]({ name: tenant.longName })}
{#if tenant?.requirePhone === false}
{m["public.steps.data.phone.optional"]()}
{/if}
</Form.Description>
</Form.Field>
<div class="mt-6 flex flex-col gap-4">
<Form.Button size="lg" type="submit" isLoading={isSubmitting} disabled={isSubmitting}>
{m["public.steps.data.action"]()}
</Form.Button>
</div>
</Form.Root>
</div>
{/if}