From c33f387c828ba896e81f8972db4e8c5108eff73f Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Tue, 2 Jul 2024 11:09:31 +0800
Subject: [PATCH] refine confirm disable status of account page

---
 src/router/index.js                                  |  2 +-
 .../AccountManagement/ModalAccountEditCreate.vue     | 12 +++++++++++-
 .../Compare/Dashboard/{index.vue => Compare.vue}     |  8 +++-----
 3 files changed, 15 insertions(+), 7 deletions(-)
 rename src/views/Compare/Dashboard/{index.vue => Compare.vue} (99%)

diff --git a/src/router/index.js b/src/router/index.js
index 1e3b92d..6d3f305 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,7 +7,7 @@ import Upload from '@/views/Upload/index.vue';
 import Map from '@/views/Discover/Map/Map.vue';
 import Conformance from '@/views/Discover/Conformance/index.vue';
 import Performance from '@/views/Discover/Performance/index.vue';
-import CompareDashboard from '@/views/Compare/Dashboard/index.vue';
+import CompareDashboard from '@/views/Compare/Dashboard/Compare.vue';
 import AccountAdmin from '@/views/AccountManagement/AccountAdmin/AccountAdmin.vue';
 import MemberArea from '@/views/MemberArea/index.vue';
 import NotFound404 from '@/views/NotFound404.vue';
diff --git a/src/views/AccountManagement/ModalAccountEditCreate.vue b/src/views/AccountManagement/ModalAccountEditCreate.vue
index d582e2a..1bea61c 100644
--- a/src/views/AccountManagement/ModalAccountEditCreate.vue
+++ b/src/views/AccountManagement/ModalAccountEditCreate.vue
@@ -42,7 +42,7 @@
                     </span>
                 </div>
                 <input class="w-[454px] rounded p-1 border border-[1px] border-[#64748B] flex items-center h-[40px] outline-none"
-                    v-model="inputName" :readonly="!isEditable" @dblclick="onInputDoubleClick"
+                    v-model="inputName" :readonly="!isEditable" @dblclick="onInputDoubleClick" @focus="onInputNameFocus"
                     />
             </div>
             <div v-show="!isSSO" class="input-row w-full flex py-2 h-[40px] mb-4 items-center
@@ -294,6 +294,15 @@ export default defineComponent({
                 // 之所以要轉回true，是為了讓使用者可以繼續填寫不被阻擋
                 isAccountUnique.value = true;
             }
+            if(isConfirmDisabled.value){
+                isConfirmDisabled.value = false;
+            }
+        }
+
+        const onInputNameFocus = () => {
+            if(isConfirmDisabled.value){
+                isConfirmDisabled.value = false;
+            }
         }
 
         onMounted(() => {
@@ -315,6 +324,7 @@ export default defineComponent({
             inputConfirmPwd,
             onConfirmBtnClick,
             onInputDoubleClick,
+            onInputNameFocus,
             isSetAsAdminChecked,
             isSetActivedChecked,
             toggleIsAdmin,
diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/Compare.vue
similarity index 99%
rename from src/views/Compare/Dashboard/index.vue
rename to src/views/Compare/Dashboard/Compare.vue
index ec8e410..3376775 100644
--- a/src/views/Compare/Dashboard/index.vue
+++ b/src/views/Compare/Dashboard/Compare.vue
@@ -302,11 +302,11 @@ export default {
      * @returns { [primeVueSetData, primeVueSetOption] } 這兩者為符合 primeVue 圖表格式的數據資料
      */
     getLineChart(chartData, content, yUnit) {
+      console.log('getLineChart' );
       let datasetsPrimary;
       let datasetsSecondary;
       let minX = chartData.x_axis.min;
       let maxX = chartData.x_axis.max;
-      let maxY = chartData.y_axis.max;
       let xLabelData;
       let labelPrimary = chartData.data[0].label;
       let labelSecondary = chartData.data[1].label;
@@ -316,7 +316,6 @@ export default {
         return this.$moment(time).format('YYYY/M/D hh:mm:ss')
       };
       const getSimpleTimeLabel = simpleTimeLabel;
-      const getFollowTimeLabel = followTimeLabel;
 
       // fabricate x label according to y unit
       switch (yUnit) {
@@ -344,7 +343,7 @@ export default {
             content, ticksOfXAxis,
           }        
       });
-
+console.log("TODO:", datasetsPrimary, )
       primeVueSetData = {
         labels: xLabelData,
         datasets: [
@@ -437,8 +436,6 @@ export default {
      * @param { object } content titles 文字標題
      */
     getBarChart(chartData, content, caller) {
-      const maxX = chartData.x_axis.max;
-      const minX = chartData.x_axis.min;
       const getMoment = (time)=> this.$moment(time).format('YYYY/MM/DD');
       let datasetsPrimary = chartData.data[0].data;
       let xDataPrimary;
@@ -1290,6 +1287,7 @@ export default {
     };
     this.casesByTaskHeight = await this.getHorizontalBarHeight(this.compareDashboardData.freq.cases_by_task);
     // create chart
+    console.log('TODO:', this.compareDashboardData.time.avg_cycle_time.data[0].data);
     [this.avgCycleTimeData, this.avgCycleTimeOptions] = this.getLineChart(
       this.compareDashboardData.time.avg_cycle_time, this.contentData.avgCycleTime, 'date');
     [this.avgCycleEfficiencyData, this.avgCycleEfficiencyOptions] = this.getBarChart(