fix: streamline client onboarding wizard
This commit is contained in:
@@ -3,7 +3,6 @@
|
||||
import PlusIcon from '@lucide/svelte/icons/plus';
|
||||
import { Field as FormField, Control, FieldErrors } from 'formsnap';
|
||||
import FormSelect from '$lib/components/form-select.svelte';
|
||||
import FormCheckbox from '$lib/components/form-checkbox.svelte';
|
||||
import { industryOptions } from '$lib/constants/industries';
|
||||
import * as Field from '$lib/components/ui/field/index.js';
|
||||
import { Button } from '$lib/components/ui/button/index.js';
|
||||
@@ -66,7 +65,7 @@
|
||||
<Control id="create-name">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>Name</Field.Label>
|
||||
<Input {...props} type="text" bind:value={$createData.name} />
|
||||
<Input {...props} type="text" required bind:value={$createData.name} />
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
@@ -144,7 +143,12 @@
|
||||
<Control id="create-primary-contact-email">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>Email</Field.Label>
|
||||
<Input {...props} type="email" bind:value={$createData.primaryContactEmail} />
|
||||
<Input
|
||||
{...props}
|
||||
type="email"
|
||||
required
|
||||
bind:value={$createData.primaryContactEmail}
|
||||
/>
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
@@ -161,50 +165,19 @@
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
</Field.Field>
|
||||
</FormField>
|
||||
<div class="grid gap-3 py-1">
|
||||
<FormCheckbox
|
||||
id="create-primary-contact-receives-invoices"
|
||||
name="primaryContactReceivesInvoices"
|
||||
label="Receives invoices"
|
||||
description="Send invoices raised for this client to this contact."
|
||||
bind:value={$createData.primaryContactReceivesInvoices}
|
||||
/>
|
||||
<FormCheckbox
|
||||
id="create-primary-contact-receives-contracts"
|
||||
name="primaryContactReceivesContracts"
|
||||
label="Receives contracts"
|
||||
description="Send contract documents for this client to this contact."
|
||||
bind:value={$createData.primaryContactReceivesContracts}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class={['grid gap-2', createStep !== 1 && 'hidden']}>
|
||||
<FormField form={createForm} name="primaryAddressType">
|
||||
<Field.Field>
|
||||
<Control id="create-primary-address-type">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>Type</Field.Label>
|
||||
<FormSelect
|
||||
name="primaryAddressType"
|
||||
bind:value={$createData.primaryAddressType}
|
||||
options={[
|
||||
{ value: 'primary', label: 'Primary' },
|
||||
{ value: 'invoicing', label: 'Invoicing' },
|
||||
{ value: 'contract', label: 'Contract' }
|
||||
]}
|
||||
triggerProps={props}
|
||||
/>
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
</Field.Field>
|
||||
</FormField>
|
||||
<FormField form={createForm} name="primaryAddressLine1">
|
||||
<Field.Field>
|
||||
<Control id="create-primary-address-line-1">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>Address line 1</Field.Label>
|
||||
<Input {...props} type="text" bind:value={$createData.primaryAddressLine1} />
|
||||
<Input
|
||||
{...props}
|
||||
type="text"
|
||||
required
|
||||
bind:value={$createData.primaryAddressLine1}
|
||||
/>
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
@@ -238,7 +211,12 @@
|
||||
<Control id="create-primary-address-city">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>City</Field.Label>
|
||||
<Input {...props} type="text" bind:value={$createData.primaryAddressCity} />
|
||||
<Input
|
||||
{...props}
|
||||
type="text"
|
||||
required
|
||||
bind:value={$createData.primaryAddressCity}
|
||||
/>
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
@@ -262,7 +240,12 @@
|
||||
<Control id="create-primary-address-postcode">
|
||||
{#snippet children({ props })}
|
||||
<Field.Label>Postcode</Field.Label>
|
||||
<Input {...props} type="text" bind:value={$createData.primaryAddressPostcode} />
|
||||
<Input
|
||||
{...props}
|
||||
type="text"
|
||||
required
|
||||
bind:value={$createData.primaryAddressPostcode}
|
||||
/>
|
||||
{/snippet}
|
||||
</Control>
|
||||
<Field.Error><FieldErrors /></Field.Error>
|
||||
|
||||
Reference in New Issue
Block a user