CyberX8/CyberX8_Themes/UserControls/SRDFlipperControl.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.SRDFlipperControl"
             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:CyberX8_Themes.UserControls"
             xmlns:converters="clr-namespace:CyberX8_Themes.Converters"
             mc:Ignorable="d" x:Name="self"
             d:DesignHeight="120" d:DesignWidth="580">
    <UserControl.Resources>
        <converters:BoolToColor x:Key="boolToColor"/>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="130"/>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        
                
        <Label Grid.Column="4" Content="1" FontSize="14" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" VerticalContentAlignment="Top"/>
        <Label Grid.Column="5" Content="2" FontSize="14" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" VerticalContentAlignment="Top"/>
        <Label Grid.Column="6" Content="3" FontSize="14" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" VerticalContentAlignment="Top"/>


        <Label Grid.Row="1" Grid.Column="0" Content="Flipper 150" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalContentAlignment="Center" VerticalAlignment="Center"/>
        <Button Grid.Row="1" Grid.Column="1" Style="{StaticResource SysBtnStyle}" Margin="10,0,10,0" Height="25" Width="100" HorizontalAlignment="Center" Content="In" Click="FlipperIn150_Click"/>
        <Button Grid.Row="1" Grid.Column="2" Style="{StaticResource SysBtnStyle}" Margin="10,0,10,0" Height="25" Width="100" HorizontalAlignment="Center" Content="Out" Click="FlipperOut150_Click"/>

        <Label Grid.Row="2" Grid.Column="0" Content="Flipper 200" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalContentAlignment="Center" VerticalAlignment="Center"/>
        <Button Grid.Row="2" Grid.Column="1" Style="{StaticResource SysBtnStyle}" Margin="10,0,10,0" Height="25" Width="100" HorizontalAlignment="Center" Content="In" Click="FlipperIn200_Click"></Button>
        <Button Grid.Row="2" Grid.Column="2" Style="{StaticResource SysBtnStyle}" Margin="10,0,10,0" Height="25" Width="100" HorizontalAlignment="Center" Content="Out" Click="FlipperOut200_Click"/>
        

        <Label Grid.Row="1" Grid.Column="3" Content="Out" FontSize="14" FontWeight="Bold" HorizontalAlignment="Right" VerticalContentAlignment="Center" VerticalAlignment="Center"/>
        <Ellipse Grid.Row="1" Grid.Column="4" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
    Fill="{Binding CommonData.Flipper1Out150Status, Converter={StaticResource boolToColor}, ElementName=self}"/>
        <Ellipse  Grid.Row="1" Grid.Column="5" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
        Fill="{Binding CommonData.Flipper2Out150Status, Converter={StaticResource boolToColor}, ElementName=self}"/>
        <Ellipse  Grid.Row="1" Grid.Column="6" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
        Fill="{Binding CommonData.Flipper3Out150Status, Converter={StaticResource boolToColor}, ElementName=self}"/>

        <Label Grid.Row="3" Grid.Column="3" Content="Out" FontSize="14" FontWeight="Bold" HorizontalAlignment="Right" VerticalContentAlignment="Center" VerticalAlignment="Center"/>
        <Ellipse Grid.Row="3" Grid.Column="4" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
        Fill="{Binding CommonData.Flipper1Out200Status, Converter={StaticResource boolToColor}, ElementName=self}"/>
        <Ellipse Grid.Row="3" Grid.Column="5" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
        Fill="{Binding CommonData.Flipper2Out200Status, Converter={StaticResource boolToColor}, ElementName=self}"/>
        <Ellipse Grid.Row="3" Grid.Column="6" Width="16" Height="16" HorizontalAlignment="Center" VerticalAlignment="Center" Stroke="Silver"
        Fill="{Binding CommonData.Flipper3Out200Status, Converter={StaticResource boolToColor}, ElementName=self}"/>
        
    </Grid>
</UserControl>