Virgo_Mask/VirgoUI/Models/Controls/EFEMFrontView.xaml

<UserControl x:Class="VirgoUI.Client.Models.Controls.EFEMFrontView"
             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:VirgoUI.Client.Models.Controls"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburn.org"     
             xmlns:ctrl="http://OpenSEMI.Ctrlib.com/presentation">
    <Grid x:Name="EFEM" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Text="Robot Side View" FontFamily="Arial" FontSize="14" Foreground="{DynamicResource FG_Black}" VerticalAlignment="Center" HorizontalAlignment="Center">
            <TextBlock.Style>
                <Style>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding ShowTitle,RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" Value="False">
                            <Setter Property="TextBlock.Visibility" Value="Collapsed" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </TextBlock.Style>
        </TextBlock>
        <Border Grid.Row="1" BorderThickness="1" BorderBrush="{DynamicResource FOUP_OuterBD}" Background="{DynamicResource FOUP_OuterBG}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="150" Margin="0,5">
            <Grid>
                <Rectangle Fill="{DynamicResource FOUP_InnerBG}" Margin="5"/>
                <Rectangle Fill="{DynamicResource FOUP_InnerGrow}" Margin="8">
                    <Rectangle.Effect>
                        <BlurEffect Radius="15"/>
                    </Rectangle.Effect>
                </Rectangle>
                <Grid Margin="0,10" Height="Auto">
                    <StackPanel>
                        <Grid Height="30" Visibility="{Binding DataContext.UpperArmVisibility, RelativeSource={RelativeSource AncestorType=UserControl}}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="42"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Upper" FontFamily="Arial" FontSize="12" 
                                      Foreground="{DynamicResource FG_Black}" 
                                      HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="0,0,5,0">
                                <ctrl:Slot ViewType="Front" x:Name="EFEMUpper" 
                                          DataContext="{Binding UnitData.WaferManager.Wafers[1]}"
                                          WaferStatus="{Binding WaferStatus}" 
                                          SlotID="{Binding SlotID}" 
                                          ModuleID="{Binding ModuleID}" 
                                          SourceName="{Binding SourceName}" 
                                          HorizontalAlignment="Center" VerticalAlignment="Top">
                                </ctrl:Slot>
                                <Rectangle Width="30" Height="3" Fill="{DynamicResource FOUP_PathBG}" Margin="0,2,0,0">
                                    <Rectangle.Effect>
                                        <DropShadowEffect Direction="270" BlurRadius="0" ShadowDepth="1"/>
                                    </Rectangle.Effect>
                                </Rectangle>
                            </StackPanel>
                        </Grid>

                        <Grid Height="30" Visibility="{Binding Datacontext.LowerArmVisibility, RelativeSource={RelativeSource AncestorType=UserControl}}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="42"/>
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Lower" FontFamily="Arial" FontSize="12" 
                                      Foreground="{DynamicResource FG_Black}" 
                                      HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="0,0,5,0">
                                <ctrl:Slot ViewType="Front" x:Name="EFEMLower" 
                                          DataContext="{Binding UnitData.WaferManager.Wafers[0]}"
                                          WaferStatus="{Binding WaferStatus}" 
                                          SlotID="{Binding SlotID}" 
                                          ModuleID="{Binding ModuleID}" 
                                          SourceName="{Binding SourceName}" 
                                          HorizontalAlignment="Center" VerticalAlignment="Top">
                                </ctrl:Slot>
                                <Rectangle Width="30" Height="3" Fill="{DynamicResource FOUP_PathBG}" Margin="0,2,0,0">
                                    <Rectangle.Effect>
                                        <DropShadowEffect Direction="270" BlurRadius="0" ShadowDepth="1"/>
                                    </Rectangle.Effect>
                                </Rectangle>
                            </StackPanel>
                        </Grid>
                    </StackPanel>
                </Grid>
            </Grid>
        </Border>
    </Grid>
</UserControl>