fixes on step 10

This commit is contained in:
2026-02-03 11:12:41 +01:00
parent cf5d988bbc
commit 9583b7030c
6 changed files with 11 additions and 84 deletions

View File

@@ -62,6 +62,7 @@ const buttonClasses = computed(() => {
classes.push('bg-transparent text-gray-400')
}
} else {
classes.push('cursor-pointer')
if (props.variant === 'primary') {
classes.push(
'bg-primary text-gray-900',

View File

@@ -8,7 +8,5 @@ defineProps({
</script>
<template>
<div :class="['font-bold text-primary', $props.class]">
Piccadilly
</div>
<img src="/images/baker-tilly-logo.svg" alt="Baker Tilly" :class="['h-8', $props.class]" />
</template>

View File

@@ -27,22 +27,6 @@ const props = defineProps({
},
})
// Basic info form (unchanged from Step 8)
const basicInfoForm = useForm({
basic_info: {
client_name: props.session.basic_info?.client_name ?? '',
client_contact: props.session.basic_info?.client_contact ?? '',
lead_firm_name: props.session.basic_info?.lead_firm_name ?? '',
lead_firm_contact: props.session.basic_info?.lead_firm_contact ?? '',
},
})
const saveBasicInfo = () => {
basicInfoForm.put(`/sessions/${props.session.id}`, {
preserveScroll: true,
})
}
// Answer management
const answerData = reactive({})
@@ -122,77 +106,19 @@ const hasScoredAnswers = computed(() => {
<ScoreIndicator :score="score" :visible="hasScoredAnswers" />
</div>
<!-- Basic Info Section (unchanged from Step 8) -->
<!-- User Info Section -->
<div class="bg-surface/50 rounded-lg p-6 mb-6">
<h2 class="text-xl font-semibold text-white mb-4">Basic Information</h2>
<p class="text-gray-400 text-sm mb-6">All fields are required before you can proceed to the questionnaire.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label for="client_name" class="block text-sm font-medium text-gray-400 mb-1">Client Name</label>
<input
id="client_name"
v-model="basicInfoForm.basic_info.client_name"
type="text"
class="w-full rounded-lg border border-gray-600 bg-surface px-3 py-2 text-white placeholder-gray-500 focus:border-primary focus:ring-1 focus:ring-primary"
placeholder="Enter client name"
/>
<p v-if="basicInfoForm.errors['basic_info.client_name']" class="text-red-500 text-sm mt-1">
{{ basicInfoForm.errors['basic_info.client_name'] }}
</p>
<span class="block text-sm font-medium text-gray-400 mb-1">Name</span>
<span class="text-white">{{ session.user.name }}</span>
</div>
<div>
<label for="client_contact" class="block text-sm font-medium text-gray-400 mb-1">Client Contact</label>
<input
id="client_contact"
v-model="basicInfoForm.basic_info.client_contact"
type="text"
class="w-full rounded-lg border border-gray-600 bg-surface px-3 py-2 text-white placeholder-gray-500 focus:border-primary focus:ring-1 focus:ring-primary"
placeholder="Enter client contact"
/>
<p v-if="basicInfoForm.errors['basic_info.client_contact']" class="text-red-500 text-sm mt-1">
{{ basicInfoForm.errors['basic_info.client_contact'] }}
</p>
<span class="block text-sm font-medium text-gray-400 mb-1">Email</span>
<span class="text-white">{{ session.user.email }}</span>
</div>
<div>
<label for="lead_firm_name" class="block text-sm font-medium text-gray-400 mb-1">Lead Firm Name</label>
<input
id="lead_firm_name"
v-model="basicInfoForm.basic_info.lead_firm_name"
type="text"
class="w-full rounded-lg border border-gray-600 bg-surface px-3 py-2 text-white placeholder-gray-500 focus:border-primary focus:ring-1 focus:ring-primary"
placeholder="Enter lead firm name"
/>
<p v-if="basicInfoForm.errors['basic_info.lead_firm_name']" class="text-red-500 text-sm mt-1">
{{ basicInfoForm.errors['basic_info.lead_firm_name'] }}
</p>
</div>
<div>
<label for="lead_firm_contact" class="block text-sm font-medium text-gray-400 mb-1">Lead Firm Contact</label>
<input
id="lead_firm_contact"
v-model="basicInfoForm.basic_info.lead_firm_contact"
type="text"
class="w-full rounded-lg border border-gray-600 bg-surface px-3 py-2 text-white placeholder-gray-500 focus:border-primary focus:ring-1 focus:ring-primary"
placeholder="Enter lead firm contact"
/>
<p v-if="basicInfoForm.errors['basic_info.lead_firm_contact']" class="text-red-500 text-sm mt-1">
{{ basicInfoForm.errors['basic_info.lead_firm_contact'] }}
</p>
</div>
</div>
<div class="flex justify-end mt-6">
<AppButton
@click="saveBasicInfo"
:loading="basicInfoForm.processing"
:disabled="basicInfoForm.processing"
>
Save Basic Info
</AppButton>
</div>
</div>