CyberX8/CyberX8_Themes/UserControls/ReservoirMetal.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.ReservoirMetal"
             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" 
             d:DesignHeight="320" d:DesignWidth="80"
             x:Name="metal">
    <UserControl.Resources>
        <converters:BoolToColor x:Key="boolToColor"/>
        <ContextMenu x:Key="AnodeOperation" >
            <MenuItem   Header="Fill" Click="Fill_Click" ></MenuItem>
            <MenuItem   Header="Drain" Click="Drain_Click"></MenuItem>
            <MenuItem   Header="Stop"  Click="Stop_Click"></MenuItem>
        </ContextMenu>
        <Style x:Key="MetalColor" TargetType="Polygon">
            <Style.Setters>
                <Setter Property="Fill" Value="Gray"></Setter>
            </Style.Setters>
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=metal, Path=IsOpen}" Value="True">
                    <Setter Property="Fill" Value="LimeGreen"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding ElementName=metal, Path=IsOpen}" Value="False">
                    <Setter Property="Fill" Value="Gray"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="MetalColor1" TargetType="Polygon">
            <Style.Setters>
                <Setter Property="Fill" Value="DimGray"></Setter>
            </Style.Setters>
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=metal, Path=IsOpen}" Value="True">
                    <Setter Property="Fill" Value="Green"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding ElementName=metal, Path=IsOpen}" Value="False">
                    <Setter Property="Fill" Value="DimGray"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>
    <Viewbox Stretch="Fill">
        <Canvas Width="80" Height="320">
            <StackPanel>
                <Image Width="80" Height="50" Source="pack://application:,,,/CyberX8_Themes;component/Themes/Images/parts/Metal.png"></Image>
            </StackPanel>
            <Border Canvas.Left="26" Canvas.Top="48" Width="28" Height="260" BorderThickness="0.5" BorderBrush="Black">
            </Border>
            <Polygon Points="0,0 27,0 27,259.5 0,259.5" Style="{StaticResource MetalColor}" Canvas.Left="26.5" Canvas.Top="48">
            </Polygon>
            <Polygon Points="0,0 2,0 2,260 0,260" Style="{StaticResource MetalColor1}" Canvas.Left="26.5" Canvas.Top="48">
            </Polygon>
            <Polygon Points="0,0 2,0 2,260 0,260" Style="{StaticResource MetalColor1}"  Canvas.Left="51.5" Canvas.Top="48">
            </Polygon>
            <Polygon Points="0,0 27,0 27,20 0,20" Style="{StaticResource MetalColor1}"  Canvas.Left="27.5" Canvas.Top="288">
            </Polygon>
            <Label Canvas.Top="25" Canvas.Left="30" Width="20" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" 
                   ContextMenu="{StaticResource AnodeOperation}"
                   Content="{Binding ElementName=metal,Path=LabelValue}">

            </Label>
            <Ellipse Canvas.Top="249" Canvas.Left="32" Width="16" Height="16"  Fill="{Binding IsMetalCellHigh,ElementName=metal, Converter={StaticResource boolToColor}}"  Stroke="Silver" HorizontalAlignment="Center" VerticalAlignment="Top"/>
            <Ellipse Canvas.Top="270" Canvas.Left="32" Width="16" Height="16"  Fill="{Binding IsMetalCellLow,ElementName=metal, Converter={StaticResource boolToColor}}"   Stroke="Silver" HorizontalAlignment="Center" VerticalAlignment="Top"/>
            <Label Visibility="{Binding ElementName=metal,Path=IsShowSignal,Converter={StaticResource bool2VisibilityConverter}}" Canvas.Top="269" Canvas.Left="-3"  Content="Low" FontSize="12" FontWeight="Bold" HorizontalContentAlignment="Left" VerticalAlignment="Top" HorizontalAlignment="Left"/>
            <Label Visibility="{Binding ElementName=metal,Path=IsShowSignal,Converter={StaticResource bool2VisibilityConverter}}" Canvas.Top="245" Canvas.Left="-6"  Content="High" FontSize="12" FontWeight="Bold" HorizontalContentAlignment="Left" VerticalAlignment="Top" HorizontalAlignment="Left"/>
        </Canvas>
    </Viewbox>
</UserControl>