aboutsummaryrefslogtreecommitdiffstats
path: root/Software/Visual_Studio/FSE/Modules/Tango.FSE.Insights/Dialogs/AnomaliesDialogView.xaml
blob: 375f0be0d214428b883e2e15370616c2098e5b3d (plain)
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
<UserControl x:Class="Tango.FSE.Insights.Dialogs.AnomaliesDialogView"
             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:Tango.FSE.Insights.Dialogs"
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             Width="700" Height="500" d:DataContext="{d:DesignInstance Type=local:AnomaliesDialogViewVM, IsDesignTimeCreatable=False}" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}">
    <Grid Margin="10">
        <DockPanel>
            <StackPanel DockPanel.Dock="Top" >
                <StackPanel Orientation="Horizontal">
                    <Image Source="../Images/insight_big.png" Stretch="Uniform" Width="50" RenderOptions.BitmapScalingMode="Fant" />
                    <TextBlock Margin="10 0 0 0" FontSize="{StaticResource FSE_LargerFontSize}" VerticalAlignment="Center">Anomalies Detection</TextBlock>
                </StackPanel>

                <TextBlock Margin="0 10 0 0" TextWrapping="Wrap" FontSize="{StaticResource FSE_SmallFontSize}">
                    <Run>Anomalies detection can help you diagnose unusual events and behaviors.</Run>
                    <LineBreak/>
                    <Run>Please select monitors for the analysis and press 'ANALYZE'.</Run>
                    <LineBreak/>
                    <Run>Once the analysis completes, special chart annotations will be overlayed on the selected monitors charts.</Run>
                </TextBlock>

                <DockPanel Margin="0 10 0 0">
                    <material:PackIcon Kind="Search" VerticalAlignment="Center" Width="20" Height="20" />
                    <TextBox Margin="5 0 0 0" Padding="1" material:HintAssist.Hint="Find Monitor" Text="{Binding Filter,UpdateSourceTrigger=PropertyChanged,Delay=300}" Width="300" HorizontalAlignment="Left"></TextBox>
                </DockPanel>
            </StackPanel>

            <DockPanel>
                <TextBlock Margin="0 5 0 0" Visibility="{Binding MaximumSelectionReached,Converter={StaticResource BooleanToVisibilityConverter}}" DockPanel.Dock="Bottom" Foreground="{StaticResource FSE_ErrorBrush}">Please specify maximum 8 monitors for analysis</TextBlock>
                <Border Margin="0 10 0 0" BorderThickness="1" BorderBrush="{StaticResource FSE_BorderBrush}" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" CornerRadius="5">
                    <ScrollViewer Margin="2" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">
                        <ItemsControl ItemsSource="{Binding SelectedCharts}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Border Padding="5">
                                        <StackPanel Orientation="Horizontal">
                                            <CheckBox VerticalAlignment="Center" IsChecked="{Binding IsSelected,Mode=TwoWay}" />
                                            <material:PackIcon Margin="5 0 0 0" VerticalAlignment="Center" Kind="ChartLine" Width="20" Height="20" />
                                            <TextBlock Margin="10 0 0 0" Text="{Binding Data.Description}" VerticalAlignment="Center"></TextBlock>
                                        </StackPanel>
                                    </Border>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </ScrollViewer>
                </Border>
            </DockPanel>
        </DockPanel>
    </Grid>
</UserControl>