ELK/Furnace/FurnaceUI/Views/Operations/LoadUnloadStateView.xaml

<UserControl x:Class="FurnaceUI.Views.Operations.LoadUnloadStateView"
             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:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             Height="650" Width="1100">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="100"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Canvas Grid.Row="1" Grid.Column="0">
            <TextBlock Text="Load Port1" Margin="235,-30,0,0"  Visibility="{Binding IsLoadPort}"></TextBlock>
            <ListView  Name="ValveType" Width="450" Height="400" HorizontalContentAlignment="Stretch" ItemsSource="{Binding ValveTemplateColumn}" Margin="50,0,0,0">
                <ListView.View>
                    <GridView>
                        <GridView.Columns>
                            <GridViewColumn Width="145">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Usage" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                            <GridViewColumn Width="145">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Carrier ID" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                            <GridViewColumn Width="159">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Wafer" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                        </GridView.Columns>
                    </GridView>
                </ListView.View>
            </ListView>
            <Button Content="Cancel Unloading" Canvas.Left="210" Canvas.Top="430" Height="45"></Button>
        </Canvas>
        <Canvas Grid.Row="1" Grid.Column="1" Visibility="{Binding IsLoadPort}">
            <TextBlock Text="Load Port2" Margin="235,-30,0,0"></TextBlock>
            <ListView   Width="450" Height="400" HorizontalContentAlignment="Stretch" ItemsSource="{Binding ValveTemplateColumn}" Margin="50,0,0,0">
                <ListView.View>
                    <GridView>
                        <GridView.Columns>
                            <GridViewColumn Width="145">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Usage" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                            <GridViewColumn Width="145">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Carrier ID" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                            <GridViewColumn Width="159">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBlock Text="{Binding DisplayName}" FontSize="16"></TextBlock>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                                <GridViewColumn.Header>
                                    <TextBlock Text="Wafer" Foreground="Black" FontSize="16"></TextBlock>
                                </GridViewColumn.Header>
                            </GridViewColumn>
                        </GridView.Columns>
                    </GridView>
                </ListView.View>
            </ListView>
            <Button Content="Cancel Unloading" Canvas.Left="210" Canvas.Top="430" Height="45"></Button>
        </Canvas>
        <Canvas>
            <Button Canvas.Left="470" Canvas.Top="580" Content="Cancel All" Width="140" Height="45">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="CancelAllCmd">

                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button Canvas.Left="950" Canvas.Top="580" Content="Close" Width="140" Height="45">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="CloseCmd">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button Canvas.Left="625" Canvas.Top="580" Content="No Port InDication" Width="140" Height="45" Visibility="{Binding IsBtnNoPort}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchButton">
                            <cal:Parameter Value="No Port"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button Canvas.Left="625" Canvas.Top="580" Content="Port InDication" Width="140" Height="45" Visibility="{Binding IsBtnPort}">
                <!--<i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchButton">
                            <cal:Parameter Value="No Port"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>-->
            </Button>
            <Button Canvas.Left="790" Canvas.Top="580" Content="Loading Rsv." Width="140" Height="45" Visibility="{Binding IsBtnLoading}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchButton">
                            <cal:Parameter Value="Loading"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button Canvas.Left="780" Canvas.Top="580" Content="Unloading Rsv. Index" Width="155" Height="45" Visibility="{Binding IsUnloading}">
                <!--<i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="UnloadingCmd">
                            <cal:Parameter Value="Loading"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>-->
            </Button>
        </Canvas>
    </Grid>
</UserControl>