From e25a5c980ab3e11bf7055fa5cdb04c62af447fac Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Thu, 25 Jul 2024 10:36:04 +0530
Subject: [PATCH] Implemented: support to disable specific sort option based on
 whether some filter is selected or not(#243)

---
 .../AddInventoryFilterOptionsModal.vue        | 28 +++++++++++++++++--
 src/views/BrokeringQuery.vue                  |  2 +-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/AddInventoryFilterOptionsModal.vue b/src/components/AddInventoryFilterOptionsModal.vue
index 5c1e38a..fbbf8da 100644
--- a/src/components/AddInventoryFilterOptionsModal.vue
+++ b/src/components/AddInventoryFilterOptionsModal.vue
@@ -14,7 +14,15 @@
       </div>
       <ion-list v-else>
         <ion-item v-for="condition in enumerations" :key="condition.enumId">
-          <ion-checkbox :checked="isConditionOptionSelected(condition.enumCode)" @ionChange="addConditionOption(condition)">{{ condition.description || condition.enumCode }}</ion-checkbox>
+          <ion-checkbox :disabled="isConditionDisabled(condition.enumId)" :checked="isConditionOptionSelected(condition.enumCode)" @ionChange="addConditionOption(condition)">
+            <template v-if="isConditionDisabled(condition.enumId)">
+              {{ condition.description || condition.enumCode }}<br/>
+              <ion-note>{{ `Only applicable when ${dependentOptions[condition.enumId].label} is selected` }}</ion-note>
+            </template>
+            <template v-else>
+              {{ condition.description || condition.enumCode }}
+            </template>
+          </ion-checkbox>
         </ion-item>
       </ion-list>
 
@@ -28,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-import { IonButton, IonButtons, IonCheckbox, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonList, IonPage, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { IonButton, IonButtons, IonCheckbox, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonList, IonNote, IonPage, IonTitle, IonToolbar, modalController } from "@ionic/vue";
 import { useStore } from "vuex";
 import { computed, defineProps, onMounted, ref } from "vue";
 import { saveOutline } from "ionicons/icons";
@@ -57,13 +65,20 @@ const props = defineProps({
   },
   label: {
     type: String
+  },
+  filterOptions: {
+    type: Object
   }
 })
 let inventoryRuleConditions = ref({}) as any
 let enumerations = ref([]) as any
 let areFiltersUpdated = ref(false)
 
+// Added those enums here that needs to be hidden form the UI
 const hiddenOptions = ["IIP_MSMNT_SYSTEM", "IIP_SPLIT_ITEM_GROUP"]
+
+// Add entries for the enums those are dependent on another filter {enumId: { code, label }}
+const dependentOptions = {"ISP_CUST_SEQ": { code: "facilityGroupId", label: "Facility group" }} as any
 // managing this object, as we have some filters for which we need to have its associated filter, like in this case when we have PROXIMITY we also need to add MEASUREMENT_SYSTEM(this is not available on UI for selection and included in hiddenOptions)
 const associatedOptions = { IIP_PROXIMITY: { enum: "IIP_MSMNT_SYSTEM", defaultValue: "IMPERIAL" }} as any
 
@@ -132,4 +147,13 @@ function isConditionOptionSelected(code: string) {
 function closeModal(action = "close") {
   modalController.dismiss({ dismissed: true, filters: inventoryRuleConditions.value }, action)
 }
+
+function isConditionDisabled(enumId: string) {
+  if(!dependentOptions[enumId]) {
+    return false;
+  }
+
+  // Added check on code as we only have code once a filter is selected
+  return !props.filterOptions?.[dependentOptions[enumId].code]
+}
 </script>
diff --git a/src/views/BrokeringQuery.vue b/src/views/BrokeringQuery.vue
index 03e9eb3..50ae2d8 100644
--- a/src/views/BrokeringQuery.vue
+++ b/src/views/BrokeringQuery.vue
@@ -586,7 +586,7 @@ async function addInventoryFilterOptions(parentEnumId: string, conditionTypeEnum
   
   const inventoryFilterOptionsModal = await modalController.create({
     component: AddInventoryFilterOptionsModal,
-    componentProps: { ruleConditions: conditionTypeEnumId === "ENTCT_FILTER" ? inventoryRuleFilterOptions.value : inventoryRuleSortOptions.value, routingRuleId: selectedRoutingRule.value.routingRuleId, parentEnumId, conditionTypeEnumId, label }
+    componentProps: { ruleConditions: conditionTypeEnumId === "ENTCT_FILTER" ? inventoryRuleFilterOptions.value : inventoryRuleSortOptions.value, routingRuleId: selectedRoutingRule.value.routingRuleId, parentEnumId, conditionTypeEnumId, label, filterOptions: inventoryRuleFilterOptions.value } // Passing filterOptions always as we need to make some sort options dependent on filters, so instead of updating the original flow, just passing the filter options always and will add the check on them.
   })
 
   inventoryFilterOptionsModal.onDidDismiss().then((result: any) => {