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

<UserControl x:Class="FurnaceUI.Views.Recipes.ProcessRecipeView"
             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.Recipes" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
             xmlns:cal="http://www.caliburn.org" 
               xmlns:editors="clr-namespace:MECF.Framework.UI.Client.CenterViews.Editors;assembly=MECF.Framework.UI.Client"
             mc:Ignorable="d" 
                Height="560" Width="1000" FontFamily="Segoe">
    <UserControl.Resources>
        <HierarchicalDataTemplate x:Key="FolderTemplate" ItemsSource="{Binding Files}" >
            <StackPanel Orientation="Horizontal"   Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}, Path=DataContext}">
                <Image x:Name="ExpandImage"  Source="/MECF.Framework.UI.Client;component/Resources/Images/Folder_Close.png" Width="14" Height="12" Margin="2,0,0,0" VerticalAlignment="Center"/>
                <TextBlock Width="200" Text="{Binding Name}" FontSize="15" Margin="5,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>

            </StackPanel>
            <HierarchicalDataTemplate.Triggers>
                <Trigger Property="IsEnabled" Value="false">
                    <Setter Property="Image.Source" TargetName="ExpandImage" Value="/MECF.Framework.UI.Client;component/Resources/Images/Folder_Unable.png"/>
                </Trigger>
            </HierarchicalDataTemplate.Triggers>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="FileTemplate" ItemsSource="{Binding Files}">
            <StackPanel  Orientation="Horizontal" Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}, Path=DataContext}">
                <Path Data="M0.5,5.125 L5.125,5.125 5.125,0.5 M5.1,0.5 L15.5,0.5 15.5,19.5 0.5,19.5 C0.5,14.7 0.5,10 0.5,5.1 2,3.6 3.6,2 5.1,0.5 z M8.1,8.5 L8.2,8.5 z M8.1,11.5 L8.2,11.5 z M8.1,14.5 L8.2,14.5 z" Fill="#FFF3F3F3" HorizontalAlignment="Left" Stretch="Fill" Stroke="#FF454545" Width="13" Height="16"/>
                <TextBlock Width="300" Text="{Binding Name}" FontSize="15" FontFamily="Segoe" Margin="5,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>

                <TextBlock Width="100" Text="LEVEL1" FontSize="15" Margin="5,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                <TextBlock Width="100" Text="Part" FontSize="15" Margin="5,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                <TextBlock Width="100" Text="Free" FontSize="15" Margin="5,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"/>

            </StackPanel>
        </HierarchicalDataTemplate>
        <editors:FolderOrFileTemplateSelector x:Key="FolderFileTemplateSelector" FolderTemplate="{StaticResource FolderTemplate}" FileTemplate="{StaticResource FileTemplate}"/>
    </UserControl.Resources>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition Height="430"/>
            <RowDefinition Height="50"/>
        </Grid.RowDefinitions>
        <Button Grid.Row="0" Style="{StaticResource PageTitleButton}" Content="Process Recipe"  Width="250" HorizontalAlignment="Left" Margin="10" />
        <!--<DataGrid  x:Name="DGProcessRecipe"  Grid.Row="1">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Recipe name" Width="120"/>
                <DataGridTextColumn Header="Privilege" Width="120"/>
                <DataGridTextColumn Header="Status" Width="120"/>
                <DataGridTextColumn Header="Protection"/>
                <DataGridTextColumn Header="Command"  Width="320"/>
            </DataGrid.Columns>
        </DataGrid>-->
        <TreeView Grid.Row="1"  ItemsSource="{Binding ProcessTypeFileList}">
            <TreeView.ItemTemplate>
                <DataTemplate>
                    <ScrollViewer Grid.Row="1" Height="Auto" Width="Auto" Margin="0,0,0,0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                        <TreeView  x:Name="RecipeTree1" Margin="0"  VerticalAlignment="Stretch"
                                  ItemsSource="{Binding FileListByProcessType}"  
                                  ItemTemplateSelector="{StaticResource FolderFileTemplateSelector}"
                                  Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}, Path=DataContext}"
                                  VirtualizingPanel.IsVirtualizing="True" 
                                  VirtualizingPanel.VirtualizationMode="Recycling" 
                                  Height="{Binding Path=ActualHeight,ElementName=PART_BORDER, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" >
                            <TreeView.ItemContainerStyle>
                                <Style TargetType="{x:Type TreeViewItem}" BasedOn="{StaticResource TreeViewItemExtend}">
                                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"></Setter>
                                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"></Setter>
                                </Style>
                            </TreeView.ItemContainerStyle>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="SelectedItemChanged">
                                    <cal:ActionMessage MethodName="TreeSelectChanged">
                                        <cal:Parameter Value="{Binding SelectedItem, ElementName=RecipeTree1}" />
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </TreeView>
                    </ScrollViewer>
                </DataTemplate>
            </TreeView.ItemTemplate>
            
        </TreeView>
        
        <DockPanel Grid.Row="2" Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Bottom">
            <Border Margin="4">
                <Button Content="Recipe&#13;attribute" Style="{StaticResource CommandButton}"/>
            </Border>
            <Border  Margin="4">
                <Button Content="VIEW">
                   
                </Button>
            </Border>
            <Border  Margin="4">
                <Button Content="EDIT">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="RecipeEdit"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Border>
        </DockPanel>
    </Grid>
</UserControl>