From 48cfad129ec67a7c5297619eddee3779534f71b2 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Fri, 8 Aug 2025 17:35:59 +0900
Subject: [PATCH] =?UTF-8?q?feat:=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=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/Helper/ImageButtonHelper.cs   |  30 +++++++++++
 SmartAquaViewer/Model/Enums.cs                |  18 +++++++
 SmartAquaViewer/Resources/Generic.xaml        |  31 +++++++++++
 .../Resources/Images/arrow_down.png           | Bin 0 -> 990 bytes
 SmartAquaViewer/Resources/Images/arrow_up.png | Bin 0 -> 958 bytes
 SmartAquaViewer/Resources/Images/top_bg.png   | Bin 0 -> 1095 bytes
 SmartAquaViewer/SmartAquaViewer.csproj        |   6 +++
 SmartAquaViewer/View/MonitoringView.xaml      |  29 +++++++++--
 SmartAquaViewer/View/MonitoringView.xaml.cs   |  48 ++++++++++++++++++
 9 files changed, 159 insertions(+), 3 deletions(-)
 create mode 100644 SmartAquaViewer/Helper/ImageButtonHelper.cs
 create mode 100644 SmartAquaViewer/Model/Enums.cs
 create mode 100644 SmartAquaViewer/Resources/Images/arrow_down.png
 create mode 100644 SmartAquaViewer/Resources/Images/arrow_up.png
 create mode 100644 SmartAquaViewer/Resources/Images/top_bg.png

diff --git a/SmartAquaViewer/Helper/ImageButtonHelper.cs b/SmartAquaViewer/Helper/ImageButtonHelper.cs
new file mode 100644
index 0000000..d0c98f8
--- /dev/null
+++ b/SmartAquaViewer/Helper/ImageButtonHelper.cs
@@ -0,0 +1,30 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Media;
+using System.Windows;
+
+namespace SmartAquaViewer.Helper
+{
+    public static class ImageButtonHelper
+    {
+        public static readonly DependencyProperty ImageSourceProperty =
+        DependencyProperty.RegisterAttached(
+            "ImageSource",
+            typeof(ImageSource),
+            typeof(ImageButtonHelper),
+            new PropertyMetadata(null));
+
+        public static void SetImageSource(UIElement element, ImageSource value)
+        {
+            element.SetValue(ImageSourceProperty, value);
+        }
+
+        public static ImageSource GetImageSource(UIElement element)
+        {
+            return (ImageSource)element.GetValue(ImageSourceProperty);
+        }
+    }
+}
diff --git a/SmartAquaViewer/Model/Enums.cs b/SmartAquaViewer/Model/Enums.cs
new file mode 100644
index 0000000..c5e42fc
--- /dev/null
+++ b/SmartAquaViewer/Model/Enums.cs
@@ -0,0 +1,18 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace SmartAquaViewer.Model
+{
+    class Enums
+    {
+        public enum PanelState
+        {
+            Hidden,
+            Normal,
+            Expanded
+        }
+    }
+}
diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
index 36049b9..964f1ac 100644
--- a/SmartAquaViewer/Resources/Generic.xaml
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -63,4 +63,35 @@
         </Setter>
     </Style>
 
+    <Style x:Key="ImageButtonStyle" TargetType="Button">
+        <Setter Property="Width" Value="58"/>
+        <Setter Property="Height" Value="42"/>
+        <Setter Property="Margin" Value="2.5 0"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <Grid>
+                        <Image x:Name="PART_Image"
+                       Source="{TemplateBinding helper:ImageButtonHelper.ImageSource}"
+                       Stretch="Uniform"/>
+                        <ContentPresenter HorizontalAlignment="Center"
+                              VerticalAlignment="Center"
+                              RecognizesAccessKey="True"/>
+                    </Grid>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="PART_Image" Property="Opacity" Value="0.8"/>
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="True">
+                            <Setter TargetName="PART_Image" Property="Opacity" Value="0.6"/>
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter TargetName="PART_Image" Property="Opacity" Value="0.4"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
 </ResourceDictionary>
