ApolloNewWorld/FurnaceNewWorld/UIModules/SummaryModule/Views/TempSub/TempMain.xaml

<UserControl x:Class="SummaryModule.Views.TempSub.TempMain"
             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.Views.TempSub"
             xmlns:control="clr-namespace:SummaryModule.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <Style x:Key="DataGridStyle1" TargetType="{x:Type DataGrid}">
                <Setter Property="ColumnHeaderStyle" Value="{DynamicResource ColumnHeaderStyle1}"/>
            </Style>
            <!-- DataGridColumnHeader style -->
            <Style x:Key="ColumnHeaderStyle1" TargetType="DataGridColumnHeader">
                <Setter Property="Height" Value="30"/>
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Foreground" Value="Black"/>
                <Setter Property="FontSize" Value="14"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="32"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <WrapPanel Grid.Row="0" Margin="-8,0,0,0">
            <control:Header_Content Height="32" Width="460" Margin="8" HorizontalAlignment="Left" Header="Control Mode:"/>
            <control:Header_Content Height="32" Width="460" Margin="8" Header="Temp Correct:"/>
            <control:Header_Content Height="32" Width="460" Margin="8" Header="Profile:"/>
            <control:Header_Content Height="32" Width="460" Margin="8" Header="PID:"/>
        </WrapPanel>


        <Grid Grid.Row="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="12"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition  Width="16"/>
                <ColumnDefinition Width="*" MaxWidth="480"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Row="0" >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="3*" MaxWidth="480"/>
                    <ColumnDefinition Width="4"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="4"/>
                    <ColumnDefinition  Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.Row="0" Height="32"  CornerRadius="4" Background="White">
                    <TextBlock Margin="16,0" VerticalAlignment="Center" FontSize="14"/>
                </Border>
                <CheckBox Grid.Column="2" Style="{StaticResource FunctionCheckBox}" >OutLine</CheckBox>
                <CheckBox Grid.Column="4" Style="{StaticResource FunctionCheckBox}" >Detail</CheckBox>
            </Grid>

            <DataGrid Style="{StaticResource ThemeDataGrid}" Grid.Row="2" Grid.Column="0" ItemsSource="{Binding TempData}" Background="Transparent">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Header="Zone" Width="48">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border Background="{StaticResource LightThemeColor}" Width="48" Height="64">
                                    <TextBlock FontSize="14" Margin="12" Foreground="{StaticResource ThemeColor}" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data1}"/>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Actual">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border Background="White" Margin="8,0" MinWidth="80" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data2, StringFormat=0.0}" Margin="16,4"/>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Set">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border Background="White" Margin="8,0" MinWidth="80" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data2, StringFormat=0.0}" Margin="16,4"/>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Rate (℃/min)">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="6"/>
                                        <RowDefinition Height="auto"/>
                                    </Grid.RowDefinitions>
                                    <Border Background="White" Margin="8,0" MinWidth="120" CornerRadius="4">
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data2, StringFormat=0.0}" Margin="16,4"/>
                                    </Border>
                                    <Border Grid.Row="2" Background="White" Margin="8,0" MinWidth="120" CornerRadius="4">
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data2, StringFormat=0.0}" Margin="16,4"/>
                                    </Border>
                                </Grid>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Power(%)">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Border Background="White" Margin="8,0" MinWidth="80" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data2, StringFormat=0.0}" Margin="16,4"/>
                                </Border>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Header="Dev">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <control:ValueBar Margin="8" Width="240" Height="36" MaxValue="9.9" Value="8"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>  
                </DataGrid.Columns>
            </DataGrid>

            <TextBlock Panel.ZIndex="1" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14">T.C Monitor (℃)</TextBlock>
            <Grid Panel.ZIndex="1" Grid.Row="2" Grid.Column="2" MaxWidth="320" MinWidth="260">
                <Grid.RowDefinitions>
                    <RowDefinition Height="28"/>
                    <RowDefinition Height="4"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Grid TextElement.FontSize="14">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Over Temp</TextBlock>
                    <TextBlock Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center">Heater</TextBlock>
                    <TextBlock Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">Cascade</TextBlock>
                </Grid>


                <ItemsControl Grid.Row="2" ItemsSource="{Binding TempData}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid Height="64">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition/>
                                    <ColumnDefinition Width="8"/>
                                    <ColumnDefinition/>
                                    <ColumnDefinition Width="8"/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <Border Width="64" Height="32" Background="White" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data1, StringFormat=0.0}"/>
                                </Border>
                                <Border Grid.Column="2" Height="32" Width="64" Background="White" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data1, StringFormat=0.0}"/>
                                </Border>
                                <Border Grid.Column="4" Height="32" Width="64" Background="White" CornerRadius="4">
                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Data1, StringFormat=0.0}"/>
                                </Border>
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel></StackPanel>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>
            </Grid>
            <Image Grid.Column="2" Grid.RowSpan="3" Source="/SummaryModule;component/Resources/Boat.png" HorizontalAlignment="Right"></Image>

        </Grid>

    </Grid>
</UserControl>