FurnaceELK/Furnace/FurnaceUI/Views/Recipes/RecipeTableSelectDialogView.xaml

<UserControl x:Class="FurnaceUI.Views.Recipes.RecipeTableSelectDialogView"
             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:convert="clr-namespace:FurnaceUI.Converter"
             mc:Ignorable="d" Width="900" Height="800">
    <DockPanel Margin="5">
        <Grid DockPanel.Dock="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="300"/>
                <ColumnDefinition Width="400"/>
                <ColumnDefinition Width="200"/>
            </Grid.ColumnDefinitions>
            <Border BorderBrush="Black" BorderThickness="1" Margin="5">
                <ListView Margin="5" ItemsSource="{Binding Recipe.Tables}" SelectedIndex="{Binding SelectedIndex, UpdateSourceTrigger=PropertyChanged}">
                    <ListView.ItemContainerStyle>
                        <Style TargetType="{x:Type ListViewItem}" BasedOn="{StaticResource ListViewItemStyle}">
                            <Style.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter  Property="Background" Value="{StaticResource Button_BG_Press}"/>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </ListView.ItemContainerStyle>
                    <ListView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel  Orientation="Vertical"  HorizontalAlignment="Center" Cursor="Hand"/>
                        </ItemsPanelTemplate>
                    </ListView.ItemsPanel>
                    <ListView.View>
                        <GridView>
                            <GridViewColumn Header="Select Table" Width="270">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                            <Label Content="{Binding Index}"/>
                                            <TextBlock Padding="5,6,0,0" Text="{Binding Name}"/>
                                        </StackPanel>
                                    </DataTemplate>

                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>

            </Border>
            <Border Grid.Column="1"  BorderBrush="Black" BorderThickness="1" Margin="5">
                <StackPanel Orientation="Vertical" Margin="5">
                    <StackPanel.Resources>
                        <Style TargetType="Label">
                            <Setter Property="HorizontalContentAlignment" Value="Center"/>
                            <Setter Property="VerticalContentAlignment" Value="Center"/>
                        </Style>
                        <Style TargetType="Border">
                            <Setter Property="BorderBrush" Value="{DynamicResource Table_BD}"/>
                            <Setter Property="Background" Value="{DynamicResource Table_BG_Title}"/>
                        </Style>
                    </StackPanel.Resources>
                    <StackPanel Orientation="Horizontal" Margin="1">
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1">
                            <Label Content="Table Name" Width="100"/>
                        </Border>
                        <TextBox Text="{Binding SelectedTable.Name, UpdateSourceTrigger=PropertyChanged}" Width="265" IsEnabled="{Binding IsEditEnable}"/>
                    </StackPanel>

                    <StackPanel Orientation="Horizontal" Margin="1" Visibility="{Binding IsAlarmRecipe, Converter={StaticResource bool2VisibilityConverter}}">
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1">
                            <Label Content="End Status" Width="auto"/>
                        </Border>
                        <TextBox Text="{Binding SelectedTable.EndStatus, UpdateSourceTrigger=PropertyChanged}" Width="265"/>
                    </StackPanel>

                    <ListView           ScrollViewer.CanContentScroll="True" 
ScrollViewer.VerticalScrollBarVisibility="Auto"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
HorizontalAlignment="Left"
 VirtualizingStackPanel.ScrollUnit="Pixel"
 Margin="1" Height="680" ItemsSource="{Binding SelectedTable.Steps}">

                        <ListView.View>
                            <GridView>
                                <GridView.Columns>
                                    <GridViewColumn Header="No" Width="40">
                                        <GridViewColumn.CellTemplate>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding Item1}"/>
                                            </DataTemplate>
                                        </GridViewColumn.CellTemplate>
                                    </GridViewColumn>
                                    <GridViewColumn Header="StepName" Width="322">
                                        <GridViewColumn.CellTemplate>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding Item2}"/>
                                            </DataTemplate>
                                        </GridViewColumn.CellTemplate>
                                    </GridViewColumn>
                                </GridView.Columns>

                            </GridView>
                        </ListView.View>
                    </ListView>
                </StackPanel>
            </Border>
            <Border Grid.Column="2" BorderBrush="Black" BorderThickness="1" Margin="5" IsEnabled="{Binding IsEditEnable}">
                <StackPanel Orientation="Vertical" Margin="5">
                    <Button Content="Copy" Margin="5" Height="40">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="Copy">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button Content="Paste" Margin="5" Height="40">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="Paste">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button Content="Clear" Margin="5" Height="40">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="Clear">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button Content="Not Select" Margin="5" Height="40">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="NotSelect">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </StackPanel>
            </Border>
        </Grid>
        <StackPanel Orientation="Horizontal" DockPanel.Dock="Bottom" HorizontalAlignment="Center" VerticalAlignment="Bottom">
            <Button Margin="5"  Content="Save"  Style="{StaticResource CommandButton}" Width="90" Height="35" Canvas.Left="80" Canvas.Top="10" IsEnabled="{Binding IsSaveEnabled}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SaveCmd">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button Margin="5" Content="Cancel"  Style="{StaticResource CommandButton}" Width="90" Height="35" Canvas.Left="190" Canvas.Top="10">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="CancelCmd"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </StackPanel>
    </DockPanel>
</UserControl>