From e751aed3eb4f114808a956edc3d0e98be585be72 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Fri, 13 Oct 2023 18:33:49 +0800
Subject: [PATCH] Issue #112: Done.

---
 src/components/Discover/Map/SidebarFilter.vue | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/components/Discover/Map/SidebarFilter.vue b/src/components/Discover/Map/SidebarFilter.vue
index 9be9016..a2fdefe 100644
--- a/src/components/Discover/Map/SidebarFilter.vue
+++ b/src/components/Discover/Map/SidebarFilter.vue
@@ -13,21 +13,21 @@
         <div>
           <p class="h2">Filter Type</p>
           <div v-for="(item, index) in selectFilter['Filter Type']" :key="index">
-            <RadioButton v-model="selectValue[0]" :inputId="item + index" name="Filter Type" :value="item" class="mb-1 mr-2"/>
+            <RadioButton v-model="selectValue[0]" :inputId="item + index" name="Filter Type" :value="item" class="mb-1 mr-2" @change="radioFilterType"/>
             <label :for="item + index">{{ item }}</label>
           </div>
         </div>
         <div v-show="selectValue[0] === 'Sequence'">
           <p class="h2">Activity Sequence</p>
           <div v-for="(item, index) in selectFilter['Activity Sequence']" :key="index">
-            <RadioButton v-model="selectValue[1]" :inputId="item + index" name="Activity Sequence" :value="item" class="mb-1 mr-2"/>
+            <RadioButton v-model="selectValue[1]" :inputId="item + index" name="Activity Sequence" :value="item" class="mb-1 mr-2" @change="radioActSeq"/>
             <label :for="item + index">{{ item }}</label>
           </div>
         </div>
         <div v-show="selectValue[0] === 'Sequence' && selectValue[1] === 'Start & End'">
           <p class="h2">Start & End</p>
           <div v-for="(item, index) in selectFilter['Start & End']" :key="index">
-            <RadioButton v-model="selectValue[2]" :inputId="item + index" name="Start & End" :value="item" class="mb-1 mr-2"/>
+            <RadioButton v-model="selectValue[2]" :inputId="item + index" name="Start & End" :value="item" class="mb-1 mr-2" @change="radioStartAndEnd"/>
             <label :for="item + index">{{ item }}</label>
           </div>
         </div>
@@ -62,7 +62,6 @@
       </div>
       <!-- Fiter content -->
       <div class="w-[calc(100%_-_208px)] h-full">
-
         <!-- Filter titles -->
         <div class="space-y-2 w-full h-[calc(100%_-_48px)]">
           <!-- title: Activity Select  -->
@@ -232,6 +231,24 @@ export default {
     }
   },
   methods: {
+    /**
+     * Change Radio Filter Type
+     */
+    radioFilterType() {
+      this.reset();
+    },
+    /**
+     * Change Radio Act Seq
+     */
+    radioActSeq() {
+      this.reset();
+    },
+    /**
+     * Change Radio Start And End
+     */
+    radioStartAndEnd() {
+      this.reset();
+    },
     /**
      * @param {string} switch Summary or Insight
      */