BoTW-Multiplayer/WPF .NET 6/Breath of the Wild Multiplayer/MVVM/View/IngameMenuView.xaml

<UserControl x:Class="Breath_of_the_Wild_Multiplayer.MVVM.View.IngameMenuView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Breath_of_the_Wild_Multiplayer.MVVM.View"
             xmlns:viewModel="clr-namespace:Breath_of_the_Wild_Multiplayer.MVVM.ViewModel"
             xmlns:customControls="clr-namespace:Breath_of_the_Wild_Multiplayer.CustomControls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" d:MinHeight="450" d:MinWidth="800">
    <UserControl.DataContext>
        <viewModel:IngameMenuModel/>
    </UserControl.DataContext>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="{Binding VBlackBarSize}"/>
            <ColumnDefinition Width="{Binding VWindowSize}"/>
            <ColumnDefinition Width="{Binding VBlackBarSize}"/>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="{Binding HBlackBarSize}"/>
            <RowDefinition Height="{Binding HWindowSize}"/>
            <RowDefinition Height="{Binding HBlackBarSize}"/>
        </Grid.RowDefinitions>

        <Grid Grid.Row="1" Grid.Column="1">
            <!--<Grid.Background>
                <ImageBrush ImageSource="D:\BreathOfTheWildMultiplayer\PythonProject\Github\BOTWMCode\GameplayerScreenshot.png"/>
            </Grid.Background>-->
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="0.5*"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            
            <Viewbox 
                Grid.Column="1"
                Stretch="Uniform" 
                VerticalAlignment="Top">
                <Label
                    Content="{Binding MinigameTimer.TimerText}"
                    Visibility="{Binding MinigameTimer.Visible}"
                    Style="{StaticResource MinigameTimerStyle}"/>
            </Viewbox>

            <Viewbox 
                    Grid.Row="1"
                    Grid.ColumnSpan="3"
                    Stretch="Uniform">
                <Label 
                    Content="{Binding MainMessage.CurrentMessage}"
                    Foreground="White"
                    FontFamily="Roboto"
                    FontWeight="Bold"
                    FontStyle="Italic">

                    <Label.Effect>
                        <DropShadowEffect Color="Black" ShadowDepth="0" Opacity="1" BlurRadius="20"/>
                    </Label.Effect>
                </Label>

                <Viewbox.Style>
                    <Style TargetType="{x:Type Viewbox}">
                        <Setter Property="Opacity" Value="1"/>

                        <Style.Triggers>
                            <DataTrigger Binding="{Binding MainMessage.Show}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:1.00"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>

                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.50"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Viewbox.Style>
            </Viewbox>

            <!-- Chat feature - WIP -->
            <ScrollViewer VerticalScrollBarVisibility="Hidden" Grid.Row="2" Visibility="Hidden">
                <ItemsControl 
                        Name="chat" 
                        ItemsSource="{Binding ChatData.Messages}" 
                        Background="#66000000">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Margin="0, 0, 0, 0"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>

                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="0.4*"/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <TextBlock
                                    Text="{Binding MessageSender}"
                                    Foreground="{Binding MessageSenderColor}"
                                    FontFamily="Roboto"
                                    HorizontalAlignment="Left"
                                    FontSize="20"/>
                                <TextBlock
                                    Grid.Column="1"
                                    Text="{Binding Content}"
                                    Foreground="White"
                                    FontFamily="Roboto"
                                    HorizontalAlignment="Left"
                                    FontSize="20"/>
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </ScrollViewer>
        </Grid>
    </Grid>
</UserControl>