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
pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #336699 } /* Name.Variable.Class */
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
<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:enumerations="clr-namespace:Tango.PPC.Events.Enumerations"
             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">
            <DockPanel>

                <touch:TouchNavigationLinks ItemsSource="{Binding Source={x:Type enumerations:EventsSource},Converter={StaticResource EnumToItemsSourceConverter}}" SelectedValue="{Binding SelectedEventsSource}" SelectedValuePath="Value" DisplayMemberPath="DisplayName" DockPanel.Dock="Top" VerticalAlignment="Bottom" Margin="20" FontSize="{StaticResource TangoNavigationLinksFontSize}"></touch:TouchNavigationLinks>

                <Grid>
                    <Grid>
                        <Grid.Style>
                            <Style TargetType="Grid">
                                <Setter Property="Visibility" Value="Hidden"></Setter>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding SelectedEventsSource}" Value="CURRENT">
                                        <Setter Property="Visibility" Value="Visible"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Grid.Style>
                        <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}" 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 EventType.Title,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>
                        <Grid.Style>
                            <Style TargetType="Grid">
                                <Setter Property="Visibility" Value="Hidden"></Setter>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding SelectedEventsSource}" Value="HISTORY">
                                        <Setter Property="Visibility" Value="Visible"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Grid.Style>
                        <touch:LightTouchDataGrid x:Name="gridEventsHistory" SelectionChanged="gridEventsHistory_SelectionChanged" RenderOptions.EdgeMode="Unspecified" SelectionMode="Single" EnableDragAndDrop="False" Style="{StaticResource TangoEventsGrid}" ItemsSource="{Binding HistoryEvents}" SelectedItem="{Binding SelectedHistoryEvent,Mode=TwoWay}" 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 EventType.Title,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>
            </DockPanel>
        </Grid>
    </Grid>
</UserControl>