\ No newline at end of file
diff --git a/SmartAquaViewer/Resources/Images/arrow_down.png b/SmartAquaViewer/Resources/Images/arrow_down.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e0f6094585d10e261d70f7503217729896fe1db
GIT binary patch
literal 990
zcmV<410np0P)<h;3K|Lk000e1NJLTq002Dz001Kh1^@s6C%ys#00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D19M44K~!i%)tS$0
z+g2RFKhKh7yGz<ZDU30a5xSHfMlWUCsfQj0&Bk`>Az?fBl3a7mdKiOV6UO=vq=&IF
z*w!3M2V;ja*ku$tXiFL0ZKaEyxcd2|w}UNJdRVcg#!B=7W9zH0p5I6BD?M9JFovsF
zH>`hoX0=qy()X3YYWZ*Lu{>ndm<2E!(LR9hS%2#}X*}Wizkd65UythuJrHwcdG!Y&
z#HV_^9;hF0Z*P5~M`K1xFD<YBgAi}&@w%Z<k9M}V7WH^W`pU}M?*iUS#||5%lpe|@
zP8Gvmiugl8l;XFYTbq~S?WC2Z<<)x#@j;Ra1cAi!0|FTmMG;Yf4(GAIZ|k94q9_8O
z(P#iLJ9|RQ7$Alx#4s8(n<g!*iD?*m+MV0mn;*vcEUm2F1un;XqbR};B(~$>xE`J#
z5Qb5qQK}jt1g2@wwwiR>EjpbRR@2N>hk~DXwl_Z>oWhK-!gf5my*}N&KDOf_Wq7QG
z8D2I)AbH`qbocu7_Fmw)ex~07J^~QwyR=dY&kxw`^|5W2a9Cb-#54?MXF8lZIfK<S
zleqNF(~b1BBxQ*0xHzs?YheHxhJ(w~@d(2(iJMmNSzO)#cz%HG_(=IOsm}O;#CARW
zAnhYQ&qxO{#P@@AsMf@ntCTVwozF-|QB?b~)(OKfGu0|ZJ0q=>I`((zqC}DIB#f+d
zdSeWW3v=B1=1U&k`#$r&xG<-u7GhfMCI}^rciw&fi+J01JY3h$Cgrg8)jAh1oCn~|
zH_jyQ=g!V^|G{IP@AkAK#<RFE$MyAVx$S=U(=XZ);}Jse+KD#pmwysvW~7S{cTDHv
zh4WlrzgBo;bYY#mco|Ad|MBNvdMKf&_&8z4d|y#Ym-qb#k2!aCJ}E(+NlSfF;f)(N
z4{RroQRQ7)`uT3}mBot)KYa33-!&13D$Og3S0T(aq$w$0l`zwiri6G^!c0?|g5p&P
zlOtVv${NMPCr{b9ar40GrApyE4po{7#Ya(<Fw>Bxgm{(0OiP*q;#CVXO=%_&KMG-{
zEzJSqM<q-Z(u@#4N?`!8w6c~wJ9zeAkKOKmHlyYUAvkmT6tAD0fx-HgQ^`mlH!{*<
z^de^MNiXdPL`NIxB2UR`gr?Q#?hV$gy1hQGSMGQBamOC6Z^f_w0WaxM&0xgffdBvi
M07*qoM6N<$g1&0h-T(jq

literal 0
HcmV?d00001

diff --git a/SmartAquaViewer/Resources/Images/arrow_up.png b/SmartAquaViewer/Resources/Images/arrow_up.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba6da4b2b59b7d634c12523b1a7a6084461e291a
GIT binary patch
literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq002Dz001Kh1^@s6C%ys#00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D15-&vK~!i%)tSF*
z6JZ#~zfbORNwig=6r@NirA8d2OHn5W2cc1Pa%j=nrCqz$4lb@0(SINv1QEn`5C?H6
zf{PRs+ES!$iZ)5({e16z9g;WRy)-m;y(GO4gyg>WaJ-*;e_Xhia0vJAEgC=Z%gBkG
zp`MF_k#o<hSvwfd3<7|j;rjsKI>vXkCWu3h`{CuYx|*wy8c3#R=3W!gT{TY!;>~LL
z=^Ztd94K9ynfn2vb84P81jN=_`DszjL(<c;^PdQ~63miD2%$!8k)_mZCCMKV5dt6A
zR+g{J<JMJ5Gjr=8y4I=$;CT#=>%n6_IOpII8r+WkeN&Cv!Z`;3WHK25z~JBsrJ?~f
zZ-}O4kj?7I8CmF>rk1^1Eid1c^(f8GzXxzbp5>gw^%zXcfn_^zTo1m_BlS|RAtLCy
zhP;tQA)iB`kb{xcL!(0gZ`aDpw;Q)GBrITB4l30;Dz!RH%K>Blu@**i+ISwrU&}_N
zR!6n=7nbdY+D*VM0HEM1ErfvMdf2PhVVXAl=I}}*x~5@ppn%h-24H0MR?b{~C=+}v
zG3LXxY*@CFYGD9izTcRhmIL4STe)s{_vP>g064A(({jPs|DrVGdJLxR!1aPY^dKbd
zF(0n$1*23Wrz>MDn2v>{Ip?V#)+)a5haR;;ARm$zLLB>5Ix3v2PNapUg9iyy93REX
z^T*g)e}$Fjk5L>SRZDsU2?|Mfi{khwmKGjjYVr~QU~2LbmKGlNO}y*Us<5P=;$4+)
zCoJigc-N#46PENtyerb33QKw|p15>WVM#B=6P4~n`16-<YSf}v;)zLjD!lmQMc>7>
z3zx4xk_V>cz_#6RMF&I?-rU*6#@B6JoEXE%*<rN|05EcP7#AnTu<>;pzxS%@=|~U}
zPM*jk|Nmt!JF;|CVF38OSM8a2;?i-1CA|_)RQf2wl3s`(BprJpJF2i`b7!~X#Vsjf
zOD7>L=~O%^VoSGcU{qnrVdCxbIK-9?HZb@dM_8hYtJh5mD$UNf-W~k<Q^j6oKU|S=
zhzP?&r*Y=g0MOXqvSRminh8nM!JC+=C%Cmkpn}rV-F!>dM-;70rPkQ9s#NQ+ozDK4
gqz$vVza>Ba0I-A#7SCtQkpKVy07*qoM6N<$f*%aNJOBUy

literal 0
HcmV?d00001

diff --git a/SmartAquaViewer/Resources/Images/top_bg.png b/SmartAquaViewer/Resources/Images/top_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cfaa72123de705b883b762affbdebfc0b091352
GIT binary patch
literal 1095
zcmaJ=OH9;27;ZF1gAk08h@hl)O?<@NKG^Qk%A&aK>c%Z0%O+sL!O{+FUD~Pb;1&*Q
zeCt7t9@L{(KrV_G69wfU;bcrSYD_eGP@>_0(cptP1r|KGHkr;plkfZf=UixR+E-Rm
zRYDL%S#rOW#(NE3?W>mI|F=h1ui|Y3lG{)V>_mCh0Ysw?I{=w9)h>_*s@{8K9MluU
z@~uXu4YesLQG;ek^)VsOv@x3?>UVp#s^tJ8J3yCV#i*(K4=K{nV^k}zFp3=qSz~{n
z16ul;GFo3w6Le~K16l8hSil5GB|Wp-az!sj&FPBR_OEG*oP(fTjG7OsO=%|M&;g_n
zVuKpPuw)cl;RshJ2+?SCC&@8fEzLw|jt_FRA|DmmFuCwi*rTI&ifJja;18c-R2Csy
zr0IM<AIjH;pwmUOf*{ZgM{`^dBZ6+Pg;XzSxq*U$1YFHAY-B)-^cB?(*n?sej&?o`
z(_WOd+=Wu%qS2me(`<<G(<%TJ<^NFATtvGl4VL2lr?8vpwE>+5F6?nM+`P_!@5&bA
z4p0$vG7xqbD%qTc2)bEllN=vn$Zf5LrNg|teU6|gV$yPvYH1)T#V9NhG7MdmxhNBk
z@Jy{7msvK!)X6L_M-p|sz{jJEu(!aKpw?po3l+Hf5|=H?_2<E~v1bW5#!;Xr9B7hr
zIg3WoSi*8qy#=mbG?s9pD3`{;(0*tC>U7}>kB@II&MrPIPCu~l$UAtpCmU|=!SCW;
zQfkb2uRdQNEjz)KE?+%)taP+8bxGRfO+Tap`4cT4!k6xJ|9pDm#X!{=i>%VFWmDx9
z!SShcgEwln{4fIFXU1+#q;rFxhju*f7w&ddzw94<bAE=O-265y{umxPuic#4p}t!=
zFj5f|&Yl^S^O@Y>;j(>=7uV@ma;;|r@x;c7uVeDYXTz_lC%dNQHOFr&<)2dT$4&)m
x)|QWlXJ>z1e%^RI^6}t`b-(-Cx1N5mqLTP>;9URuRJGwh?WEi!4edR2@(%~hZ2ABI

literal 0
HcmV?d00001

diff --git a/SmartAquaViewer/SmartAquaViewer.csproj b/SmartAquaViewer/SmartAquaViewer.csproj
index dac5af2..89624fe 100644
--- a/SmartAquaViewer/SmartAquaViewer.csproj
+++ b/SmartAquaViewer/SmartAquaViewer.csproj
@@ -19,9 +19,12 @@
     <None Remove="Fonts\SCDream7.otf" />
     <None Remove="Fonts\SCDream8.otf" />
     <None Remove="Fonts\SCDream9.otf" />
+    <None Remove="Resources\Images\arrow_down.png" />
+    <None Remove="Resources\Images\arrow_up.png" />
     <None Remove="Resources\Images\ListImage.png" />
     <None Remove="Resources\Images\tab_bg.png" />
     <None Remove="Resources\Images\tab_bg_off.png" />
+    <None Remove="Resources\Images\top_bg.png" />
   </ItemGroup>
 
   <ItemGroup>
@@ -39,6 +42,8 @@
     <Resource Include="Fonts\SCDream7.otf" />
     <Resource Include="Fonts\SCDream8.otf" />
     <Resource Include="Fonts\SCDream9.otf" />
+    <Resource Include="Resources\Images\arrow_down.png" />
+    <Resource Include="Resources\Images\arrow_up.png" />
     <Resource Include="Resources\Images\ListImage.png" />
     <Resource Include="Resources\Images\tab_bg.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
@@ -46,6 +51,7 @@
     <Resource Include="Resources\Images\tab_bg_off.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Resource>
+    <Resource Include="Resources\Images\top_bg.png" />
   </ItemGroup>
 
 </Project>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index 381521b..e92e827 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -4,6 +4,7 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
              xmlns:local="clr-namespace:SmartAquaViewer.View"
+             xmlns:helper="clr-namespace:SmartAquaViewer.Helper"
              mc:Ignorable="d" 
              d:DesignHeight="940" d:DesignWidth="1650">
     <Border>
@@ -11,10 +12,32 @@
             <Grid.RowDefinitions>
                 <RowDefinition Height="70"/>
                 <RowDefinition Height="*"/>
-                <RowDefinition Height="450"/>
+                <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">
+                <Grid>
+                    <Button Name="btnVisibilityDown" Tag="down" Click="btnVisibility_Click"
+                            Style="{StaticResource ImageButtonStyle}" Height="33"
+                            VerticalAlignment="Bottom" HorizontalAlignment="Center"
+                            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"
+                            helper:ImageButtonHelper.ImageSource="/Resources/Images/arrow_up.png"/>
+                </Grid>
+            </Border>
+
+            <Grid Grid.Row="2" Background="#122136">
+                
+            </Grid>
         </Grid>
     </Border>
 </UserControl>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml.cs b/SmartAquaViewer/View/MonitoringView.xaml.cs
index d63f58e..76bee61 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml.cs
+++ b/SmartAquaViewer/View/MonitoringView.xaml.cs
@@ -12,6 +12,7 @@ using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
+using static SmartAquaViewer.Model.Enums;
 
 namespace SmartAquaViewer.View
 {
@@ -20,9 +21,56 @@ namespace SmartAquaViewer.View
     /// </summary>
     public partial class MonitoringView : UserControl
     {
+        private PanelState _state = PanelState.Normal;
+
         public MonitoringView()
         {
             InitializeComponent();
         }
+
+        private void btnVisibility_Click(object sender, RoutedEventArgs e)
+        {
+            Button button = sender as Button;
+            if (button == null) return;
+
+            bool isDown = button.Tag != null && button.Tag.ToString() == "down";
+
+            _state = isDown
+                ? _state switch
+                {
+                    PanelState.Hidden => PanelState.Normal,
+                    //PanelState.Normal => PanelState.Expanded,
+                    _ => PanelState.Hidden
+                }
+                : _state switch
+                {
+                    PanelState.Hidden => PanelState.Normal,
+                    //PanelState.Expanded => PanelState.Normal,
+                    _ => PanelState.Hidden
+                };
+
+            ApplyState();
+        }
+
+        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;
+            }
+        }
     }
 }