FurnaceELK/Furnace/FurnaceUI/Views/Operations/SelectProductAndMonitorChargeView.xaml

<UserControl x:Class="FurnaceUI.Views.Operations.SelectProductAndMonitorChargeView"
             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:FurnaceUI.Views.Operations"
             xmlns:cal="http://www.caliburn.org"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             mc:Ignorable="d"
             Height="360" Width="560" Background="{DynamicResource MainArea_BG}">
    <Grid>
        <Grid >
            <Grid.RowDefinitions>
                <RowDefinition Height="60"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBox Text="{Binding ShowTitle}" Margin="4"/>
            <!--Visibility="{Binding ProductAndMonitorVisibility}"-->
            <Grid Grid.Row="1" Visibility="{Binding ProductAndMonitorVisibility}">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.5*"/>
                    <ColumnDefinition Width="0.5*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="60"/>
                    <RowDefinition Height="60"/>
                    <RowDefinition Height="60"/>
                    <RowDefinition Height="60"/>
                    <RowDefinition Height="60"/>
                </Grid.RowDefinitions>
                <Border Grid.Column="0" Grid.Row="0" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="SideDummy&#13;  Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="SideDummy"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>
                <Border Grid.Column="0" Grid.Row="1" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="Product And Monitor&#13;         Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="ProductAndMonitor"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>
                <Border Grid.Column="1" Grid.Row="1" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="    All&#13;Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="All"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>
                <Border Grid.Column="0" Grid.Row="2" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="Product&#13;Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="Product"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>
                <Border Grid.Column="0" Grid.Row="3" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="Monitor1&#13; Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="Monitor1"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>
                <Border Grid.Column="1" Grid.Row="3" IsEnabled="{Binding IsEnabledAction}">
                    <Button Content="Monitor2&#13; Charge" Margin="3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="ChargeCommand">
                                    <cal:Parameter Value="Monitor2"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Border>

                <DockPanel Grid.Row="4"  Grid.ColumnSpan="2" >
                    <Canvas>
                        <Button Width="129" Height="45" Content="Cancel" Canvas.Left="210" Canvas.Top="5" Style="{StaticResource CommandButton}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="CancelCmd">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Canvas>
                </DockPanel>
            </Grid>
            <!--Visibility="{Binding BatchVisibility}"-->
            <Grid Grid.Row="1" Visibility="{Binding BatchVisibility}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="60"/>
                </Grid.RowDefinitions>
                <WrapPanel Orientation="Vertical">
                    <Button Margin="10" Height="88" Width="537" >
                        <Canvas>
                            <Border BorderBrush="Black" BorderThickness="1" Width="30" Height="30" Canvas.Left="-259" Canvas.Top="-36">
                                <TextBlock Text="1"/>
                            </Border>
                            <TextBox Width="30" Height="30" Text="a" Canvas.Left="-224" Canvas.Top="-36"/>

                            <TextBlock Text="GroupID Status" Canvas.Left="-146" Canvas.Top="-36"/>

                            <TextBlock Text="GroupID" Canvas.Left="54" Canvas.Top="-36"/>
                            <TextBox Text="READY" Canvas.Left="-146" Canvas.Top="-10" Height="30" Width="130"/>
                            <TextBox Text="READY" Canvas.Left="54" Canvas.Top="-15" Height="51" Width="203"/>

                        </Canvas>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="GroupIDCommand">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </WrapPanel>
                <DockPanel Grid.Row="1"  Grid.ColumnSpan="2" IsEnabled="{Binding IsEnable}">
                    <Canvas>
                        <Button Width="129" Height="45" Content="Back" Canvas.Left="110" Canvas.Top="5" Style="{StaticResource CommandButton}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="BackCmd">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button Width="129" Height="45" Content="Cancel" Canvas.Left="278" Canvas.Top="5" Style="{StaticResource CommandButton}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="CancelCmd">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Canvas>
                </DockPanel>
            </Grid>

        </Grid>




    </Grid>
</UserControl>