Improved: code for displaying selectedText for facilityGroups (#73)

hotwax · Dec 19, 2023 · cea254d · cea254d
1 parent a625bd0
commit cea254d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/CreateFacilityGroupModal.vue b/src/components/CreateFacilityGroupModal.vue
@@ -149,6 +149,7 @@ export default defineComponent({
           }
           const updatedFacilityGroups = [...this.groups, createdGroup]
           await this.store.dispatch('facility/updateFacilityGroups', updatedFacilityGroups)
+          await this.store.dispatch('util/fetchFacilityGroupTypes')
         } else {
           throw resp.data;
         }

diff --git a/src/views/FindGroups.vue b/src/views/FindGroups.vue
@@ -20,9 +20,9 @@
                 {{ groupType.facilityGroupTypeId }}
                 <p>{{ groupType.description }}</p>
               </ion-label>
-              <ion-select v-if="getAvailableFacilityGroups(groupType.facilityGroups).length" placeholder="Select" :value="groupType.facilityGroups" @ionChange="updateFacilityGroupAssociation($event, groupType.facilityGroups, groupType.facilityGroupTypeId)" :multiple="true">
+              <ion-select v-if="getAvailableFacilityGroups(groupType.facilityGroups).length" placeholder="Select" :selectedText="groupType.facilityGroups.length > 1 ? groupType.facilityGroups.length : groupType.facilityGroups[0]" :value="groupType.facilityGroups" @ionChange="updateFacilityGroupAssociation($event, groupType.facilityGroups, groupType.facilityGroupTypeId)" :multiple="true">
                 <ion-select-option :value="groupId" :key="groupId" v-for="groupId in getAvailableFacilityGroups(groupType.facilityGroups)">
-                  {{ groupId }}
+                  {{ getFacilityName(groupId) }}
                 </ion-select-option>
               </ion-select>
             </ion-item>
@@ -267,6 +267,9 @@ export default defineComponent({
       await this.fetchGroups()
       await this.store.dispatch('util/fetchFacilityGroupTypes')
       emitter.emit('dismissLoader')
+    },
+    getFacilityName(groupId: string) {
+      return this.groups.find((group: any) => group.facilityGroupId === groupId).facilityGroupName
     }
   },
   setup() {