CyberX8/CyberX8_Themes/UserControls/RecipeFileLoadControl.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.RecipeFileLoadControl"
             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:CyberX8_Themes.UserControls"
             xmlns:converters="clr-namespace:CyberX8_Themes.Converters"
             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
             mc:Ignorable="d" Name="self"
             d:DesignHeight="700" d:DesignWidth="400">
    <UserControl.Resources>
        <converters:RecipeIconConverter x:Key="recipeIconConverter"/>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"></RowDefinition>
            <RowDefinition Height="70"></RowDefinition>
            <RowDefinition Height="70"></RowDefinition>
            <RowDefinition/>
            <RowDefinition Height="70"></RowDefinition>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,0" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
            <Label Grid.Row="0" Content="{Binding ElementName=self,Path=Title}" VerticalContentAlignment="Center" HorizontalContentAlignment="Center"></Label>
        </Border>
        <Border Grid.Row="1" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,0" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
            <Grid>
                <Label FontSize="16" Content="Recipe Location:" Height="30" VerticalAlignment="Center" Margin="0,0,234,0" HorizontalAlignment="Left" Width="142"/>
                <TextBox  FontSize="16" Text="{Binding ElementName=self,Path=RecipeLocation}" Height="30" VerticalContentAlignment="Center"  HorizontalContentAlignment="Left" IsEnabled="False" Margin="147,18,0,19"/>
            </Grid>
        </Border>
        <Border Grid.Row="2" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,0" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
            <Grid>
                <Label FontSize="16" Content="Recipe Name:" Height="30" VerticalAlignment="Center"  HorizontalAlignment="Left"/>
                <TextBox FontSize="16" Text="{Binding ElementName=self,Path=RecipeFileName}" Height="30" VerticalContentAlignment="Center"  HorizontalContentAlignment="Left" IsEnabled="False" Margin="147,18,0,19"/>
            </Grid>
        </Border>
        <Border Grid.Row="3" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,0" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
            <TreeView  Margin="0,6" FontSize="16" BorderBrush="Black" Canvas.Top="140" Canvas.Left="4"  Background="LightSteelBlue" 
                       AllowDrop="True" ItemsSource="{Binding ElementName=self,Path=RecipeNodes}" SelectedValuePath="Data">
                <TreeView.ItemContainerStyle>
                    <Style TargetType="{x:Type TreeViewItem}">
                        <Setter Property="IsExpanded" Value="True" />
                        <Setter Property="FontWeight" Value="Normal" />
                        <Setter Property="IsSelected" Value="{Binding IsSelected,Mode=TwoWay}"/>
                        <Style.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="FontWeight" Value="Bold"/>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </TreeView.ItemContainerStyle>
                <TreeView.ItemTemplate>
                    <HierarchicalDataTemplate  ItemsSource="{Binding Children}">
                        <StackPanel Orientation="Horizontal">
                            <Image Width="16" Height="16" Source="{Binding NodeType,Converter={StaticResource recipeIconConverter}}" />
                            <TextBlock Text="{Binding Name}" HorizontalAlignment="Center" Margin="5,0">
                            </TextBlock>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseLeftButtonDown">
                                    <i:InvokeCommandAction Command="{Binding ElementName=self,Path=OperationCommand,UpdateSourceTrigger=PropertyChanged}" CommandParameter="{Binding Name}"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </StackPanel>
                    </HierarchicalDataTemplate>
                </TreeView.ItemTemplate>
            </TreeView>
        </Border>
        <Border Grid.Row="4" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,1,1,1" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
            <Grid>
                <Button Style="{StaticResource SysBtnStyle}"  Content="Create" VerticalAlignment="Center" HorizontalAlignment="Left" Height="34" Width="70" Margin="114,0,0,0"
                        Command="{Binding ElementName=self,Path=CreateCommand}"  IsEnabled="{Binding ElementName=self,Path=CreateEnable}"></Button>
                <Button Style="{StaticResource SysBtnStyle}"  Content="Edit" VerticalAlignment="Center" HorizontalAlignment="Right" Height="34" Width="70" Margin="0,0,114,0"
                        Command="{Binding ElementName=self,Path=EditCommand}" IsEnabled="{Binding ElementName=self,Path=EditEnable}"></Button>
            </Grid>
        </Border>
    </Grid>
</UserControl>