Software/Visual_Studio/PPC/Modules/Tango.PPC.Events/Views/MainView.xaml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111

<UserControl x:Class="Tango.PPC.Events.Views.MainView"
             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:vm="clr-namespace:Tango.PPC.Events.ViewModels"
             xmlns:global="clr-namespace:Tango.PPC.Events"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:local="clr-namespace:Tango.PPC.Events.Views"
             mc:Ignorable="d" 
             d:DesignHeight="1280" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=vm:MainViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MainViewVM}">

    <UserControl.Resources>

        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../Resources/Styles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>

    <Grid Background="{StaticResource TangoMidBackgroundBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>

        <Border Padding="20" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="0 0 0 1" BorderBrush="{StaticResource TangoDividerBrush}">
            <Border.Effect>
                <DropShadowEffect Color="Silver" ShadowDepth="0" BlurRadius="20" Opacity="1" />
            </Border.Effect>
            <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoHeaderFontSize}" FontWeight="SemiBold">Events</TextBlock>
        </Border>

        <Grid Grid.Row="1">
            <touch:LightTouchDataGrid SelectionChanged="dataGridEvent_SelectionChanged" RenderOptions.EdgeMode="Unspecified" SelectionMode="Single" EnableDragAndDrop="False" Style="{StaticResource TangoEventsGrid}" x:Name="dataGridEvent" ItemsSource="{Binding CurrentEvents}" SelectedItem="{Binding SelectedEvent,Mode=TwoWay}" ItemSelectedCommand="{Binding EventSelectedCommand}" Margin="10">
                <touch:LightTouchDataGrid.Columns>
                    <touch:LightTouchDataGridColumn Width="120" Header="Severity" HorizontalContentAlignment="Center" SortMember="Category">
                        <touch:LightTouchDataGridColumn.CellTemplate>
                            <DataTemplate>
                                <touch:TouchIcon Width="32" Height="32" IsHitTestVisible="False">
                                    <touch:TouchIcon.Style>
                                        <Style TargetType="touch:TouchIcon">
                                            <Setter Property="Icon" Value="CheckCircleOutline"/>
                                            <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"/>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Category,Mode=OneWay}" Value="Warning">
                                                    <Setter Property="Icon" Value="AlertCircleOutline"/>
                                                    <Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Category,Mode=OneWay}" Value="Error">
                                                    <Setter Property="Icon" Value="AlertCircleOutline"/>
                                                    <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"/>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding Category,Mode=OneWay}" Value="Critical">
                                                    <Setter Property="Icon" Value="Alert"/>
                                                    <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"/>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </touch:TouchIcon.Style>
                                </touch:TouchIcon>
                            </DataTemplate>
                        </touch:LightTouchDataGridColumn.CellTemplate>
                    </touch:LightTouchDataGridColumn>
                    <touch:LightTouchDataGridColumn Width="1*" Header="Title" SortMember="Name" HorizontalContentAlignment="Left">
                        <touch:LightTouchDataGridColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock IsHitTestVisible="False" Text="{Binding Name,Mode=OneWay}"></TextBlock>
                            </DataTemplate>
                        </touch:LightTouchDataGridColumn.CellTemplate>
                    </touch:LightTouchDataGridColumn>
                    <touch:LightTouchDataGridColumn Width="100" Header="# Error Code." SortMember="Code" HorizontalContentAlignment="Center">
                        <touch:LightTouchDataGridColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock IsHitTestVisible="False">
                                    <Run>#</Run><Run Text="{Binding Code,Mode=OneWay}"></Run>
                                </TextBlock>
                            </DataTemplate>
                        </touch:LightTouchDataGridColumn.CellTemplate>
                    </touch:LightTouchDataGridColumn>
                    <touch:LightTouchDataGridColumn Width="200" Header="Date &amp; Time" SortMember="DateTime">
                        <touch:LightTouchDataGridColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock IsHitTestVisible="False" Text="{Binding DateTime,Converter={StaticResource DateTimeUTCToStringConverter},ConverterParameter=g}"></TextBlock>
                            </DataTemplate>
                        </touch:LightTouchDataGridColumn.CellTemplate>
                    </touch:LightTouchDataGridColumn>
                    <touch:LightTouchDataGridColumn Width="50" HorizontalContentAlignment="Center">
                        <touch:LightTouchDataGridColumn.CellTemplate>
                            <DataTemplate>
                                <touch:TouchIcon Width="24" Height="24">
                                    <touch:TouchIcon.Style>
                                        <Style TargetType="touch:TouchIcon">
                                            <Setter Property="Icon" Value="ChevronRight"></Setter>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=touch:LightTouchDataGridRow},Path=IsSelected}" Value="True">
                                                    <Setter Property="Icon" Value="ChevronDown"></Setter>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </touch:TouchIcon.Style>
                                </touch:TouchIcon>
                            </DataTemplate>
                        </touch:LightTouchDataGridColumn.CellTemplate>
                    </touch:LightTouchDataGridColumn>
                </touch:LightTouchDataGrid.Columns>
            </touch:LightTouchDataGrid>
        </Grid>
    </Grid>
</UserControl>