ApolloNewWorld/FurnaceNewWorld/UIModules/DataLogModule/Views/DataLogOpretionLog.xaml

<UserControl x:Class="DataLogModule.Views.DataLogOpretionLog"
             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:DataLogModule.Views"
            xmlns:convert="clr-namespace:DataLogModule.Converter"
            mc:Ignorable="d" 
            d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <convert:AlarmTypeToIcon x:Key="Alarm2Icon"/>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="8">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto" MinWidth="240"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.ColumnSpan="3" HorizontalAlignment="Center" FontSize="14">Query Condition</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center">Start Time</TextBlock>
                    <Button Grid.Row="2" Grid.Column="2" Style="{StaticResource FunctionButton}">00:00:00</Button>

                    <TextBlock Grid.Row="4" VerticalAlignment="Center">End Time</TextBlock>
                    <Button Grid.Row="4" Grid.Column="2" Style="{StaticResource FunctionButton}">00:00:00</Button>
                </Grid>
            </Border>

            <Border Grid.Row="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock Grid.ColumnSpan="3" HorizontalAlignment="Center" FontSize="14">Query Operation</TextBlock>
                    <UniformGrid Grid.Row="2" Columns="2" Margin="-2,0">
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">Alarm</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">Warning</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">Information</CheckBox>
                    </UniformGrid>
                </Grid>
            </Border>

            <Border Grid.Row="4" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.ColumnSpan="3" HorizontalAlignment="Center" FontSize="14">Extra Condition</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center">Key Words</TextBlock>
                    <TextBox Grid.Row="2" Grid.Column="2" VerticalContentAlignment="Center">AAA</TextBox>
                </Grid>
            </Border>

            <Grid Grid.Row="6">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Button Style="{StaticResource FunctionButton}" Height="28" Margin="4">Query</Button>
                <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Height="28" Margin="4">Export</Button>
            </Grid>

            <Border Grid.Row="8" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="24"/>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="32"/>
                    </Grid.RowDefinitions>

                    <TextBlock HorizontalAlignment="Center" FontSize="14">Filter Condition</TextBlock>

                    <TextBlock Grid.Row="2" VerticalAlignment="Center">System:</TextBlock>

                    <UniformGrid Grid.Row="4" Columns="2">
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}" Height="36">System</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">CassetteRobot</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">WaferRobot</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">Boat</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">StageA</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">StageB</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">SMIFA</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">SMIFB</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">PM1</CheckBox>
                        <CheckBox Margin="2" Style="{StaticResource FunctionCheckBox}">All</CheckBox>
                    </UniformGrid>

                    <Grid Grid.Row="6">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Row="6" VerticalAlignment="Center">Key Words</TextBlock>
                        <TextBox Grid.Row="6" Grid.Column="2" VerticalContentAlignment="Center">AAA</TextBox>
                    </Grid>

                    <Button Grid.Row="8" Style="{StaticResource FunctionButton}">Filter</Button>
                </Grid>
            </Border>

        </Grid>

        <Border Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <Grid Margin="8">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="8"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock>
                    <Run>Total:</Run>
                    <Run Text="{Binding Logs.Length}"></Run>
                </TextBlock>
                <DataGrid Grid.Row="2" Style="{StaticResource ThemeDataGrid}" ItemsSource="{Binding Logs}">
                    <DataGrid.Columns>
                        <DataGridTemplateColumn >
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Image Source="{Binding AlarmType, Converter={StaticResource Alarm2Icon}}" Width="24" Margin="4"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>

                        <DataGridTextColumn Header="Type" MinWidth="96" Binding="{Binding AlarmType}"/>
                        <DataGridTextColumn Header="Time" MinWidth="140" Binding="{Binding Time, StringFormat=yyyy/MM/dd HH:mm:ss}"/>
                        <DataGridTextColumn Header="System" MinWidth="96" Binding="{Binding System}"/>
                        <DataGridTextColumn Header="Description" Width="*" Binding="{Binding Description}"/>
                    </DataGrid.Columns>
                </DataGrid>
            </Grid>
        </Border>


    </Grid>
</UserControl>