From 6ac8e8cd4a9127afe6e709df6d6f7ffc0bb07481 Mon Sep 17 00:00:00 2001
From: peterlu14 <peterlu810516@gmail.com>
Date: Wed, 1 Feb 2023 11:16:06 +0800
Subject: [PATCH] [update] resturct data-analysis files struct

---
 .../ChartContainer.vue}                                   | 0
 .../data-analysis/chart-container/XAxisSlide.vue          | 8 ++++++++
 .../{ => file-container}/ChannelSelector.vue              | 0
 .../data-analysis/{ => file-container}/FileContainer.vue  | 2 +-
 .../data-analysis/{ => file-container}/FileView.vue       | 1 -
 .../data-analysis/{ => file-container}/TableFormat.vue    | 0
 .../data-analysis/{ => file-container}/TreeFormat.vue     | 0
 .../SettingContainer.vue}                                 | 0
 src/pages/admin/data-analysis/DataAnalysis.vue            | 8 ++++----
 9 files changed, 13 insertions(+), 6 deletions(-)
 rename src/components/data-analysis/{LineChartContainer.vue => chart-container/ChartContainer.vue} (100%)
 create mode 100644 src/components/data-analysis/chart-container/XAxisSlide.vue
 rename src/components/data-analysis/{ => file-container}/ChannelSelector.vue (100%)
 rename src/components/data-analysis/{ => file-container}/FileContainer.vue (95%)
 rename src/components/data-analysis/{ => file-container}/FileView.vue (98%)
 rename src/components/data-analysis/{ => file-container}/TableFormat.vue (100%)
 rename src/components/data-analysis/{ => file-container}/TreeFormat.vue (100%)
 rename src/components/data-analysis/{ControlPanel.vue => setting-container/SettingContainer.vue} (100%)

diff --git a/src/components/data-analysis/LineChartContainer.vue b/src/components/data-analysis/chart-container/ChartContainer.vue
similarity index 100%
rename from src/components/data-analysis/LineChartContainer.vue
rename to src/components/data-analysis/chart-container/ChartContainer.vue
diff --git a/src/components/data-analysis/chart-container/XAxisSlide.vue b/src/components/data-analysis/chart-container/XAxisSlide.vue
new file mode 100644
index 0000000..c6fec57
--- /dev/null
+++ b/src/components/data-analysis/chart-container/XAxisSlide.vue
@@ -0,0 +1,8 @@
+<template>
+  <slideout v-model="showSlideOut" title="The title" :size="'30%'" dock="left" resizable> </slideout>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue'
+  const showSlideOut = ref(false)
+</script>
+<scss></scss>
diff --git a/src/components/data-analysis/ChannelSelector.vue b/src/components/data-analysis/file-container/ChannelSelector.vue
similarity index 100%
rename from src/components/data-analysis/ChannelSelector.vue
rename to src/components/data-analysis/file-container/ChannelSelector.vue
diff --git a/src/components/data-analysis/FileContainer.vue b/src/components/data-analysis/file-container/FileContainer.vue
similarity index 95%
rename from src/components/data-analysis/FileContainer.vue
rename to src/components/data-analysis/file-container/FileContainer.vue
index 34022d6..b9cde36 100644
--- a/src/components/data-analysis/FileContainer.vue
+++ b/src/components/data-analysis/file-container/FileContainer.vue
@@ -28,7 +28,7 @@
   import { ref, reactive } from 'vue'
   import { useChannelStore } from '@/stores/data-analysis/channel'
   import { useFileViewStore } from '@/stores/data-analysis/file-view'
-  import FileView from '@/components/data-analysis/FileView.vue'
+  import FileView from './FileView.vue'
 
   const channelStore = useChannelStore()
   const fileViewStore = useFileViewStore()
diff --git a/src/components/data-analysis/FileView.vue b/src/components/data-analysis/file-container/FileView.vue
similarity index 98%
rename from src/components/data-analysis/FileView.vue
rename to src/components/data-analysis/file-container/FileView.vue
index 5bfce6e..c566765 100644
--- a/src/components/data-analysis/FileView.vue
+++ b/src/components/data-analysis/file-container/FileView.vue
@@ -16,7 +16,6 @@
         <va-button @click="expandAll(false)">Close</va-button>
       </va-button-group>
     </div>
-    <!-- <div v-if="loading">Loading...</div> -->
     <va-inner-loading :loading="loading">
       <div>
         <TableFormat
diff --git a/src/components/data-analysis/TableFormat.vue b/src/components/data-analysis/file-container/TableFormat.vue
similarity index 100%
rename from src/components/data-analysis/TableFormat.vue
rename to src/components/data-analysis/file-container/TableFormat.vue
diff --git a/src/components/data-analysis/TreeFormat.vue b/src/components/data-analysis/file-container/TreeFormat.vue
similarity index 100%
rename from src/components/data-analysis/TreeFormat.vue
rename to src/components/data-analysis/file-container/TreeFormat.vue
diff --git a/src/components/data-analysis/ControlPanel.vue b/src/components/data-analysis/setting-container/SettingContainer.vue
similarity index 100%
rename from src/components/data-analysis/ControlPanel.vue
rename to src/components/data-analysis/setting-container/SettingContainer.vue
diff --git a/src/pages/admin/data-analysis/DataAnalysis.vue b/src/pages/admin/data-analysis/DataAnalysis.vue
index eb797de..aa4c5a3 100644
--- a/src/pages/admin/data-analysis/DataAnalysis.vue
+++ b/src/pages/admin/data-analysis/DataAnalysis.vue
@@ -9,16 +9,16 @@
       </div>
     </div>
     <template v-for="chart in chartManager.children" :key="chart.id">
-      <LineChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></LineChartContainer>
+      <ChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></ChartContainer>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
   import useMqtt from '@/composables/utils/useMqtt'
-  import FileContainer from '@/components/data-analysis/FileContainer.vue'
-  import ControlPanel from '@/components/data-analysis/ControlPanel.vue'
-  import LineChartContainer from '@/components/data-analysis/LineChartContainer.vue'
+  import FileContainer from '@/components/data-analysis/file-container/FileContainer.vue'
+  import ControlPanel from '@/components/data-analysis/setting-container/SettingContainer.vue'
+  import ChartContainer from '@/components/data-analysis/chart-container/ChartContainer.vue'
   import { useChartStore } from '@/stores/data-analysis/chart'
   import { ref, reactive, onMounted } from 'vue'