ELK/Furnace/FurnaceUI/Views/Recipes/RecipeLayoutView.xaml

<UserControl
    x:Class="FurnaceUI.Views.Recipes.RecipeLayoutView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:editors="clr-namespace:MECF.Framework.UI.Client.CenterViews.Editors;assembly=MECF.Framework.UI.Client"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:local="clr-namespace:FurnaceUI.Views.Recipes"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:micro="http://www.caliburn.org"
    Width="1280"
    Height="820"
    FontFamily="Segoe"
    mc:Ignorable="d">
    <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"
                    Width="14"
                    Height="12"
                    Margin="2,0,0,0"
                    VerticalAlignment="Center"
                    Source="/MECF.Framework.UI.Client;component/Resources/Images/Folder_Close.png" />
                <TextBlock
                    Width="200"
                    Margin="5,0,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    FontSize="15"
                    Text="{Binding Name}" />

            </StackPanel>
            <HierarchicalDataTemplate.Triggers>
                <Trigger Property="IsEnabled" Value="false">
                    <Setter TargetName="ExpandImage" Property="Image.Source" 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
                    Width="13"
                    Height="16"
                    HorizontalAlignment="Left"
                    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"
                    Stretch="Fill"
                    Stroke="#FF454545" />
                <TextBlock
                    Width="200"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    FontFamily="Segoe"
                    FontSize="15"
                    Text="{Binding Name}"
                    TextAlignment="Left" />
                <TextBlock
                    Width="100"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="15"
                    Text="{Binding Level}"
                    TextAlignment="Center" />
                <TextBlock
                    Width="100"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="15"
                    Text="{Binding Revisor}"
                    TextAlignment="Center" />
                <!--<TextBlock Width="100" Text="{Binding Permission}" FontSize="15"  VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>-->
                <TextBlock
                    Width="300"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="15"
                    Text="{Binding Description}"
                    TextAlignment="Center" />
                <TextBlock
                    Width="300"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="15"
                    Text="{Binding ReviseTime}"
                    TextAlignment="Center" />

            </StackPanel>
        </HierarchicalDataTemplate>
        <editors:FolderOrFileTemplateSelector
            x:Key="FolderFileTemplateSelector"
            FileTemplate="{StaticResource FileTemplate}"
            FolderTemplate="{StaticResource FolderTemplate}" />
        <Style BasedOn="{StaticResource ExScrollViewer}" TargetType="ScrollViewer" />
        <Style BasedOn="{StaticResource ExScrollBar}" TargetType="ScrollBar" />
    </UserControl.Resources>
    <Grid IsEnabled="{Binding IsPermission}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="200" />
        </Grid.ColumnDefinitions>

        <TabControl
            Grid.Column="0"
            Margin="0,-1,0,-10"
            Padding="0"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Stretch"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch"
            ItemsSource="{Binding ProcessTypeFileList}"
            SelectedIndex="{Binding ProcessTypeIndexSelection, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
            <TabControl.ItemContainerStyle>
                <Style TargetType="{x:Type TabItem}">
                    <Setter Property="Visibility" Value="Collapsed" />
                </Style>
            </TabControl.ItemContainerStyle>
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock>
                        <TextBlock.Text>
                            <MultiBinding StringFormat="{}{0} {1}">
                                <Binding Path="ProcessType" />
                                <Binding Source="Recipe" />
                            </MultiBinding>
                        </TextBlock.Text>
                    </TextBlock>
                </DataTemplate>
            </TabControl.ItemTemplate>
            <TabControl.ContentTemplate>
                <DataTemplate>
                    <ScrollViewer
                        Width="Auto"
                        Height="Auto"
                        Margin="0,0,0,0"
                        PanningMode="VerticalOnly"
                        CanContentScroll="True"
                        HorizontalScrollBarVisibility="Auto"
                        VerticalScrollBarVisibility="Auto">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="240" />
                                <ColumnDefinition Width="100" />
                                <ColumnDefinition Width="105" />

                                <ColumnDefinition Width="310" />
                                <ColumnDefinition Width="310" />
                            </Grid.ColumnDefinitions>
                            <Border
                                Grid.Column="0"
                                BorderBrush="Black"
                                BorderThickness="0,0,1,1">
                                <TextBlock
                                    Margin="0,0,0,0"
                                    Style="{StaticResource TextBlock_Top}"
                                    Text="Name"
                                    TextAlignment="Center" />
                            </Border>
                            <Border
                                Grid.Column="1"
                                BorderBrush="Black"
                                BorderThickness="0,0,1,1">
                                <TextBlock
                                    Margin="0,0,0,0"
                                    Block.TextAlignment="Center"
                                    Style="{StaticResource TextBlock_Top}"
                                    Text="Level" />
                            </Border>
                            <Border
                                Grid.Column="2"
                                BorderBrush="Black"
                                BorderThickness="0,0,1,1">
                                <TextBlock
                                    Margin="0,0,0,0"
                                    Block.TextAlignment="Center"
                                    Style="{StaticResource TextBlock_Top}"
                                    Text="Owner" />
                            </Border>
                            <!--<Border Grid.Column="3" BorderBrush="Black"  BorderThickness="0,0,1,1">
                                <TextBlock Style="{StaticResource TextBlock_Top}" Block.TextAlignment="Center"   Text="Permission" Margin="0,0,0,0"/>
                            </Border>-->
                            <Border
                                Grid.Column="3"
                                BorderBrush="Black"
                                BorderThickness="0,0,1,1">
                                <TextBlock
                                    Margin="0,0,0,0"
                                    Block.TextAlignment="Center"
                                    Style="{StaticResource TextBlock_Top}"
                                    Text="Description" />
                            </Border>
                            <Border
                                Grid.Column="4"
                                BorderBrush="Black"
                                BorderThickness="0,0,1,1">
                                <TextBlock
                                    Margin="0,0,0,0"
                                    Block.TextAlignment="Center"
                                    Style="{StaticResource TextBlock_Top}"
                                    Text="Date" />
                            </Border>
                            <TreeView
                                x:Name="RecipeTree1"
                                Grid.Row="1"
                                Grid.ColumnSpan="6"
                                Height="790"
                                Margin="0"
                                VerticalAlignment="Stretch"
                                ItemTemplateSelector="{StaticResource FolderFileTemplateSelector}"
                                ScrollViewer.PanningMode="VerticalOnly"
                                ItemsSource="{Binding FileListByProcessType}"
                                ScrollViewer.HorizontalScrollBarVisibility="Hidden"
                                ScrollViewer.VerticalScrollBarVisibility="Auto"
                                Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}, Path=DataContext}"
                                VirtualizingPanel.IsVirtualizing="True"
                                VirtualizingPanel.VirtualizationMode="Recycling">
                                <TreeView.ItemContainerStyle>
                                    <Style BasedOn="{StaticResource TreeViewItemExtend}" TargetType="{x:Type TreeViewItem}">
                                        <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                                        <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                                    </Style>
                                </TreeView.ItemContainerStyle>
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="SelectedItemChanged">
                                        <micro:ActionMessage MethodName="TreeSelectChanged">
                                            <micro:Parameter Value="{Binding SelectedItem, ElementName=RecipeTree1}" />
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </TreeView>
                        </Grid>
                    </ScrollViewer>
                </DataTemplate>
            </TabControl.ContentTemplate>

            <i:Interaction.Triggers>
                <i:EventTrigger EventName="SelectionChanged">
                    <micro:ActionMessage MethodName="TabSelectionChanged" />
                </i:EventTrigger>
            </i:Interaction.Triggers>

        </TabControl>

        <Grid Grid.Column="1" Margin="0,13">

            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />

                <RowDefinition />
                <RowDefinition />
                <RowDefinition />

                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />

                <RowDefinition />
            </Grid.RowDefinitions>

            <!--<Button Grid.Row="0" Margin="10,3" Content="Select Recipe Type" Command="{Binding SelectRecipeTypeCommand}"></Button>-->
            <Button
                Grid.Row="0"
                Margin="10,3"
                Command="{Binding SelectRecipeTypeCommand}"
                Content="Select Recipe Type" />

            <Button
                Grid.Row="1"
                Margin="10,3"
                Command="{Binding NewFolderCommand}"
                Content="New Folder" />

            <Button
                Grid.Row="2"
                Margin="10,3"
                Command="{Binding DeleteFolderCommand}"
                Content="Delete Folder"
                IsEnabled="{Binding IsCurrentNodePath}" />
            <Button
                Grid.Row="3"
                Margin="10,3"
                Command="{Binding RenameFolderCommand}"
                Content="Rename Folder"
                IsEnabled="{Binding IsCurrentNodePath}" />
            <Button
                Grid.Row="4"
                Margin="10,3"
                Command="{Binding NewRecipeCommand}"
                Content="New Recipe" />
            <Button
                Grid.Row="5"
                Margin="10,3"
                Command="{Binding DeleteRecipeCommand}"
                Content="Delete Recipe"
                IsEnabled="{Binding IsFreePermission}" />
            <Button
                Grid.Row="6"
                Margin="10,3"
                Command="{Binding EditRecipeCommand}"
                Content="Edit Recipe"
                IsEnabled="{Binding IsReadAndWritePermission}" />
            <Button
                Grid.Row="7"
                Margin="10,3"
                Command="{Binding RenameRecipeCommand}"
                Content="Rename Recipe"
                IsEnabled="{Binding IsReadAndWritePermission}" />
            <Button
                Grid.Row="8"
                Margin="10,3"
                Command="{Binding SaveAsRecipeCommand}"
                Content="Copy Recipe"
                IsEnabled="{Binding IsReadAndWritePermission}" />
            <Button
                Grid.Row="9"
                Margin="10,3"
                Command="{Binding ViewRecipeCommand}"
                Content="View Recipe"
                IsEnabled="{Binding IsCurrentNodeFile}" />
            <Button
                Grid.Row="10"
                Margin="10,3"
                Command="{Binding ChangePermission}"
                Content="Change Property"
                IsEnabled="{Binding IsSelectPermission, UpdateSourceTrigger=PropertyChanged}" />
        </Grid>

    </Grid>
</UserControl>