second q

avni-work · Oct 25, 2024 · db3e095 · db3e095
1 parent 8c2624e
commit db3e095
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 4 deletions.
diff --git a/strr-web/components/bcros/form-section/property/Details.vue b/strr-web/components/bcros/form-section/property/Details.vue
@@ -105,6 +105,21 @@
           />
         </UFormGroup>
       </div>
+      <div class="flex flex-row justify-between w-full mb-[40px] mobile:mb-[16px]">
+        <UFormGroup name="isUnitOnPrincipalResidenceProperty" class="d:pr-[16px] flex-grow">
+          <USelect
+            v-model="isUnitOnPrincipalResidenceProperty"
+            aria-label="Is unit on principal residence property"
+            :placeholder="t('createAccount.propertyForm.isUnitOnPrincipalResidenceProperty')"
+            :options="principalResidenceOptions"
+            option-attribute="label"
+            class="w-full"
+            style="color: #1a202c; /* text-gray-900 */ dark:text-white; /* Override with dark mode text color */"
+            @blur="emit('validateIsUnitOnPrincipalResidenceProperty')"
+            @change="emit('validateIsUnitOnPrincipalResidenceProperty')"
+          />
+        </UFormGroup>
+      </div>
     </BcrosFormSection>
   </div>
 </template>
@@ -119,6 +134,7 @@ const businessLicense = defineModel<string>('businessLicense')
 const parcelIdentifier = defineModel<string>('parcelIdentifier')
 const businessLicenseExpiryDate = defineModel<string>('businessLicenseExpiryDate')
 const rentalUnitSpaceType = defineModel<string>('rentalUnitSpaceType')
+const isUnitOnPrincipalResidenceProperty = defineModel<boolean>('isUnitOnPrincipalResidenceProperty')
 
 watch(businessLicense, (): void => {
   if (!businessLicense.value) {
@@ -131,21 +147,24 @@ const emit = defineEmits([
   'validateOwnership',
   'validateProperty',
   'validateBusinessLicenseExpiryDate',
-  'validateRentalUnitSpaceType'
+  'validateRentalUnitSpaceType',
+  'validateIsUnitOnPrincipalResidenceProperty'
 ])
 
 const {
   propertyTypes,
   ownershipTypes,
   ownershipTypeError,
   propertyTypeError,
-  rentalUnitSpaceTypeOptions
+  rentalUnitSpaceTypeOptions,
+  principalResidenceOptions
 } = defineProps<{
   propertyTypes: string[],
   ownershipTypes: string[],
   ownershipTypeError: string,
   propertyTypeError: string,
   rentalUnitSpaceTypeOptions: string[],
   rentalUnitSpaceTypeError: string,
+  principalResidenceOptions: { value: boolean, label: string }[]
 }>()
 </script>
diff --git a/strr-web/components/bcros/form-section/property/Form.vue b/strr-web/components/bcros/form-section/property/Form.vue
@@ -14,9 +14,11 @@
           v-model:parcel-identifier="formState.propertyDetails.parcelIdentifier"
           v-model:business-license-expiry-date="formState.propertyDetails.businessLicenseExpiryDate"
           v-model:rental-unit-space-type="formState.propertyDetails.rentalUnitSpaceType"
+          v-model:is-unit-on-principal-residence-property="formState.propertyDetails.isUnitOnPrincipalResidenceProperty"
           :property-types="propertyTypes"
           :ownership-types="ownershipTypes"
           :rental-unit-space-type-options="rentalUnitSpaceTypeOptions"
+          :principal-residence-options="principalResidenceOptions"
           :ownership-type-error="ownershipTypeError"
           :property-type-error="propertyTypeError"
           :rental-unit-space-type-error="rentalUnitSpaceTypeError"
@@ -179,6 +181,12 @@ const rentalUnitSpaceTypeOptions = [
   t('createAccount.propertyForm.entireHome'),
   t('createAccount.propertyForm.sharedAccommodation')
 ]
+
+const principalResidenceOptions = [
+  { value: true, label: t('createAccount.propertyForm.yes') },
+  { value: false, label: t('createAccount.propertyForm.no') }
+]
+
 const propertyTypeError = ref('')
 const ownershipTypeError = ref('')
 const businessLicenseExpiryDate = ref('')

diff --git a/strr-web/lang/en.json b/strr-web/lang/en.json
@@ -319,7 +319,10 @@
       "floatHome": "Float home",
       "rent": "Rent",
       "own": "Own",
-      "coOwn": "Co-own"
+      "coOwn": "Co-own",
+      "isUnitOnPrincipalResidenceProperty": "Is the rental unit on the same property as the principal residence?",
+      "yes": "Yes",
+      "no": "No"
     },
     "principalResidence": {
       "property": "Property",

diff --git a/strr-web/utils/formStateToApi.ts b/strr-web/utils/formStateToApi.ts
@@ -68,7 +68,8 @@ export const formStateToApi = (
       parcelIdentifier,
       businessLicense,
       businessLicenseExpiryDate,
-      rentalUnitSpaceType
+      rentalUnitSpaceType,
+      isUnitOnPrincipalResidenceProperty
     } = formState.propertyDetails
 
     formData.registration.unitDetails = {
@@ -77,6 +78,7 @@ export const formStateToApi = (
       ownershipType,
       businessLicense,
       rentalUnitSpaceType,
+      isUnitOnPrincipalResidenceProperty,
       ...(businessLicense ? { businessLicenseExpiryDate } : {}) // include exp date only if business license exists
     }
   }