From b8cb8056e46a324963cf6487b212c0773d2ae14b Mon Sep 17 00:00:00 2001
From: WeeXnes <somtrigi@gmail.com>
Date: Wed, 9 Nov 2022 07:58:24 +0100
Subject: [PATCH] added animations

---
 WeeXnes/MVVM/View/DiscordRpcView.xaml |  31 +++++--
 WeeXnes/MainWindow.xaml               | 112 ++++++++++++++++----------
 2 files changed, 94 insertions(+), 49 deletions(-)

diff --git a/WeeXnes/MVVM/View/DiscordRpcView.xaml b/WeeXnes/MVVM/View/DiscordRpcView.xaml
index c9eef29..1457e05 100644
--- a/WeeXnes/MVVM/View/DiscordRpcView.xaml
+++ b/WeeXnes/MVVM/View/DiscordRpcView.xaml
@@ -208,14 +208,35 @@
                     </LinearGradientBrush>
                 </Border.Background>
                     <ScrollViewer Grid.Column="0" Background="Transparent" VerticalScrollBarVisibility="Hidden" Foreground="White"
-                              Padding="5,5,0,5" Name="LogViewer">
+                              Padding="5,5,5,5" Name="LogViewer">
                     <StackPanel>
                         <StackPanel>
-                            <ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded">
+                            <ItemsControl x:Name="ListViewVersions" ItemsSource="{Binding version}" Loaded="ListViewVersions_OnLoaded"
+                                          >
+                                 
                                 <ItemsControl.ItemTemplate>
+                                    
                                     <DataTemplate>
-                                                <StackPanel>
-                                                    <Border Width="689" Height="30" CornerRadius="4" Margin="0,3,0,0">
+                                                <StackPanel Orientation="Vertical">
+                                                    
+                                                    <Border Height="30" CornerRadius="4" Margin="0,3,0,0" Name="ParentBorder"
+                                                            Opacity="0">
+                                                        <Border.Triggers>
+      
+                                                            <!-- Animate the button's Width property. -->
+                                                            <EventTrigger RoutedEvent="Border.Loaded">
+                                                                <BeginStoryboard>
+                                                                    <Storyboard>
+                                                                        <DoubleAnimation
+                                                                            Storyboard.TargetName="ParentBorder"
+                                                                            Storyboard.TargetProperty="(Border.Opacity)"
+                                                                            To="1" Duration="0:0:00.5" AutoReverse="False" 
+                                                                        />
+                                                                    </Storyboard>
+                                                                </BeginStoryboard> 
+                                                            </EventTrigger>
+                                                        
+                                                        </Border.Triggers>
                                                         <Border.Background>
                                                             <LinearGradientBrush StartPoint="0 0" EndPoint="1 1">
                                                                 <LinearGradientBrush.GradientStops>
@@ -242,7 +263,7 @@
                                 </ItemsControl.ItemTemplate>
                                 <ItemsControl.ItemsPanel>
                                     <ItemsPanelTemplate>
-                                        <WrapPanel/>
+                                        <UniformGrid Columns="1"/>
                                     </ItemsPanelTemplate>
                                 </ItemsControl.ItemsPanel>
                             </ItemsControl>
diff --git a/WeeXnes/MainWindow.xaml b/WeeXnes/MainWindow.xaml
index 1e9f62e..f3d5ad4 100644
--- a/WeeXnes/MainWindow.xaml
+++ b/WeeXnes/MainWindow.xaml
@@ -43,7 +43,7 @@
         <Grid>
             
             <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="200"/>
+                <ColumnDefinition Width="Auto"/>
                 <ColumnDefinition/>
             </Grid.ColumnDefinitions>
             
@@ -52,54 +52,78 @@
                 <RowDefinition Height="75"/>
                 <RowDefinition/>
             </Grid.RowDefinitions>
