From acdfb8db7cabf52b1228949d62f7a5b7a8dedc98 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Mon, 11 Aug 2025 11:16:57 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B7=B8=EB=9E=98=ED=94=84=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EC=97=B4=EA=B3=A0=EB=8B=AB=EA=B8=B0=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20MaterialDesign=20Drawer=20=EB=B0=A9=EC=8B=9D=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/SmartAquaViewer.csproj        |  1 +
 SmartAquaViewer/View/MonitoringView.xaml      | 50 ++++++++---------
 SmartAquaViewer/View/MonitoringView.xaml.cs   | 34 ++++++------
 .../ViewModel/MonitoringViewModel.cs          | 55 ++++++++++++++++++-
 4 files changed, 97 insertions(+), 43 deletions(-)

diff --git a/SmartAquaViewer/SmartAquaViewer.csproj b/SmartAquaViewer/SmartAquaViewer.csproj
index 89624fe..27a713d 100644
--- a/SmartAquaViewer/SmartAquaViewer.csproj
+++ b/SmartAquaViewer/SmartAquaViewer.csproj
@@ -30,6 +30,7 @@
   <ItemGroup>
     <PackageReference Include="MaterialDesignColors" Version="5.2.1" />
     <PackageReference Include="MaterialDesignThemes" Version="5.2.1" />
+    <PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index e92e827..243698f 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -5,39 +5,39 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
              xmlns:local="clr-namespace:SmartAquaViewer.View"
              xmlns:helper="clr-namespace:SmartAquaViewer.Helper"
+             xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
              mc:Ignorable="d" 
              d:DesignHeight="940" d:DesignWidth="1650">
     <Border>
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="70"/>
-                <RowDefinition Height="*"/>
-                <RowDefinition x:Name="rdGraph" Height="450"/>
-            </Grid.RowDefinitions>
-
-            <Grid>
-                <Grid.Background>
-                    <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
-                </Grid.Background>
-            </Grid>
-
-            <Border Grid.Row="1" Background="#243851" BorderThickness="0 0 0 3" BorderBrush="#455569">
+        <md:DrawerHost BottomDrawerBackground="#122136" IsBottomDrawerOpen="{Binding IsOpenMode}" OpenMode="Standard">
+            <Grid Background="#243851">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="70"/>
+                    <RowDefinition Height="*"/>
+                </Grid.RowDefinitions>
                 <Grid>
-                    <Button Name="btnVisibilityDown" Tag="down" Click="btnVisibility_Click"
-                            Style="{StaticResource ImageButtonStyle}" Height="33"
-                            VerticalAlignment="Bottom" HorizontalAlignment="Center"
+                    <Grid.Background>
+                        <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
+                    </Grid.Background>
+                </Grid>
+
+                <Grid Grid.Row="1" VerticalAlignment="Bottom">
+                    <Button Name="btnVisibilityDown" Tag="down" 
+                            Style="{StaticResource ImageButtonStyle}" Height="33" Command="{Binding ChangeDrawerStatusCommand}"
+                            VerticalAlignment="Bottom" HorizontalAlignment="Center" Visibility="{Binding BtnVisibilityDown}"
                             helper:ImageButtonHelper.ImageSource="/Resources/Images/arrow_down.png"/>
 
-                    <Button Name="btnVisibilityUp" Tag="up" Click="btnVisibility_Click"
-                            Style="{StaticResource ImageButtonStyle}" Height="33"
-                            VerticalAlignment="Bottom" HorizontalAlignment="Center" Visibility="Collapsed"
+                    <Button Name="btnVisibilityUp" Tag="up"
+                            Style="{StaticResource ImageButtonStyle}" Height="33" Command="{Binding ChangeDrawerStatusCommand}"
+                            VerticalAlignment="Bottom" HorizontalAlignment="Center" Visibility="{Binding BtnVisibilityUp}"
                             helper:ImageButtonHelper.ImageSource="/Resources/Images/arrow_up.png"/>
                 </Grid>
-            </Border>
-
-            <Grid Grid.Row="2" Background="#122136">
-                
             </Grid>
-        </Grid>
+            <md:DrawerHost.BottomDrawerContent>
+                <Border Height="450" BorderThickness="0 3 0 0" BorderBrush="#455569">
+                    
+                </Border>
+            </md:DrawerHost.BottomDrawerContent>
+        </md:DrawerHost>
     </Border>
 </UserControl>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml.cs b/SmartAquaViewer/View/MonitoringView.xaml.cs
