Fixed: Save button will enable when any change happen in the modal(#257)

hotwax · May 1, 2024 · 0bbbeea · 0bbbeea
1 parent 685d6b3
commit 0bbbeea
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/AddStaffMemberModal.vue b/src/components/AddStaffMemberModal.vue
@@ -31,7 +31,7 @@
   </ion-content>
 
   <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-    <ion-fab-button @click="saveParties">
+    <ion-fab-button :disabled="!isRoleUpdated()" @click="saveParties">
       <ion-icon :icon="saveOutline" />
     </ion-fab-button>
   </ion-fab>
@@ -223,7 +223,13 @@ export default defineComponent({
     },
     getPartyRoleTypeId(partyId: string) {
       return this.getParty(partyId) ? this.getParty(partyId).roleTypeId : ''
-    }
+    },
+    isRoleUpdated() {
+      return this.parties.some((party: any) => {
+        const selectedParty = this.selectedPartyValues.find((p: any) => p.partyId === party.partyId);
+        return selectedParty?.roleTypeId !== party.roleTypeId;
+     });
+    },
   },
   async mounted() {
     await this.findParties()