-
-            <TextBlock Text="WeeXnes"
-                   VerticalAlignment="Center"
-                   HorizontalAlignment="Left"
-                   Foreground="White"
-                   FontSize="22"
-                   Margin="20,0,0,0"
-                       FontFamily="/Fonts/#Poppins"/>
-
-            <StackPanel Grid.Row="1">
-                <RadioButton Content="Home"
-                             Height="50"
-                             Foreground="White"
-                             FontSize="14"
-                             Style="{StaticResource HomeMenuButton}"
-                             IsChecked="True"
-                             Command="{Binding HomeViewCommand}"
-                             Name="HomeMenuButton"
-                             Tag="/Images/wicon.png"/>
+            
+            
+            <Border Grid.Row="1" Width="50" Name="NavigationBorder"
+                    Margin="5,0,0,0">
+                <Border.Triggers>
+      
+                    <!-- Animate the button's Width property. -->
+                    <EventTrigger RoutedEvent="Border.MouseEnter">
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation
+                                    Storyboard.TargetName="NavigationBorder"
+                                    Storyboard.TargetProperty="(Border.Width)"
+                                    To="200" Duration="0:0:00.4" AutoReverse="False" 
+                                />
+                            </Storyboard>
+                        </BeginStoryboard> 
+                    </EventTrigger>
+                    <EventTrigger RoutedEvent="Border.MouseLeave">
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation
+                                    Storyboard.TargetName="NavigationBorder"
+                                    Storyboard.TargetProperty="(Border.Width)"
+                                    To="50" Duration="0:0:00.4" AutoReverse="False" 
+                                />
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </EventTrigger>
+                </Border.Triggers>
+                <StackPanel Name="NavigationBar">
                 
-                <RadioButton Content="Key Manager"
-                             Height="50"
-                             Foreground="White"
-                             FontSize="14"
-                             Style="{StaticResource KeyManagerMenuButton}"
-                             Command="{Binding KeyManagerViewCommand}"
-                             Name="KMMenuButton"/>
+                    <RadioButton Content="Home"
+                                 Height="50"
+                                 Foreground="White"
+                                 FontSize="14"
+                                 Style="{StaticResource HomeMenuButton}"
+                                 IsChecked="True"
+                                 Command="{Binding HomeViewCommand}"
+                                 Name="HomeMenuButton"
+                                 Tag="/Images/wicon.png"/>
                 
-                <RadioButton Content="DiscordRPC"
-                             Height="50"
-                             Foreground="White"
-                             FontSize="14"
-                             Style="{StaticResource DiscordMenuButton}"
-                             Command="{Binding DiscordRpcViewCommand}"
-                             Name="RpcMenuButton"/>
+                    <RadioButton Content="Key Manager"
+                                 Height="50"
+                                 Foreground="White"
+                                 FontSize="14"
+                                 Style="{StaticResource KeyManagerMenuButton}"
+                                 Command="{Binding KeyManagerViewCommand}"
+                                 Name="KMMenuButton"/>
                 
-                <RadioButton Content="Settings"
-                             Height="50"
-                             Foreground="White"
-                             FontSize="14"
-                             Style="{StaticResource SettingsMenuButton}"
-                             Command="{Binding SettingsViewCommand}"
-                             Name="SettingsMenuButton"/>
+                    <RadioButton Content="DiscordRPC"
+                                 Height="50"
+                                 Foreground="White"
+                                 FontSize="14"
+                                 Style="{StaticResource DiscordMenuButton}"
+                                 Command="{Binding DiscordRpcViewCommand}"
+                                 Name="RpcMenuButton"/>
+                
+                    <RadioButton Content="Settings"
+                                 Height="50"
+                                 Foreground="White"
+                                 FontSize="14"
+                                 Style="{StaticResource SettingsMenuButton}"
+                                 Command="{Binding SettingsViewCommand}"
+                                 Name="SettingsMenuButton"/>
 
 
 
 
-            </StackPanel>
+                </StackPanel>
+            </Border>
+            
             
             
             <TextBox Grid.Column="1"
@@ -107,12 +131,12 @@
                      Height="40"
                      VerticalAlignment="Center"
                      HorizontalAlignment="Left"
-                     Margin="5"
+                     Margin="10,5,5,5"
                      Style="{StaticResource MaterialTextBox}"
                      Background="#212329" Tag="Search..."
                      TextChanged="Searchbox_TextChanged"
                      Name="Searchbox"
-                     />
+            />
             <Button Width="50"
                     Height="23"
                     Name="MinimizeBtn"