fixes on step 10
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user