ELK/Furnace/FurnaceUI/Views/Jobs/CreateJobView.xaml

<UserControl x:Class="FurnaceUI.Views.Jobs.CreateJobView"
             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.Jobs" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             Height="665" Width="1000">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.25*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="0.8*"/>
            <RowDefinition Height="70"/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" Grid.Column="0" BorderBrush="Orange" Background="LightGoldenrodYellow" BorderThickness="1" Margin="-320,-20,0,0" Width="640" Height="50" CornerRadius="6">
            <TextBlock Width="610" HorizontalAlignment="Center" VerticalAlignment="Center" Text="Execute proccess. Select materials to be used and the recipe" FontSize="20"></TextBlock>
        </Border>
        <Border Grid.Row="1" Grid.Column="0">
            <Grid Margin="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="45"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid Grid.ColumnSpan="2" Margin="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="150"/>
                        <ColumnDefinition Width="130"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="130"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Border BorderBrush="Black" BorderThickness="1,1,1,1" Grid.Column="1">
                        <Label Content="CJ ID" Style="{DynamicResource Label_Title}" Background="{DynamicResource MainArea_BG}"/>
                    </Border>
                    <Border BorderBrush="Black" BorderThickness="0,1,1,1" Grid.Column="2">
                        <TextBox Text="{Binding CJID ,UpdateSourceTrigger=PropertyChanged}"  TextAlignment="Center"  Margin="2,2,2,2" FontSize="18"/>
                    </Border>
                    <Border BorderBrush="Black" BorderThickness="1,1,1,1" Grid.Column="4">
                        <Label Content="PJ ID" Style="{DynamicResource Label_Title}" Background="{DynamicResource MainArea_BG}"/>
                    </Border>
                    <Border BorderBrush="Black" BorderThickness="0,1,1,1" Grid.Column="5">
                        <TextBox  Text="{Binding PJID,UpdateSourceTrigger=PropertyChanged}" TextAlignment="Center" Margin="2,2,2,2" FontSize="18"/>
                    </Border>
                </Grid>

                <Button Content="Materials" Height="45" Width="130" Grid.Row="1" Grid.Column="0">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="MaterialSelect"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button Content="Select M" Height="45" Width="130" Grid.Row="2" Grid.Column="0">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="SelectM"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <DataGrid Grid.Row="1" CanUserResizeColumns="False" AutoGenerateColumns="False" BorderBrush="Black" BorderThickness="1"  CanUserReorderColumns="False" Grid.Column="1" Grid.RowSpan="2" Margin="2"  CanUserAddRows="False" CanUserDeleteRows="False" ItemsSource="{Binding SelectCarrierList}">
                    <DataGrid.Columns>
                        <DataGridTemplateColumn Width="200" Header="No">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding No}" FontSize="18" TextAlignment="Center"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <DataGridTemplateColumn Width="160" Header="Type">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding Type}" FontSize="18" TextAlignment="Center"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <DataGridTemplateColumn Width="240" Header="Carrier ID">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding CarrierID}" FontSize="18" TextAlignment="Center"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <DataGridTemplateColumn Width="240" Header="Selected Slot">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding StrSlot}" ToolTip="{Binding StrSlot}" FontSize="18" TextAlignment="Center"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <!--<DataGridTemplateColumn Width="240" Header="LoadPort No">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding LoadPortNo}" FontSize="18" TextAlignment="Center"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>-->
                    </DataGrid.Columns>
                </DataGrid>
            </Grid>

        </Border>
        <Border Grid.Row="2" Grid.Column="0">
            <Canvas>
                <Grid Height="240" Width="700" Canvas.Left="20" Canvas.Top="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="70"/>
                        <RowDefinition Height="70"/>
                        <RowDefinition Height="70"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <Border Grid.Row="3" Grid.Column="0">
                        <TextBlock Text="Layout Recipe" FontSize="20" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                    </Border>
                    <Border Grid.Row="2" Grid.Column="0">
                        <TextBlock Text="Process Recipe" FontSize="20" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                    </Border>
                    <Border Grid.Row="1" Grid.Column="0" Margin="10,10,0,10">
                        <Button Content="Job Recipe Select" FontSize="20">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="SelectJobRecipe"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Border>

                    <Border Grid.Row="3" Grid.Column="2" CornerRadius="6" BorderBrush="Green" BorderThickness="2" Margin="10,10">
                        <TextBox Tag="None" FontSize="20" Text="{Binding CurrentRecipe.LayoutRecipe}" IsEnabled="False"></TextBox>
                    </Border>
                    <Border Grid.Row="2" Grid.Column="2" CornerRadius="6" BorderBrush="Green" BorderThickness="2" Margin="10,10">
                        <TextBox Tag="None" FontSize="20" Text="{Binding CurrentRecipe.ProcessRecipe}" IsEnabled="False"></TextBox>
                    </Border>
                    <Border Grid.Row="1" Grid.Column="2" CornerRadius="6" BorderBrush="Green" BorderThickness="2" Margin="10,10">
                        <TextBox Tag="None" FontSize="20" Text="{Binding CurrentRecipe.Name}" IsEnabled="False"></TextBox>
                    </Border>
                </Grid>
                <Button Content="Check" FontSize="30" Canvas.Left="848" Canvas.Top="22" Height="50" Width="120" Visibility="Hidden">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="Check">
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Canvas>
        </Border>
        <DockPanel Grid.Row="3" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,0,0">
            <Border>
                <Button Content="Close"   Margin="-1200,0,20,0" Width="130" Height="45">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="ClosedCmd">
                                <cal:Parameter Value="Close"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Border>

            <Border>
                <Button Content="PJ Variable"   Margin="0,0,20,0" Width="130" Height="45" Visibility="Hidden">
                    <!--<i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="EXECCmd">
                                <cal:Parameter Value="EXEC"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>-->
                </Button>
            </Border>
            <Border>
                <Button Content="EXEC"   Margin="0,0,20,0" Width="130" Height="45">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="EXECCmd">
                                <cal:Parameter Value="EXEC"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Border>
        </DockPanel>
    </Grid>
</UserControl>