CyberX8/CyberX8_Themes/UserControls/LoaderWaferHolderFlowControl.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.LoaderWaferHolderFlowControl"
             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:converters="clr-namespace:CyberX8_Themes.Converters"
             xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
             xmlns:local="clr-namespace:CyberX8_Themes.UserControls"
             mc:Ignorable="d" Name="self"
             d:DesignHeight="340" d:DesignWidth="400">
    <UserControl.Resources>
        <converters:BoolToColor x:Key="boolToColor"/>
    </UserControl.Resources>
    <Grid>
        <GroupBox Header="Wafer Shuttle Flow Test"  Background="{DynamicResource Table_BD_Title}" BorderBrush="DarkGray">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="160"></RowDefinition>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150"></ColumnDefinition>
                    <ColumnDefinition Width="200"></ColumnDefinition>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Label Grid.Row="0" Grid.Column="0" Content="Flow" VerticalAlignment="Center" Margin="2" FontSize="14" FontWeight="Bold"/>
                <WrapPanel Grid.Row="0" Grid.Column="1" VerticalAlignment="Center" Margin="0,0,5,0">
                    <TextBlock Width="80" Text="{Binding ElementName=self,Path=LeakFlow, StringFormat=\{0:F2\},Mode=TwoWay}" Background="Black" Foreground="Lime" FontSize="16" FontWeight="Bold"/>
                    <TextBlock Width="59" Text="sccm" Background="Black" Foreground="Lime" FontSize="16" FontWeight="Bold" Margin="2,0,0,0"/>
                </WrapPanel>
                <Label Grid.Row="1" Grid.Column="0" Content="Vacuum" VerticalAlignment="Center" Margin="2" FontSize="14" FontWeight="Bold"/>
                <WrapPanel Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Margin="0,0,5,0">
                    <TextBlock Width="80" Text="{Binding ElementName=self,Path=LeakVacuumValue, StringFormat=\{0:F2\},Mode=TwoWay}" Background="Black" Foreground="Lime" FontSize="16" FontWeight="Bold"/>
                    <TextBlock Width="58" Text="mmHg" Background="Black" Foreground="Lime" FontSize="16" FontWeight="Bold" Margin="2,0,0,0"/>
                </WrapPanel>
                <Label Grid.Row="2" Grid.Column="0" Content="Flow Clamp" VerticalAlignment="Center" Margin="2,0,50,0" FontSize="14" FontWeight="Bold"/>
                <Ellipse Grid.Row="2"  Grid.Column="0" Width="16" Height="16"  Fill="{Binding LeakFlowClamp, Converter={StaticResource boolToColor}, ElementName=self}"   Stroke="Silver" Margin="124,7,0,7" HorizontalAlignment="Left"/>
                <Button Grid.Row="2" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="On" Click="FlowClampOn_Click" HorizontalAlignment="Left" />
                <Button Grid.Row="2" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="Off" Click="FlowClampOff_Click" HorizontalAlignment="Left" Margin="96,0,0,0" />

                <Label Grid.Row="3" Grid.Column="0" Content="Vacuum" VerticalAlignment="Center" Margin="2" FontSize="14" FontWeight="Bold"/>
                <Ellipse Grid.Row="3"  Grid.Column="0" Width="16" Height="16"  Fill="{Binding LeakVacuum, Converter={StaticResource boolToColor}, ElementName=self}" HorizontalAlignment="Left"  Stroke="Silver" Margin="124,7,0,7"/>
                <Button Grid.Row="3" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="On" Click="VacuumOn_Click" HorizontalAlignment="Left" />
                <Button Grid.Row="3" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="Off" Click="VacuumOff_Click" HorizontalAlignment="Left" Margin="96,0,0,0" />

                <Label Grid.Row="4" Grid.Column="0" Content="Flow Test" VerticalAlignment="Center" Margin="2" FontSize="14" FontWeight="Bold"/>
                <Button Grid.Row="4" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="Start" IsEnabled="{Binding ElementName=self,Path=IsFlowStartEnabled}" Click="StartFlow_Click" HorizontalAlignment="Left" />
                <Button Grid.Row="4" Grid.Column="1" Width="40" Height="30" Style="{StaticResource SysBtnStyle}" Content="Stop" IsEnabled="{Binding ElementName=self,Path=IsFlowStopEnabled}" Click="StopFlow_Click" HorizontalAlignment="Left" Margin="96,0,0,0" />

                <Label Grid.Row="5" Grid.Column="0" Content="Status" VerticalAlignment="Center" Margin="2" FontSize="14" FontWeight="Bold"/>
                <TextBlock Grid.Row="5" Width="80" VerticalAlignment="Center" Text="{Binding LeakStatus, ElementName=self, StringFormat=\{0:F2\},Mode=TwoWay}" Background="Black" Foreground="Lime" FontSize="14" FontWeight="Bold" Margin="60,0,10,0"/>
                <Label Grid.Row="5" Grid.Column="1" Content="Major" VerticalAlignment="Center" Margin="2,0,104,0" FontSize="14" FontWeight="Bold"/>
                <TextBlock Grid.Row="5" Grid.Column="1" VerticalAlignment="Center" Text="{Binding LeakMajor, ElementName=self, StringFormat=\{0:F2\},Mode=TwoWay}" Background="Black" Foreground="Lime" FontSize="14" FontWeight="Bold" Margin="56,0,100,0"/>
                <Label Grid.Row="5" Grid.Column="1" Content="Minor" VerticalAlignment="Center" Margin="96,0,10,0" FontSize="14" FontWeight="Bold"/>
                <TextBlock Grid.Row="5" Grid.Column="1" VerticalAlignment="Center" Grid.ColumnSpan="2" Text="{Binding LeakMinor, ElementName=self, StringFormat=\{0:F2\},Mode=TwoWay}" Background="Black" Foreground="Lime" FontSize="14" FontWeight="Bold" Margin="150,0,25,0"/>
                <Grid Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="3">
                    <lvc:CartesianChart LegendLocation="Top" Hoverable="True" Height="130">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries Title="Flow"  Width="1"  Values="{Binding ValueSeries,Mode=TwoWay}"    LineSmoothness="1" DataLabels="True"/>
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis  LabelsRotation="0" Labels="{Binding LabelSeries}"  FontSize="15" Foreground="Black">
                                <lvc:Axis.Separator>
                                    <lvc:Separator Step="1"/>
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                </Grid>


            </Grid>
        </GroupBox>
    </Grid>
</UserControl>