From faa68d48226c3332d628e48676d97470c28729a7 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Mon, 12 Jun 2023 12:33:25 +0800
Subject: [PATCH] Discover: sidebarFilter - Timeframes fix selectArea bug done.

---
 src/components/Discover/Filter/Timeframes.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Discover/Filter/Timeframes.vue b/src/components/Discover/Filter/Timeframes.vue
index 2814afb..44a8e16 100644
--- a/src/components/Discover/Filter/Timeframes.vue
+++ b/src/components/Discover/Filter/Timeframes.vue
@@ -61,7 +61,6 @@ export default{
           event.stopPropagation();
         },
       },
-      datetime24h:null,
     }
   },
   computed: {
@@ -137,6 +136,10 @@ export default{
         this.selectArea = [0, this.selectRange];
         this.resizeMask(this.chart);
       }
+    },
+    selectArea(nnn,ooo){
+      console.log('n',nnn);
+      console.log('o',ooo);
     }
   },
   methods: {
@@ -262,7 +265,7 @@ export default{
       this.timeFrameStartEnd;
     },
     /**
-     * 選取開始或結束時間時，要改變滑塊根圖表
+     * 選取開始或結束時間時，要改變滑塊跟圖表
      * @param {object} e Tue Jan 25 2022 00:00:00 GMT+0800 (台北標準時間)
      * @param {string} direction start or end
      */
@@ -273,7 +276,9 @@ export default{
       const closestIndexes = targetTime.map(target => {
         let closestIndex = 0;
         closestIndex = ((target - sliderData[0])/(sliderData[sliderData.length-1]-sliderData[0])) * sliderData.length;
-        return Math.round(Math.abs(closestIndex));
+        let result = Math.round(Math.abs(closestIndex));
+        result = result > this.selectRange ? this.selectRange : result;
+        return result
       });
 
       // 改變滑塊