ApolloNewWorld/FurnaceNewWorld/UIModules/RecipeModule/Views/GeneralRecipe.xaml

<UserControl x:Class="RecipeModule.Views.GeneralRecipe"
             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:RecipeModule.Views"
             mc:Ignorable="d" 
             xmlns:dvm="clr-namespace:RecipeModule.ViewModels"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="8">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto" MinWidth="160"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition Width="auto"/>
        </Grid.ColumnDefinitions>
        <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <ListView ItemsSource="{Binding Directories}" Background="Transparent" BorderThickness="0" Margin="8" SelectedItem="{Binding SelectedRecipeDirectory}" GotFocus="ListView_GotFocus">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Grid Margin="4">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="24"/>
                                <ColumnDefinition Width="16"/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>

                            <Image Source="{StaticResource Icon_Folder2}"/>
                            <TextBlock Grid.Column="2" Text="{Binding Name}" FontSize="14" VerticalAlignment="Center"></TextBlock>
                        </Grid>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Border>

        <DataGrid Grid.Column="2" Style="{StaticResource ThemeDataGrid}" BorderThickness="0" ItemsSource="{Binding Recipes}" SelectedItem="{Binding SelectedRecipeInfo}" GotFocus="DataGrid_GotFocus">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Name" MinWidth="160">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Grid Height="32">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="24"/>
                                    <ColumnDefinition Width="8"/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <Image Source="{StaticResource Icon_Recipe}" Height="24"/>
                                <TextBlock Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Left" Text="{Binding Name}"></TextBlock>
                            </Grid>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

                <DataGridTextColumn Header="Owner" MinWidth="120" Binding="{Binding Owner}"/>
                <DataGridTextColumn Header="Description" Width="*"/>
                <DataGridTextColumn Header="Datetime" Width="160" Binding="{Binding DateTime, StringFormat=yyyy/MM/dd HH:mm:ss}"/>
            </DataGrid.Columns>
        </DataGrid>

        <Grid Grid.Column="4">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <UniformGrid Columns="1" IsEnabled="{Binding FolderEnabled}" x:Name="FolderButton">
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8">New Folder</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8">Delete Folder</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8">Rename Folder</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8">New Recipe</Button>
            </UniformGrid>

            <Button Grid.Row="2" Style="{StaticResource FunctionButton}" Height="48" Width="120" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Delete}">Delete Recipe</Button>
            <UniformGrid Grid.Row="4" Columns="1" IsEnabled="{Binding FileEnabled}" x:Name="RecipeButton">
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Edit}">Edit Recipe</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Rename}">Rename Recipe</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Copy}">Copy Recipe</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.View}">View Recipe</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Export}">Export</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.Change}">Change Property</Button>
                <Button Style="{StaticResource FunctionButton}" Height="48" Width="120" Margin="8" Command="{Binding RecipeOperateCommand}" CommandParameter="{x:Static dvm:RecipeOpreateEnum.History}">History</Button>
            </UniformGrid>
        </Grid>
    </Grid>
</UserControl>