index 76bee61..3d7e126 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml.cs
+++ b/SmartAquaViewer/View/MonitoringView.xaml.cs
@@ -54,23 +54,23 @@ namespace SmartAquaViewer.View
 
         private void ApplyState()
         {
-            switch (_state)
-            {
-                case PanelState.Hidden:
-                    rdGraph.Height = new GridLength(0, GridUnitType.Pixel);
-                    btnVisibilityDown.Visibility = Visibility.Collapsed;
-                    btnVisibilityUp.Visibility = Visibility.Visible;
-                    break;
-                case PanelState.Normal:
-                    rdGraph.Height = new GridLength(450, GridUnitType.Pixel);
-                    btnVisibilityDown.Visibility = Visibility.Visible;
-                    btnVisibilityUp.Visibility = Visibility.Collapsed;
-                    break;
-                //case PanelState.Expanded:
-                //    this.Visibility = Visibility.Visible;
-                //    this.Height = 400; // Expanded height
-                //    break;
-            }
+            //switch (_state)
+            //{
+            //    case PanelState.Hidden:
+            //        rdGraph.Height = new GridLength(0, GridUnitType.Pixel);
+            //        btnVisibilityDown.Visibility = Visibility.Collapsed;
+            //        btnVisibilityUp.Visibility = Visibility.Visible;
+            //        break;
+            //    case PanelState.Normal:
+            //        rdGraph.Height = new GridLength(450, GridUnitType.Pixel);
+            //        btnVisibilityDown.Visibility = Visibility.Visible;
+            //        btnVisibilityUp.Visibility = Visibility.Collapsed;
+            //        break;
+            //    //case PanelState.Expanded:
+            //    //    this.Visibility = Visibility.Visible;
+            //    //    this.Height = 400; // Expanded height
+            //    //    break;
+            //}
         }
     }
 }
diff --git a/SmartAquaViewer/ViewModel/MonitoringViewModel.cs b/SmartAquaViewer/ViewModel/MonitoringViewModel.cs
index af32925..c207363 100644
--- a/SmartAquaViewer/ViewModel/MonitoringViewModel.cs
+++ b/SmartAquaViewer/ViewModel/MonitoringViewModel.cs
@@ -5,14 +5,67 @@ using System.Linq;
 using System.Runtime.CompilerServices;
 using System.Text;
 using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Input;
+using SmartAquaViewer.Controls;
 
 namespace SmartAquaViewer.ViewModel
 {
     public class MonitoringViewModel : INotifyPropertyChanged
     {
+        private bool _isOpenMode;
+        public bool IsOpenMode
+        {
+            get => _isOpenMode;
+            set
+            {
+                if (_isOpenMode != value)
+                {
+                    _isOpenMode = value;
+                    OnPropertyChanged();
+
+                    BtnVisibilityDown = _isOpenMode ? Visibility.Visible : Visibility.Collapsed;
+                    BtnVisibilityUp = _isOpenMode ? Visibility.Collapsed : Visibility.Visible;
+                }
+            }
+        }
+
+        private Visibility _btnVisibilityDown;
+        public Visibility BtnVisibilityDown
+        {
+            get => _btnVisibilityDown;
+            set
+            {
+                if (_btnVisibilityDown != value)
+                {
+                    _btnVisibilityDown = value;
+                    OnPropertyChanged();
+                }
+            }
+        }
+
+        private Visibility _btnVisibilityUp;
+        public Visibility BtnVisibilityUp
+        {
+            get => _btnVisibilityUp;
+            set
+            {
+                if (_btnVisibilityUp != value)
+                {
+                    _btnVisibilityUp = value;
+                    OnPropertyChanged();
+                }
+            }
+        }
+
+        public ICommand ChangeDrawerStatusCommand { get; }
+
         public MonitoringViewModel()
         {
-            // Initialization logic for MonitoringViewModel can go here
+            IsOpenMode = true;
+            BtnVisibilityUp = Visibility.Collapsed;
+
+            ChangeDrawerStatusCommand = new RelayCommand(_ => IsOpenMode = !IsOpenMode);
         }
 
         public event PropertyChangedEventHandler? PropertyChanged;