Disable bot settings if team member filtering

CrowdDotDev · Oct 20, 2023 · b2cf226 · b2cf226
1 parent ded1213
commit b2cf226
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/frontend/src/modules/member/config/saved-views/settings/bot/MemberBotSetting.vue b/frontend/src/modules/member/config/saved-views/settings/bot/MemberBotSetting.vue
@@ -3,7 +3,7 @@
     <p class="text-xs font-semibold leading-5 mb-3">
       Bot contacts visibility
     </p>
-    <el-radio-group v-model="value">
+    <el-radio-group v-model="value" :disabled="props.settings?.teamMember === 'filter'">
       <el-radio :label="IncludeEnum.EXCLUDE" class="!h-5">
         <span class="text-xs">Exclude bot contacts</span>
       </el-radio>
@@ -16,22 +16,37 @@
 
 <script setup lang="ts">
 import { IncludeEnum } from '@/modules/member/config/saved-views/settings/common/types/IncludeEnum';
-import { computed } from 'vue';
+import { computed, ref, watch } from 'vue';
 
 const props = defineProps<{
-  modelValue: IncludeEnum,
+  modelValue: IncludeEnum | '',
+  settings: Record<string, string>,
 }>();
 
-const emit = defineEmits<{(e: 'update:modelValue', value: IncludeEnum): any }>();
+const emit = defineEmits<{(e: 'update:modelValue', value: IncludeEnum | ''): any }>();
 
-const value = computed<IncludeEnum>({
+const value = computed<IncludeEnum | ''>({
   get() {
     return props.modelValue;
   },
-  set(val: IncludeEnum) {
+  set(val: IncludeEnum | '') {
     emit('update:modelValue', val);
   },
 });
+
+const previousSettings = ref<Record<string, string> | null>(null);
+
+watch(() => props.settings, (current) => {
+  if (current?.teamMember === 'filter') {
+    if (!previousSettings.value || previousSettings.value.teamMember !== 'filter') {
+      value.value = '';
+    }
+  }
+  if (previousSettings.value?.teamMember === 'filter' && current?.teamMember !== 'filter') {
+    value.value = IncludeEnum.EXCLUDE;
+  }
+  previousSettings.value = { ...current };
+}, { deep: true, immediate: true });
 </script>
 
 <script lang="ts">

diff --git a/frontend/src/shared/modules/saved-views/components/forms/SavedViewForm.vue b/frontend/src/shared/modules/saved-views/components/forms/SavedViewForm.vue
@@ -42,7 +42,7 @@
         <section v-if="Object.keys(settings).length > 0" class="px-6">
           <div class="border-b border-gray-200 pb-1">
             <div v-for="(setting, settingsKey) in settings" :key="settingsKey" class="pb-3">
-              <component :is="setting.settingsComponent" v-model="form.settings[settingsKey]" />
+              <component :is="setting.settingsComponent" v-model="form.settings[settingsKey]" :settings="form.settings" />
             </div>
           </div>
         </section>