implement edit button

bcgov · Oct 17, 2024 · f51a872 · f51a872
1 parent 842e600
commit f51a872
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/strr-pm-web/app/components/form/platform/Review/index.vue b/strr-pm-web/app/components/form/platform/Review/index.vue
@@ -15,6 +15,9 @@ const { agreeToSubmit } = storeToRefs(useStrrHostApplication())
 
 defineProps<{ isComplete: boolean }>()
 
+defineEmits<{
+  edit: [index: number]
+}>()
 </script>
 <template>
   <div class="space-y-10" data-testid="platform-review-confirm">
@@ -38,7 +41,7 @@ defineProps<{ isComplete: boolean }>()
         <FormPlatformReviewEditCardHeader
           :title="tPlat('section.title.completingParty')"
           icon="i-mdi-account-multiple-plus"
-          @edit="() => console.log('edit clicked')"
+          @edit="$emit('edit', 0)"
         />
       </template>
 
@@ -76,7 +79,7 @@ defineProps<{ isComplete: boolean }>()
         <FormPlatformReviewEditCardHeader
           :title="tPlat('section.title.primaryRep')"
           icon="i-mdi-account-multiple-plus"
-          @edit="() => console.log('edit clicked')"
+          @edit="$emit('edit', 0)"
         />
       </template>
 
@@ -131,7 +134,7 @@ defineProps<{ isComplete: boolean }>()
         <FormPlatformReviewEditCardHeader
           :title="tPlat('section.title.secondaryRep')"
           icon="i-mdi-account-multiple-plus"
-          @edit="() => console.log('edit clicked')"
+          @edit="$emit('edit', 0)"
         />
       </template>
 
@@ -186,7 +189,7 @@ defineProps<{ isComplete: boolean }>()
         <FormPlatformReviewEditCardHeader
           :title="tPlat('section.title.businessInfo')"
           icon="i-mdi-domain"
-          @edit="() => console.log('edit clicked')"
+          @edit="$emit('edit', 1)"
         />
       </template>
 
@@ -282,7 +285,7 @@ defineProps<{ isComplete: boolean }>()
         <FormPlatformReviewEditCardHeader
           :title="tPlat('step.description.2')"
           icon="i-mdi-map-marker-plus-outline"
-          @edit="() => console.log('edit clicked')"
+          @edit="$emit('edit', 2)"
         />
       </template>
 

diff --git a/strr-pm-web/app/pages/platform/application.vue b/strr-pm-web/app/pages/platform/application.vue
@@ -208,7 +208,10 @@ setBreadcrumbs([
       <FormPlatformDetails :is-complete="activeStep.complete" />
     </div>
     <div v-else key="review-confirm">
-      <FormPlatformReview :is-complete="activeStep.complete" />
+      <FormPlatformReview
+        :is-complete="activeStep.complete"
+        @edit="setActiveStep"
+      />
     </div>
   </div>
 </template>