ApolloNewWorld/FurnaceNewWorld/UIModules/SummaryModule/Controls/Status/BaseRecipe.xaml

<UserControl x:Class="SummaryModule.Controls.BaseRecipe"
             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:SummaryModule.Controls"
             x:Name="This"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="26"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="26"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition Width="86"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition Width="86"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center">Process Recipe</TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center">Remain Time</TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">Hold Time</TextBlock>

            <Border Grid.Row="2" Grid.Column="0" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.ProcessRecipe}"/>
            </Border>
            <Border Grid.Row="2" Grid.Column="2" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.ProcessRemainTime}"/>
            </Border>
            <Border Grid.Row="2" Grid.Column="4" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.HoldTime}"/>
            </Border>

            <TextBlock Grid.Row="4" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center">Step Name</TextBlock>
            <TextBlock Grid.Row="4" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center">Remain Time</TextBlock>
            <TextBlock Grid.Row="4" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">Next Step</TextBlock>

            <Border Grid.Row="6" Grid.Column="0" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.StepName}"/>
            </Border>
            <Border Grid.Row="6" Grid.Column="2" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.StepRemainTime}"/>
            </Border>
            <Border Grid.Row="6" Grid.Column="4" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.HoldTime}"/>
            </Border>
        </Grid>

        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="26"/>
            </Grid.RowDefinitions>

            <TextBlock Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center">Start Time</TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center">End Time</TextBlock>

            <Border Grid.Row="2" Grid.Column="0" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.RecipeStartTime, StringFormat=yy/MM/dd HH:mm:ss}"/>
            </Border>
            <Border Grid.Row="2" Grid.Column="2" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.RecipeEndTime, StringFormat=yy/MM/dd HH:mm:ss}"/>
            </Border>
        </Grid>

        <Grid Grid.Row="4" Height="26">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left">Loop</TextBlock>


            <Border  Grid.Column="2" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.LoopCount}"/>
            </Border>

            <TextBlock Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Left">Sub</TextBlock>

            <Border  Grid.Column="6" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding ElementName=This, Path=DataSource.SubRecipe}"/>
            </Border>
        </Grid>

        <Grid Grid.Row="6" Height="26">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="60"/>
                <ColumnDefinition Width="16"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Grid.Column="0" Background="White" CornerRadius="4">
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">
                    <Run  Text="{Binding ElementName=This, Path=DataSource.ProcessProgress}"></Run>
                    <Run>%</Run>
                </TextBlock>
            </Border>
            <ProgressBar Grid.Column="2" Height="16" Style="{StaticResource ThemeProgressBar}" Value="{Binding ElementName=This, Path=DataSource.ProcessProgress}"/>
        </Grid>
    </Grid>
</UserControl>