FurnaceELK/FrameworkLocal/UIClient/CenterViews/DataLogs/ProcessHistory/ProcessDetailView.xaml

<UserControl
    x:Class="MECF.Framework.UI.Client.CenterViews.DataLogs.ProcessHistory.ProcessDetailView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:converters="clr-namespace:Aitex.Core.UI.Converters;assembly=MECF.Framework.UI.Core"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:micro="clr-namespace:Caliburn.Micro"
    xmlns:s="http://schemas.abtsoftware.co.uk/scichart"
    x:Name="userCotrol"
    Width="1200"
    Height="800"
    mc:Ignorable="d">
    <UserControl.Resources>
        <converters:LineColorConverter x:Key="colorConverter"/>
        <Style TargetType="CheckBox">
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <ScaleTransform ScaleX="2" ScaleY="2"/>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <StackPanel Height="{Binding ElementName=userCotrol, Path=ActualHeight}" Orientation="Vertical">
        <StackPanel Height="640" Orientation="Horizontal">
            <Border
                Width="250"
                Margin="1"
                Padding="2"
                Background="{DynamicResource Tab_BG}"
                BorderBrush="{DynamicResource Tab_BD}"
                BorderThickness="1"
                SnapsToDevicePixels="True">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Border BorderBrush="Gray"  Margin="1" Padding="2" Width="250" Grid.ColumnSpan="2">
                        <TextBlock Text="{Binding PointTime,StringFormat='yyyy/MM/dd HH:mm:ss'}" HorizontalAlignment="Center"/>
                    </Border>
                    <TextBlock Text="RecipeName" Grid.Row="1" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding RecipeNameDisPlay}" Grid.Row="1" Grid.Column="1" IsReadOnly="True"/>
                    <TextBlock Text="StepName" Grid.Row="2" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding StepNameDisPlay}" Grid.Row="2" Grid.Column="1" IsReadOnly="True" />

                    <TreeView x:Name="ParameterTreeView" ItemsSource="{Binding ParameterNodes}" Grid.Row="3" Grid.ColumnSpan="2">
                        <TreeView.ItemTemplate>
                            <HierarchicalDataTemplate ItemsSource="{Binding ChildNodes}">
                                <StackPanel Orientation="Horizontal">
                                    <CheckBox
                                    Margin="0,11,0,0"
                                    IsChecked="{Binding Selected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                                    Visibility="{Binding IsVisibilityParentNode}">
                                        <i:Interaction.Triggers>
                                            <i:EventTrigger EventName="Click">
                                                <micro:ActionMessage MethodName="ParameterCheck">
                                                    <micro:Parameter Value="{Binding}"/>
                                                </micro:ActionMessage>
                                            </i:EventTrigger>
                                        </i:Interaction.Triggers>
                                    </CheckBox>
                                    <TextBlock
                                    Height="30"
                                    MinWidth="50"
                                    Margin="0,10,0,0"
                                    Text="{Binding Name}">
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="MouseLeftButtonDown">
                                            <micro:ActionMessage MethodName="TxtMouseLeftButtonDown">
                                                <micro:Parameter Value="{Binding}"/>
                                            </micro:ActionMessage>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                    </TextBlock>
                                </StackPanel>
                            </HierarchicalDataTemplate>
                        </TreeView.ItemTemplate>
                    </TreeView>
                </Grid>
            </Border>
            <Border
                Width="945"
                Margin="1"
                Padding="2"
                Background="{DynamicResource Tab_BG}"
                BorderBrush="{DynamicResource Tab_BD}"
                BorderThickness="1"
                SnapsToDevicePixels="True">
                <StackPanel Orientation="Vertical">
                    <s:SciChartSurface
                        x:Name="sciChart"
                        Height="600"
                        s:ThemeManager.Theme="ExpressionLight"
                        Annotations="{Binding Annotations}"
                        BorderBrush="Gray"
                        DebugWhyDoesntSciChartRender="False"
                        Focusable="False"
                        IsTabStop="False"
                        RenderableSeries="{Binding SelectedData}">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="MouseMove">
                                <micro:ActionMessage MethodName="GetCursorPoint">
                                    <micro:Parameter Value="{Binding Source={x:Reference Name=rolloverModifier}, Path=SeriesData.SeriesInfo}"/>
                                </micro:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                        <!--  Create an X Axis  -->
                        <s:SciChartSurface.XAxis>
                            <s:NumericAxis
                                Margin="0,0,0,0"
                                DrawMinorGridLines="False"
                                DrawMinorTicks="False"
                                FontSize="20"
                                Id="DefaultAxisId"
                                TitleFontSize="15"
                                TitleFontWeight="Normal"/>

                        </s:SciChartSurface.XAxis>
                        <!--  Create a Y Axis  -->
                        <s:SciChartSurface.YAxis>
                            <s:NumericAxis
                                MinWidth="50"
                                MaxWidth="50"
                                HorizontalAlignment="Center"
                                AutoRange="{Binding ChartAutoRange}"
                                AxisAlignment="Right"
                                BorderThickness="0"
                                CursorTextFormatting="0.###"
                                DrawLabels="True"
                                DrawMajorBands="False"
                                DrawMajorGridLines="True"
                                DrawMajorTicks="False"
                                DrawMinorGridLines="False"
                                DrawMinorTicks="False"
                                Focusable="False"
                                Id="DefaultAxisId"
                                MajorDelta="0.1"
                                MinorDelta="0.1"
                                VisibleRange="{Binding VisibleRangeValue}">
                                <s:NumericAxis.GrowBy>
                                    <s:DoubleRange Max="0.1" Min="0.1"/>
                                </s:NumericAxis.GrowBy>
                            </s:NumericAxis>
                        </s:SciChartSurface.YAxis>

                        <s:SciChartSurface.ChartModifier>

                            <s:ModifierGroup>

                                <s:RubberBandXyZoomModifier
                                    x:Name="rubberBandZoomModifier"
                                    ExecuteOn="MouseLeftButton"
                                    IsAnimated="True"
                                    IsEnabled="True"
                                    IsXAxisOnly="False"
                                    ReceiveHandledEvents="True"
                                    ZoomExtentsY="True"/>

                                <s:CursorModifier
                                    IsEnabled="True"
                                    ShowAxisLabels="True"
                                    ShowTooltip="False"
                                    ShowTooltipOn="MouseOver"
                                    SourceMode="AllVisibleSeries"/>

                                <s:LegendModifier
                                    x:Name="legendModifier"
                                    GetLegendDataFor="AllSeries"
                                    ShowLegend="False"/>

                                <s:ZoomExtentsModifier
                                    x:Name="zoomExtentsModifier"
                                    ExecuteOn="MouseDoubleClick"
                                    XyDirection="XYDirection"/>

                                <s:ZoomPanModifier
                                    x:Name="zoomPanModifier"
                                    ClipModeX="None"
                                    ExecuteOn="MouseRightButton"
                                    IsEnabled="True"
                                    XyDirection="XYDirection"
                                    ZoomExtentsY="False"/>

                                <s:RolloverModifier
                                    x:Name="rolloverModifier"
                                    DrawVerticalLine="False"
                                    FontFamily="Arial,SimSun"
                                    FontSize="9"
                                    IsEnabled="True"
                                    ShowAxisLabels="False"
                                    SnapsToDevicePixels="False"
                                    UseInterpolation="False"/>

                                <s:MouseWheelZoomModifier x:Name="mouseWheelZoomModifier" XyDirection="XYDirection"/>

                            </s:ModifierGroup>
                        </s:SciChartSurface.ChartModifier>

                    </s:SciChartSurface>
                    <StackPanel Orientation="Horizontal">
                        <Button
                            Width="95"
                            Margin="0,2,0,2"
                            Content="Move Left">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ToLeftClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="Move Right">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ToRightClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>

                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="Move Up">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ToMoveUpClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="98"
                            Margin="1,2,0,2"
                            Content="Move Down">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ToMoveDownClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>

                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="Zoom In">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ZoomInClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="Zoom Out">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="ZoomOutClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="X Zoom In">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="XZoomInClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="99"
                            Margin="1,2,0,2"
                            Content="X Zoom Out">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="XZoomOutClick"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="Select Step"
                            Visibility="{Binding IsStepVisiable, Converter={StaticResource bool2VisibilityConverter}}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <micro:ActionMessage MethodName="SelectStep"/>

                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </StackPanel>
                </StackPanel>
            </Border>

        </StackPanel>
        <DataGrid
            Height="158"
            Margin="1"
            AlternationCount="2"
            AutoGenerateColumns="False"
            CanUserAddRows="False"
            CanUserResizeRows="False"
            ColumnHeaderHeight="30"
            FontFamily="Arial"
            FontSize="14"
            ItemsSource="{Binding SelectedData}">
            <!--<i:Interaction.Triggers>
                <i:EventTrigger EventName="PreviewMouseUp">
                    <micro:ActionMessage MethodName="DGSelectionChanged">
                        <micro:Parameter Value="$source"/>
                        <micro:Parameter Value="$eventargs"></micro:Parameter>
                    </micro:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>-->
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Visible">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox
                                Width="40"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                IsChecked="{Binding IsVisible, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="150" Header="Name">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding DataName}"
                                TextWrapping="Wrap"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="300" Header="Source">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding DataSource}"
                                TextWrapping="Wrap"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Color">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button
                                Width="50"
                                Height="20"
                                HorizontalAlignment="Stretch"
                                Background="{Binding Stroke, Converter={StaticResource colorConverter}}"
                                Style="{DynamicResource Color_Button}">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="SelectColor">
                                            <micro:Parameter Value="{Binding}"/>
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Factor">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBox
                                Width="50"
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Tag="Number"
                                Text="{Binding DataFactor, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Offset">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBox
                                Width="50"
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Tag="Number"
                                Text="{Binding DataOffset, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Width">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBox
                                Width="50"
                                Margin="5,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Tag="Number"
                                Text="{Binding LineThickness, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Min.">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding Tag.MinValue}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Max.">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding Tag.MaxValue}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="60" Header="Ave.">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding Tag.AverageValue}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="68" Header="3-Sigma">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock
                                Margin="5,0"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding Tag.Sigma3Value}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="100">
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <Button
                                Width="85"
                                Height="25"
                                Padding="0"
                                Content="Export All">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="ExportAll"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button
                                Width="65"
                                Height="25"
                                Padding="0"
                                Content="Export">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="Export">
                                            <micro:Parameter Value="{Binding}"/>
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Width="100">
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <Button
                                Width="85"
                                Height="25"
                                Padding="0"
                                Content="Delete All">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="DeleteAll"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button
                                Width="65"
                                Height="25"
                                Padding="0"
                                Content="Delete">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <micro:ActionMessage MethodName="Delete">
                                            <micro:Parameter Value="{Binding}"/>
                                        </micro:ActionMessage>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>
</UserControl>