ELK/Furnace/FurnaceUI/Views/Editors/RecipeCommandView.xaml

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeCommandView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:cal="http://www.caliburn.org" xmlns:editors="clr-namespace:FurnaceUI.Views.Editors" xmlns:controls="http://OpenSEMI.Ctrlib.com/presentation" d:DataContext="{d:DesignInstance Type=editors:RecipeCommandViewModel}"
             mc:Ignorable="d" 
             Height="740" Width="1000" FontFamily="Segoe" >
    <Canvas>


        <Grid HorizontalAlignment="Center" VerticalAlignment="Top" Width="990" Height="748">
            <Grid.RowDefinitions>
                <RowDefinition Height="0.8*"/>
                <RowDefinition Height="0.2*"/>
                <RowDefinition Height="0.2*"/>
            </Grid.RowDefinitions>

            <Grid  Grid.Row="0" Grid.Column="0" Margin="0,0,0,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>

                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="100"/>
                    <RowDefinition Height="50"/>

                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <Border Grid.Row="0" Grid.Column="0" Margin="10" Visibility="{Binding NoneBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="None" Width="300" GroupName="RecipeCommand" Content="None">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>


                <Border Grid.Row="1" Grid.Column="0" Margin="10" Visibility="{Binding ResetBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="Reset" Width="300" GroupName="RecipeCommand" Content="Reset">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Border Grid.Row="1" Grid.Column="1"  Margin="10" Visibility="{Binding JumpStepBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton Width="300" x:Name="JumpStep" GroupName="RecipeCommand" Content="Jump Step">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Button Grid.Column="1" Grid.Row="2"   Visibility="{Binding JumpStepTextVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}" Content="{Binding JumpStepText, UpdateSourceTrigger=PropertyChanged}" Height="35" Margin="104,8,106,7"  >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="ShowRecipeLoopSetView">
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <Border Grid.Row="2" Grid.Column="0"  Margin="10" Visibility="{Binding EndBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="End" Width="300" GroupName="RecipeCommand" Content="End">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Border Grid.Row="3" Grid.Column="0"  Margin="10"  Visibility="{Binding HoldBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="Hold" Width="300"  GroupName="RecipeCommand" Content="Hold">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Border Grid.Row="4" Grid.Column="0"  Margin="10" Visibility="{Binding BuzzerBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="Buzzer" Width="300"  GroupName="RecipeCommand" Content="Buzzer">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>


                <Border Grid.Row="3" Grid.Column="1"  Margin="10" Grid.RowSpan="3" Visibility="{Binding CallSubRecipeBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <StackPanel Orientation="Vertical">
                        <RadioButton Width="300" Height="35" x:Name="CallSubRecipe" GroupName="RecipeCommand" Content="Call Sub Recipe">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Checked">
                                    <cal:ActionMessage MethodName="SetCommand">
                                        <cal:Parameter Value="$source"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </RadioButton>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}">
                            <Border BorderThickness="1" BorderBrush="Black" Width="110" Height="35" Margin="0,10,1,0" Background="{DynamicResource Table_BG_Title}">
                                <Label Content="Recipe Name:" VerticalContentAlignment="Center" HorizontalContentAlignment="Right"/>
                            </Border>
                            <Button Content="{Binding SubRecipeTableIndex}"  Width="190" Height="35" Margin="0,10,0,0" >
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <cal:ActionMessage MethodName="SelectTable"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}">
                            <Border  BorderThickness="1" BorderBrush="Black" Width="110" Height="35" Margin="0,10,1,0" Background="{DynamicResource Table_BG_Title}">
                                <Label Content="Loop Count:" VerticalContentAlignment="Center" HorizontalContentAlignment="Right"/>
                            </Border>
                            <controls:TextBoxEx x:Name="SubRecipeLoopCount" Tag="Number" Text="{Binding SubRecipeLoopCount,UpdateSourceTrigger=PropertyChanged}" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" MinValue="0" MaxValue="999999" EditBoxMode="UnSignInteger"  Width="190" Height="35" Margin="0,10,0,0"/>
                        </StackPanel>
                    </StackPanel>
                </Border>

                <Border Grid.Row="6" Grid.Column="1" Margin="10" Visibility="{Binding LoopStepBtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="LoopStep"  Width="300"  GroupName="RecipeCommand" Content="Loop Step">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>


                <Border Grid.Row="7" Grid.Column="1" Margin="10" Visibility="{Binding RdoLoopVisibility}" IsEnabled="{Binding IsEnable}">

                    <StackPanel Orientation="Horizontal" Width="300">
                        <Button Content="{Binding LoopStepStr}" Width="130">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="LoopStepSelectChick">
                                        <cal:Parameter Value="$source"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <TextBlock Width="40" Text="X" VerticalAlignment="Center" Block.TextAlignment="Center"/>
                        <controls:TextBoxEx  Tag="Number" Text="{Binding LoopCount,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MinValue="0" MaxValue="999999" EditBoxMode="UnSignInteger" Width="130"/>
                    </StackPanel>
                </Border>

                <Border Grid.Row="6" Margin="10" Visibility="{Binding LeakCheck1BtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton x:Name="LeakCheck1"  Width="300"  GroupName="RecipeCommand" Content="Leak Check1">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>




                <Border Grid.Row="7" Margin="10" Visibility="{Binding LeakCheck2BtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton Width="300" x:Name="LeakCheck2"  GroupName="RecipeCommand" Content="Leak Check2">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Border Grid.Row="8" Margin="10" Visibility="{Binding LeakCheck3BtnVisibility, Converter={StaticResource bool2VisibilityConverter}}" IsEnabled="{Binding IsEnable}">
                    <RadioButton Width="300" x:Name="LeakCheck3"  GroupName="RecipeCommand" Content="Leak Check3">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <cal:ActionMessage MethodName="SetCommand">
                                    <cal:Parameter Value="$source"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </RadioButton>
                </Border>

                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}" Grid.Column="1" Margin="90,4,404,10" Grid.Row="3" Grid.RowSpan="3"/>
                <Border  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"  Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}"   Grid.Column="1" Margin="404,5,90,10" Grid.Row="3" Grid.RowSpan="3"/>
                <Border  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"  Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}" Grid.Column="1" Margin="91,4,90,0" Grid.Row="3" Height="1" VerticalAlignment="Top"/>
                <Border  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"  Visibility="{Binding IsSubRecipePage, Converter={StaticResource bool2VisibilityConverter}}" Grid.Column="1" Margin="90,40,90,0" Grid.Row="5" Height="1" VerticalAlignment="Top"/>


                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Visibility="{Binding RdoLoopVisibility}" Grid.Column="1" Margin="90,4,404,3" Grid.Row="6" Grid.RowSpan="2"/>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Visibility="{Binding RdoLoopVisibility}" Grid.Column="1" Margin="405,0,89,0" Grid.Row="6" Grid.RowSpan="2" Height="94" VerticalAlignment="Center"/>
                <Border  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Visibility="{Binding RdoLoopVisibility}" Grid.Column="1" Margin="91,4,90,0" Grid.Row="6" Height="1" VerticalAlignment="Top"/>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Visibility="{Binding RdoLoopVisibility}" Grid.Column="1" Margin="91,46,90,3" Grid.Row="7" >

                </Border>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"   Visibility="{Binding JumpStepTextVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}"  Grid.Column="1" Margin="94,48,90,0" Grid.Row="2" Height="1" VerticalAlignment="Top"/>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"   Visibility="{Binding JumpStepTextVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}"  Grid.Column="1" Margin="404,6,90,2" Grid.RowSpan="2" Grid.Row="1"/>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"  Visibility="{Binding JumpStepTextVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}"  Grid.Column="1" Margin="94,6,400,2" Grid.RowSpan="2" Grid.Row="1"/>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}"  Visibility="{Binding JumpStepTextVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}"  Grid.Column="1" Margin="94,5,90,0" Grid.Row="1" Height="1" VerticalAlignment="Top"/>

            </Grid>


            <StackPanel Grid.Row="1"  Margin=" 20,0,20,0">
                <TextBlock Text="Description" FontSize="14"/>
                <TextBox Height="Auto" TextWrapping="Wrap" MinHeight="60" MinLines="2"/>
            </StackPanel>

            <Button Width="130" Margin="0,10,0,0" Height="45" Grid.Row="2" Content="Close" Style="{StaticResource CommandButton}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="RecipeCommandClose">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Grid>
    </Canvas>

</UserControl>