Merge pull request #261 from R-Sourabh/#257-save-button

Fixed: Save button will enable only when any change happen in the modal(#257)
hotwax · Jul 18, 2024 · 9edf34b · 9edf34b
2 parents ddc5a57 + 2b675c5
commit 9edf34b
Showing 1 changed file with 9 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,14 @@ export default defineComponent({
     },
     getPartyRoleTypeId(partyId: string) {
       return this.getParty(partyId) ? this.getParty(partyId).roleTypeId : ''
-    }
+    },
+    isRoleUpdated() {
+      const arePartiesUpdated = this.selectedPartyValues.length !== this.selectedParties.length;
+      return arePartiesUpdated || this.selectedPartyValues.some((selectedParty: any) => {
+        const originalParty = this.selectedParties.find((party: any) => party.partyId === selectedParty.partyId);
+        return originalParty && selectedParty.roleTypeId !== originalParty.roleTypeId;
+      });
+    },
   },
   async mounted() {
     await this.findParties()