ELK/Furnace/FurnaceUI/Controls/FOUPFrontView.xaml

<UserControl x:Class="FurnaceUI.Controls.Parts.FOUPFrontView"
             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:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburn.org" 
             xmlns:controls="http://OpenSEMI.Ctrlib.com/presentation"
             xmlns:local="clr-namespace:FurnaceUI.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">

    <Grid>
        <StackPanel>
            <!--<TextBlock Text="{Binding Title, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" FontFamily="Arial" Width="90" Height="16" TextAlignment="Center" FontSize="14" TextWrapping="Wrap" FontWeight="Bold" Foreground="Black" HorizontalAlignment="Center" VerticalAlignment="Center"/>-->

            <Border BorderThickness="1" BorderBrush="{DynamicResource FOUP_OuterBD}" Background="{DynamicResource FOUP_OuterBG}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="130" Margin="0,5">
                <Grid>
                    <Rectangle Fill="{DynamicResource FOUP_InnerBG}" Margin="5,5,15,5"/>
                    <Rectangle Fill="{DynamicResource FOUP_InnerGrow}" Margin="8,8,18,8">
                        <Rectangle.Effect>
                            <BlurEffect Radius="15"/>
                        </Rectangle.Effect>
                    </Rectangle>
                    <Grid Margin="5,10,0,2">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="8"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition Width="15"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock TextWrapping="Wrap" Text="{Binding UnitData.Status, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}},Converter={StaticResource FOUPStatusConverter}}" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Arial" FontSize="12" TextAlignment="Center" />
                        </Grid>
                        <StackPanel Grid.Row="1" VerticalAlignment="Top">
                            <ListBox ItemsSource="{Binding UnitData.WaferManager.Wafers, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
                                <ListBox.ItemTemplate>
                                    <DataTemplate>
                                        <Grid Height="20">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="108"/>
                                                <ColumnDefinition Width="15"/>
                                            </Grid.ColumnDefinitions>
                                            <Rectangle Height="3" Width="30" HorizontalAlignment="Left" Fill="{DynamicResource FOUP_PathBG}" VerticalAlignment="Bottom" >
                                                <Rectangle.Effect>
                                                    <DropShadowEffect Direction="270" BlurRadius="0" ShadowDepth="1"/>
                                                </Rectangle.Effect>
                                            </Rectangle>
                                            <Rectangle Height="3" Width="30" HorizontalAlignment="Right" Fill="{DynamicResource FOUP_PathBG}" VerticalAlignment="Bottom" >
                                                <Rectangle.Effect>
                                                    <DropShadowEffect Direction="270" BlurRadius="0" ShadowDepth="1"/>
                                                </Rectangle.Effect>
                                            </Rectangle>
                                            <controls:Slot ViewType="Front"  WaferStatus="{Binding WaferStatus}" SlotID="{Binding SlotID}" ModuleID="{Binding ModuleID}" SourceName="{Binding SourceName}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,8,0,0">
                                                <i:Interaction.Triggers>
                                                    <i:EventTrigger EventName="SlotMouseButtonDown">
                                                        <cal:ActionMessage MethodName="OnMouseUp">
                                                            <cal:Parameter Value="$source" />
                                                            <cal:Parameter Value="$eventargs" />
                                                        </cal:ActionMessage>
                                                    </i:EventTrigger>
                                                    <i:EventTrigger EventName="WaferTransferStarted">
                                                        <cal:ActionMessage MethodName="OnWaferTransfer">
                                                            <cal:Parameter Value="$eventargs" />
                                                        </cal:ActionMessage>
                                                    </i:EventTrigger>
                                                </i:Interaction.Triggers>
                                            </controls:Slot>
                                            <TextBlock x:Name="Foup_Text" HorizontalAlignment="Center" Grid.Column="1" TextWrapping="Wrap" Text="{Binding SlotIndex}" Background="#FF646464" Foreground="White" VerticalAlignment="Bottom" FontFamily="Arial" FontSize="10" Width="13" TextAlignment="Center">
                                            </TextBlock>
                                        </Grid>
                                        <DataTemplate.Triggers>
                                            <Trigger Property="IsMouseOver" Value="True">
                                                <Setter TargetName="Foup_Text" Property="Foreground" Value="White"/>
                                                <Setter TargetName="Foup_Text" Property="FontWeight" Value="Bold"/>
                                                <Setter TargetName="Foup_Text" Property="FontSize" Value="11"/>
                                                <Setter TargetName="Foup_Text" Property="Background" Value="Green"/>
                                            </Trigger>
                                        </DataTemplate.Triggers>
                                    </DataTemplate>
                                </ListBox.ItemTemplate>
                            </ListBox>
                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>
            <StackPanel.Style>
                <Style>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding UnitData.IsInstalled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" Value="False">
                            <Setter  Property ="StackPanel.Visibility" Value="Collapsed"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </StackPanel.Style>
        </StackPanel>
    </Grid>
</UserControl>