Update Tax Certificate show condition

bcgov · Jan 17, 2024 · a2ef04e · a2ef04e
1 parent 655dafa
commit a2ef04e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 12 deletions.
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
@@ -272,10 +272,10 @@ export default defineComponent({
       default: false
     }
   },
-  setup (props) {
+  emits: ['setStoreProperty'],
+  setup (props, { emit }) {
     const {
       // Actions
-      setMhrLocation,
       setIsManualLocation
     } = useStore()
     const {
@@ -367,31 +367,31 @@ export default defineComponent({
 
     /** Apply local models to store when they change. **/
     watch(() => localState.dealerManufacturerLot, () => {
-      setMhrLocation({ key: 'dealerName', value: localState.dealerManufacturerLot })
+      emit('setStoreProperty', { key: 'dealerName', value: localState.dealerManufacturerLot })
     })
     watch(() => localState.homeParkName, () => {
-      setMhrLocation({ key: 'parkName', value: localState.homeParkName })
+      emit('setStoreProperty', { key: 'parkName', value: localState.homeParkName })
     })
     watch(() => localState.homeParkPad, () => {
-      setMhrLocation({ key: 'pad', value: localState.homeParkPad })
+      emit('setStoreProperty', { key: 'pad', value: localState.homeParkPad })
     })
     watch(() => localState.pidNumber, () => {
-      setMhrLocation({ key: 'pidNumber', value: localState.pidNumber })
-      setMhrLocation({ key: 'legalDescription', value: localState.legalDescription })
+      emit('setStoreProperty', { key: 'pidNumber', value: localState.pidNumber })
+      emit('setStoreProperty', { key: 'legalDescription', value: localState.legalDescription })
     })
     watch(() => localState.locationInfo, (val: MhrLocationInfoIF) => {
       for (const [key, value] of Object.entries(val)) {
-        setMhrLocation({ key, value })
+        emit('setStoreProperty', { key, value })
       }
     }, { deep: true })
     watch(() => localState.additionalDescription, () => {
-      setMhrLocation({ key: 'additionalDescription', value: localState.additionalDescription })
+      emit('setStoreProperty', { key: 'additionalDescription', value: localState.additionalDescription })
     })
     watch(() => localState.locationTypeOption, () => {
-      setMhrLocation({ key: 'locationType', value: localState.locationTypeOption })
+      emit('setStoreProperty', { key: 'locationType', value: localState.locationTypeOption })
     })
     watch(() => localState.otherTypeOption, () => {
-      setMhrLocation({ key: 'otherType', value: localState.otherTypeOption })
+      emit('setStoreProperty', { key: 'otherType', value: localState.otherTypeOption })
     })
     watch(() => localState.isLocationTypeValid, (val: boolean) => {
       setValidation(MhrSectVal.LOCATION_VALID, MhrCompVal.LOCATION_TYPE_VALID, val)

diff --git a/ppr-ui/src/components/mhrTransfers/LocationChange.vue b/ppr-ui/src/components/mhrTransfers/LocationChange.vue
@@ -35,6 +35,7 @@
         <HomeLocationType
           :validate="false"
           :class="{ 'border-error-left': false }"
+          @setStoreProperty="handleLocationTypeUpdate($event)"
         />
       </section>
 
@@ -137,6 +138,10 @@ const handleTaxCertificateUpdate = (date: string) => {
   setMhrLocation({ key: 'taxCertificate', value: !!date })
 }
 
+const handleLocationTypeUpdate = (newLocation: { key, value }) => {
+  console.log(newLocation);
+}
+
 watch(() => state.locationChangeType, val => {
   emit('updateLocationType', val)
 })

diff --git a/ppr-ui/src/views/newMhrRegistration/HomeLocation.vue b/ppr-ui/src/views/newMhrRegistration/HomeLocation.vue
@@ -16,6 +16,7 @@
         :locationTypeInfo="getMhrRegistrationLocation"
         :validate="validateLocationType"
         :class="{ 'border-error-left': validateLocationType }"
+        @setStoreProperty="setMhrLocation($event)"
       />
     </section>
 
@@ -79,7 +80,8 @@ export default defineComponent({
     const {
       getMhrRegistrationLocation,
       getMhrRegistrationValidationModel,
-      getMhrRegistrationOwnLand
+      getMhrRegistrationOwnLand,
+      setMhrLocation
     } = storeToRefs(useStore())
 
     const {
@@ -114,6 +116,7 @@ export default defineComponent({
       MhrCompVal,
       MhrSectVal,
       setValidation,
+      setMhrLocation,
       getMhrRegistrationLocation,
       getMhrRegistrationOwnLand,
       CivicAddressSchema,