prs/PRSDigitalKeyUnit/MainWindow.xaml

<Window x:Class="PRSDigitalKeyUnit.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:PRSDigitalKeyUnit"
        xmlns:wpf="clr-namespace:InABox.WPF;assembly=InABox.Wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="490" Width="800">
        <Window.DataContext><local:MainWindowViewModel x:Name="ViewModel"/></Window.DataContext>
        
        <Window.Resources>
                <wpf:BooleanToBrushConverter x:Key="BooleanToBrushConverter" TrueValue="#FF0000" FalseValue="#444444" />
        </Window.Resources>
        
        <Grid>
                <DockPanel>
                        <DockPanel DockPanel.Dock="Left" Width="50" Background="DarkSlateGray">
                                <Ellipse DockPanel.Dock="Top" Height="30" Width="30" Stroke="Black" StrokeThickness="7" Fill="#888888" Margin="10"/>
                                <Ellipse DockPanel.Dock="Bottom" Height="30" Width="30" Stroke="Black" StrokeThickness="7" Fill="#888888" Margin="10"/>
                                <Ellipse DockPanel.Dock="Left" Height="30" Width="30" Fill="DarkSlateGray"/>
                        </DockPanel>
                        <DockPanel DockPanel.Dock="Right" Width="50" Background="DarkSlateGray">
                                <Ellipse DockPanel.Dock="Top" Height="30" Width="30" Stroke="Black" StrokeThickness="7" Fill="#888888" Margin="10"/>
                                <Ellipse DockPanel.Dock="Bottom" Height="30" Width="30" Stroke="Black" StrokeThickness="7" Fill="#888888" Margin="10"/>
                                <Rectangle DockPanel.Dock="Left" Width="30" Height="280" Fill="#3A3A3A" Margin="0,0,20,0"/>
                        </DockPanel>
                        <Grid DockPanel.Dock="Top" Height="50" Background="#333333">
                                <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="1.5*"/>
                                        <ColumnDefinition Width="4*"/>
                                        <ColumnDefinition Width="0.5*"/>
                                        <ColumnDefinition Width="2.5*"/>
                                        <ColumnDefinition Width="4*"/>
                                        <ColumnDefinition Width="2*"/>
                                        <ColumnDefinition Width="1.2*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="2*"/>
                                        <ColumnDefinition Width="2*"/>
                                </Grid.ColumnDefinitions>
                                
                                <Grid Grid.Column="1">
                                        
                                        <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        
                                        <Grid Background="#00AA66" Grid.Row="1" Margin="0, 0, 0, 5">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 5, 0, 0"/>
                                                <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 5, 0, 0"/>
                                                <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 5, 0, 0"/>
                                        </Grid>
                                        <Grid Background="#10CC99" Grid.Row="0">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                                <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                                <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        </Grid>
                                                
                                </Grid>
                                <Grid Grid.Column="3">
                                        
                                        <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        
                                        <Grid Background="#00AA66" Grid.Row="1" Margin="0, 0, 0, 5">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 5, 0, 0"/>
                                                <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 5, 0, 0"/>
                                        </Grid>
                                        <Grid Background="#10CC99" Grid.Row="0">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                                <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        </Grid>
                                                
                                </Grid>
                                <Grid Grid.Column="4">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="*"/>
                                        </Grid.RowDefinitions>
                                        
                                        <Rectangle Stroke="White" Fill="Silver" Grid.Column="0" Grid.Row="0" Margin="10,3,5,3"/>
                                        <Rectangle Stroke="White" Fill="Silver" Grid.Column="1" Grid.Row="0" Margin="10,3,5,3"/>
                                        <Rectangle Stroke="White" Fill="Silver" Grid.Column="2" Grid.Row="0" Margin="10,3,5,3"/>
                                        <Rectangle Stroke="Black" Fill="Silver" Grid.Column="3" Grid.Row="0" Margin="9,10,6,4"/>
                                        
                                        <TextBlock Text="TXD" Grid.Row="1" Grid.Column="0" FontSize="10" Foreground="White">
                                                <TextBlock.RenderTransform>
                                                        <TransformGroup>
                                                                <RotateTransform Angle="90" />
                                                                <TranslateTransform X="20" Y="2"/>
                                                        </TransformGroup>
                                                </TextBlock.RenderTransform>
                                        </TextBlock>
                                        <TextBlock Text="RXD" Grid.Row="1" Grid.Column="1" FontSize="10" Foreground="White">
                                                <TextBlock.RenderTransform>
                                                        <TransformGroup>
                                                                <RotateTransform Angle="90" />
                                                                <TranslateTransform X="20" Y="2"/>
                                                        </TransformGroup>
                                                </TextBlock.RenderTransform>
                                        </TextBlock>
                                        <TextBlock Text="PWR" Grid.Row="1" Grid.Column="2" FontSize="10" Foreground="White">
                                                <TextBlock.RenderTransform>
                                                        <TransformGroup>
                                                                <RotateTransform Angle="90" />
                                                                <TranslateTransform X="20" Y="2"/>
                                                        </TransformGroup>
                                                </TextBlock.RenderTransform>
                                        </TextBlock>
                                        <TextBlock Text="RGB" Grid.Row="1" Grid.Column="3" FontSize="10" Foreground="White">
                                                <TextBlock.RenderTransform>
                                                        <TransformGroup>
                                                                <RotateTransform Angle="90" />
                                                                <TranslateTransform X="20" Y="2"/>
                                                        </TransformGroup>
                                                </TextBlock.RenderTransform>
                                        </TextBlock>
                                </Grid>
                                <Grid Grid.Column="5">
                                        <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        <Rectangle Fill="LightGray" Margin="9, 4, 9, 4"/>
                                        <TextBlock Text="USB" Grid.Row="1" Grid.Column="0" FontSize="10" Foreground="White">
                                                <TextBlock.RenderTransform>
                                                        <TransformGroup>
                                                                <RotateTransform Angle="180" />
                                                                <TranslateTransform X="35" Y="12"/>
                                                        </TransformGroup>
                                                </TextBlock.RenderTransform>
                                        </TextBlock>
                                </Grid>
                                <Grid Grid.Column="6" Background="LightGray" Margin="0,5,0,10">
                                        <Polygon Fill="DarkSlateGray" Points="7,0 30,0 37,7 37,30 30,40 7,37 0,30 0, 7"/>
                                </Grid>
                                <Grid Grid.Column="7">
                                <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                        <RowDefinition Height="*"/>
                                        <RowDefinition Height="2*"/>
                                        <RowDefinition Height="3*"/>
                                </Grid.RowDefinitions>
                                    
                                <Rectangle Stroke="White" Fill="White" Grid.Column="0" Grid.Row="0" Margin="15,3,10,0"/>
                                <Rectangle Stroke="White" Fill="White" Grid.Column="1" Grid.Row="0" Margin="15,3,10,0"/>

                                
                                <Rectangle Stroke="White" Fill="DarkSlateGray" Grid.Column="0" Grid.Row="1" Margin="10,0,5,3"/>
                                <Rectangle Stroke="White" Fill="DarkSlateGray" Grid.Column="1" Grid.Row="1" Margin="10,0,5,3"/>
                                
                                <TextBlock Text="RESET" Grid.Row="2" Grid.Column="0" FontSize="10" Foreground="White">
                                        <TextBlock.RenderTransform>
                                                <TransformGroup>
                                                        <RotateTransform Angle="180" />
                                                        <TranslateTransform X="34" Y="10"/>
                                                </TransformGroup>
                                        </TextBlock.RenderTransform>
                                </TextBlock>
                                <TextBlock Text="BOOT" Grid.Row="2" Grid.Column="1" FontSize="10" Foreground="White">
                                        <TextBlock.RenderTransform>
                                                <TransformGroup>
                                                        <RotateTransform Angle="180" />
                                                        <TranslateTransform X="34" Y="10"/>
                                                </TransformGroup>
                                        </TextBlock.RenderTransform>
                                </TextBlock>
                            </Grid>
                                <Rectangle Grid.Column="8" Fill="Goldenrod" Margin="10, 0, 20, 5"/>
                        </Grid>
                                
                        <Grid DockPanel.Dock="Bottom" Height="50" Background="#333333">
                                <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="3*"/>
                                        <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>
                                <Grid Grid.Column="1" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="1" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                                <Grid Grid.Column="2" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="2" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                                <Grid Grid.Column="3" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="3" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                                <Grid Grid.Column="4" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="4" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                                <Grid Grid.Column="5" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="5" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                                <Grid Grid.Column="6" Background="#00AA66" Margin="0, 5, 0, 0">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle Grid.Column="0" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="1" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                        <Rectangle Grid.Column="2" Fill="#333333" Width="10" Height="15" Margin="0, 0, 0, 5"/>
                                </Grid>
                                <Grid Grid.Column="6" Background="#10CC99" Grid.Row="1">
                                        <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Ellipse Grid.Column="0" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="1" Fill="#AAAAAA" Width="18" Margin="3"/>
                                        <Ellipse Grid.Column="2" Fill="#AAAAAA" Width="18" Margin="3"/>
                                </Grid>
                        </Grid>
                        <DockPanel DockPanel.Dock="Left" Background="DarkSlateGray">
                                <Grid DockPanel.Dock="Left" Width="620" Margin="0, 15, 50, 15" Background="#444444">
                                        <Grid.RowDefinitions>
                                                <RowDefinition Height="1.5*"/>
                                                <RowDefinition Height="5*"/>
                                                <RowDefinition Height="2.15*"/>
                                        </Grid.RowDefinitions>
                                        
                                        <Grid Grid.Row="0">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="3*"/>
                                                        <ColumnDefinition Width="2*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="1.5*"/>
                                                        <ColumnDefinition Width="2*"/>
                                                        <ColumnDefinition Width="1.8*"/>
                                                        <ColumnDefinition Width="1.8*"/>
                                                        <ColumnDefinition Width="1.8*"/>
                                                </Grid.ColumnDefinitions>
                                                
                                                <Grid Grid.Column="0" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="RS485" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="65" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,6"/>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="1" Margin="6,0,6,6"/>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="2" Margin="6,0,6,6"/>
                                                </Grid>
                                                <Grid Grid.Column="1" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8"/>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="2" Margin="6,0,6,8"/>
                                                        <TextBlock Text="DC 7±36V" Grid.Row="1" Grid.Column="0" FontSize="7" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <TranslateTransform X="-55" Y="-15"/>
                                                                                <RotateTransform Angle="180" />
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                </Grid>
                                                <Grid Grid.Column="2" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="TXD" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="30" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8"/>
                                                </Grid>
                                                <Grid Grid.Column="3" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="RXD" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="30" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8"/>
                                                </Grid>
                                                <Grid Grid.Column="4" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="PWR" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="30" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8"/>
                                                </Grid>
                                                <Grid Grid.Column="5" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="RGB" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="30" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Ellipse Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8"/>
                                                </Grid>
                                                <Grid Grid.Column="6" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="USB" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="35" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Rectangle Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8" RadiusX="3" RadiusY="3"/>
                                                </Grid>
                                                <Grid Grid.Column="7" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="BUZZER" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="55" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Rectangle Fill="Black" Height="20" Grid.Column="0" Margin="6,0,6,8" RadiusX="3" RadiusY="3"/>
                                                </Grid>
                                                <Grid Grid.Column="8" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="RESET" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="45" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Rectangle Fill="Black" Width="25" Grid.Column="0" Margin="6,5,6,8" RadiusX="3" RadiusY="3"/>
                                                </Grid>
                                                <Grid Grid.Column="9" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="BOOT" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="45" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Rectangle Fill="Black" Width="25" Grid.Column="0" Margin="6,5,6,8" RadiusX="3" RadiusY="3"/>
                                                </Grid>
                                                <Grid Grid.Column="10" Margin="1,0,1,0" Background="#20CC33">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="2*"/>
                                                                <RowDefinition Height="*"/>
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Text="ANT" Grid.Row="1" Grid.Column="0" FontSize="13" Foreground="White">
                                                                <TextBlock.RenderTransform>
                                                                        <TransformGroup>
                                                                                <RotateTransform Angle="180" />
                                                                                <TranslateTransform X="40" Y="15"/>
                                                                        </TransformGroup>
                                                                </TextBlock.RenderTransform>
                                                        </TextBlock>
                                                        <Rectangle Fill="Black" Width="25" Grid.Column="0" Margin="6,5,6,8" RadiusX="3" RadiusY="3"/>
                                                </Grid>
                                        </Grid>
                                        <Grid Grid.Row="1">
                                                <Grid.RowDefinitions>
                                                        <RowDefinition Height="3*"/>
                                                        <RowDefinition Height="*"/>
                                                        <RowDefinition Height="0.2*"/>
                                                        <RowDefinition Height="0.2*"/>
                                                        <RowDefinition Height="3*"/>
                                                </Grid.RowDefinitions>
                                                
                                                <TextBlock Grid.Row="0" Text="WAVESHARE" Foreground="White" TextAlignment="Center" FontSize="30" Margin="0, 40, 0, 0"/>
                                                <TextBlock Grid.Row="1" Text="share awesome hardware" Foreground="White" TextAlignment="Center" FontSize="15.5" Margin="0, 0, 0, 0"/>
                                                <Rectangle Grid.Row="2" Fill="#20CC33" Margin="150, 0, 150 ,2"/>
                                                <Rectangle Grid.Row="3" Fill="#20CC33" Margin="150, 0, 150 ,2"/>
                                                <TextBlock Grid.Row="4" Text="ESP32-S3-Relay-6CH" Foreground="White" TextAlignment="Center" FontSize="35" FontStyle="Italic" FontWeight="SemiBold" Margin="0, 0, 0, 0"/>
                                        </Grid>
                                        <Grid Grid.Row="2">
                                                <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                        <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                
                                                <Grid Grid.Column="0" Background="{Binding Ch6Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH6" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                                <Grid Grid.Column="1" Background="{Binding Ch5Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH5" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                                <Grid Grid.Column="2" Background="{Binding Ch4Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH4" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                               <Grid Grid.Column="3" Background="{Binding Ch3Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH3" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                                <Grid Grid.Column="4" Background="{Binding Ch2Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH2" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                                
                                                <Grid Grid.Column="5" Background="{Binding Ch1Active, Converter={StaticResource BooleanToBrushConverter}}">
                                                        <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                                <ColumnDefinition Width="*"/>
                                                        </Grid.ColumnDefinitions>
                                                        <Grid.RowDefinitions>
                                                                <RowDefinition Height="40" />
                                                                <RowDefinition Height="*" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock Grid.Row="0" Foreground="White"  Background="#444444" FontSize="20" Text="CH1" Grid.ColumnSpan="3" TextAlignment="Center"/>
                                                        
                                                        <Rectangle Grid.Row="1" Grid.Column="0"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="1"  Stroke="White" StrokeThickness="1.5"/>
                                                        <Rectangle Grid.Row="1" Grid.Column="2"  Stroke="White" StrokeThickness="1.5"/>
                                                        
                                                        <Ellipse Grid.Row="1" Grid.Column="0" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1"  Grid.Column="1" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                        <Ellipse Grid.Row="1" Grid.Column="2" Stroke="White" Margin="10, 4, 10, 20" StrokeThickness="1.5"/>
                                                </Grid>
                                        </Grid>
                                </Grid>
                                <Rectangle DockPanel.Dock="Right" Width="30" Height="280" Fill="#3A3A3A"/>
                        </DockPanel>
                </DockPanel>
                <Ellipse Width="300" Height="300" Visibility="{Binding LEDElementVisible}">
                        <Ellipse.RenderTransform>
                                <TranslateTransform X="25" Y="-230" />
                        </Ellipse.RenderTransform>
                        <Ellipse.Fill>
                                <RadialGradientBrush 
                                        GradientOrigin="0.5,0.5" 
                                        Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
                                        <RadialGradientBrush.GradientStops>
                                                <GradientStop Color="#5555FF" Offset="0" />
                                                <GradientStop Offset="1" />
                                        </RadialGradientBrush.GradientStops>
                                </RadialGradientBrush>
                        </Ellipse.Fill>
                </Ellipse>
        </Grid>
</Window>