ApolloNewWorld/FurnaceNewWorld/UIModules/AlarmLogModule/Views/AlarmLogAlarm.xaml

<UserControl x:Class="AlarmLogModule.Views.AlarmLogAlarm"
             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:AlarmLogModule.Views"
             xmlns:convert="clr-namespace:AlarmLogModule.Convert"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <convert:AlarmTypeToBrush x:Key="alarmBrush"/>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="8">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="7*"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition Width="5*"/>
        </Grid.ColumnDefinitions>
        <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <Grid Margin="16">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="8"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <TextBlock FontSize="14" FontWeight="Bold">Alarm List</TextBlock>

                <DataGrid Grid.Row="2" Style="{StaticResource ThemeDataGrid}" ItemsSource="{Binding Alarms}" SelectedItem="{Binding Selected}" IsReadOnly="True">
                    <DataGrid.Columns>
                        <DataGridTemplateColumn Width="96" Header="Type">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border Background="{Binding AlarmType, Converter={StaticResource alarmBrush}}" Width="96">
                                        <TextBlock Text="{Binding AlarmType}" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8"/>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <DataGridTextColumn Header="Time" Width="170" Binding="{Binding Time, StringFormat=yyyy/MM/dd HH:mm:ss}"/>
                        <DataGridTextColumn Header="Description" MinWidth="320" Binding="{Binding Description}" Width="*"/>
                    </DataGrid.Columns>
                </DataGrid>
            </Grid>
        </Border>

        <Border Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <Grid Margin="16">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="8"/>
                    <RowDefinition/>
                    <RowDefinition Height="8"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <TextBlock FontSize="14" FontWeight="Bold">Detail</TextBlock>

                <Border Grid.Row="2" Background="White" CornerRadius="4">
                    <Grid Margin="16">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto" MinWidth="100"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock Grid.Column="0" Grid.Row="0">Event Type :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="0" Text="{Binding Selected.AlarmType}"/>

                        <TextBlock Grid.Column="0" Grid.Row="2">Event ID :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="2" Text="{Binding Selected.AlarmID}"/>

                        <TextBlock Grid.Column="0" Grid.Row="4">Time :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="4" Text="{Binding Selected.Time, StringFormat=yyyy/MM/dd HH:mm:ss}"/>

                        <TextBlock Grid.Column="0" Grid.Row="6">Description :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="6" Text="{Binding Selected.Description}"/>

                        <TextBlock Grid.Column="0" Grid.Row="8">Cause :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="8" Text="{Binding Selected.Cause}" TextWrapping="WrapWithOverflow"/>

                        <TextBlock Grid.Column="0" Grid.Row="10">Recovery :</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="10" Text="{Binding Selected.Recovery}" TextWrapping="WrapWithOverflow"/>
                    </Grid>
                </Border>

                <Grid Grid.Row="4">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition />
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <Button Height="32" Width="96" Style="{StaticResource FunctionButton}" Command="{Binding RemoveCommand}" CommandParameter="Clear">Clear</Button>
                    <Button Grid.Column="2" Height="32" Width="96" Style="{StaticResource FunctionButton}" Command="{Binding RemoveCommand}" CommandParameter="ClearAll">Clear All</Button>
                </Grid>
            </Grid>
        </Border>
    </Grid>
</UserControl>