livia-test/iBrain/Views/Controls/BuptIBrainControl.xaml

<UserControl x:Class="iBrain.Views.Controls.BuptIBrainControl"
             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:viewModels="clr-namespace:iBrain.ViewModels"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:controls="clr-namespace:iBrain.Views.Controls"
             xmlns:converters="clr-namespace:iBrain.Views.Converters"
             mc:Ignorable="d"
             VerticalAlignment="Stretch"
             HorizontalAlignment="Stretch"
             d:Background="{StaticResource PrimaryColorDarkBrush}"
             d:DataContext="{d:DesignInstance Type=viewModels:BuptIBrainControlViewModel}"
             d:DesignHeight="960"
             d:DesignWidth="1920">


    <UserControl.Resources>
        <converters:BuptIBrainScoreColorConverter x:Key="BuptIBrainScoreColorConverter" />
    </UserControl.Resources>

    <Grid>
        <Image VerticalAlignment="Center"
               RenderOptions.BitmapScalingMode="HighQuality"
               Width="1000"
               Visibility="{Binding DataBlockLoader.PlaceholderVisible, Converter={StaticResource BooleanToVisibilityConverter}}"
               Margin="0, 0, 0, 80"
               Source="/Resources/Images/placeholder.png" />
        <Grid Visibility="{Binding DataBlockLoader.PlaceholderVisible, Converter={StaticResource InverseBooleanToVisibilityConverter}}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="2.5*" />
            </Grid.RowDefinitions>
            <Border Grid.Column="0"
                    Grid.RowSpan="2"
                    Grid.Row="0"
                    CornerRadius="8"
                    Margin="20, 20, 10, 20"
                    Background="{StaticResource PrimaryColorBrush}">
                <TabControl HorizontalContentAlignment="Left"
                            materialDesign:ColorZoneAssist.Foreground="{StaticResource PrimaryColorHighlightBrush}">
                    <TabItem>
                        <TabItem.Header>
                            <TextBlock Text="{StaticResource BrainSegTabName}"/>
                        </TabItem.Header>
                        <Grid Margin="20, 10">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <StackPanel Grid.Row="0"
                                        HorizontalAlignment="Left">
                                <Image Source="{Binding SegmentImageViewModel.BitmapImage}"
                                       Stretch="Uniform"
                                       StretchDirection="DownOnly"
                                       Margin="0, 10"
                                       HorizontalAlignment="Left"
                                       RenderOptions.BitmapScalingMode="HighQuality" />
                                <Image VerticalAlignment="Center"
                                       Width="200"
                                       RenderOptions.BitmapScalingMode="HighQuality"
                                       Source="/Resources/Images/ColorBar.png" />
                                <DockPanel Width="200">
                                    <TextBlock Text="{StaticResource GrayMatter}"
                                               DockPanel.Dock="Left"
                                               Style="{StaticResource MaterialDesignBody1TextBlock}"
                                               Foreground="{StaticResource White1Brush}" />
                                    <TextBlock Text="{StaticResource WhiteMatter}"
                                               DockPanel.Dock="Right"
                                               HorizontalAlignment="Right"
                                               Style="{StaticResource MaterialDesignBody1TextBlock}"
                                               Foreground="{StaticResource White1Brush}" />
                                </DockPanel>
                            </StackPanel>
                            <TextBlock Grid.Row="1"
                                       Text="{StaticResource VolumeImageName}"
                                       Style="{StaticResource MaterialDesignBody1TextBlock}"
                                       Foreground="{StaticResource White1Brush}" />
                            <Image Grid.Row="2"
                                   Source="{Binding VolumeImageViewModel.BitmapImage}"
                                   Stretch="Uniform"
                                   StretchDirection="DownOnly"
                                   Margin="0, 10"
                                   HorizontalAlignment="Left"
                                   RenderOptions.BitmapScalingMode="HighQuality" />
                        </Grid>
                    </TabItem>
                    <TabItem>
                        <TabItem.Header>
                            <TextBlock Text="{StaticResource HippVolumeTabName}"/>
                        </TabItem.Header>
                        <Grid Margin="20, 10">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <Image Grid.Row="0"
                                   Source="{Binding HippoImageViewModel.BitmapImage}"
                                   Stretch="Uniform"
                                   StretchDirection="DownOnly"
                                   Margin="0, 10"
                                   HorizontalAlignment="Left"
                                   RenderOptions.BitmapScalingMode="HighQuality" />
                            <TextBlock Grid.Row="1"
                                       Text="{StaticResource HippoVolumeImageName}"
                                       Style="{StaticResource MaterialDesignBody1TextBlock}"
                                       Foreground="{StaticResource White1Brush}" />
                            <Image Grid.Row="2"
                                   Source="{Binding HippoVolumeImageViewModel.BitmapImage}"
                                   Stretch="Uniform"
                                   StretchDirection="DownOnly"
                                   Margin="0, 10"
                                   HorizontalAlignment="Left"
                                   RenderOptions.BitmapScalingMode="HighQuality" />
                        </Grid>
                    </TabItem>
                    <TabItem>
                        <TabItem.Header>
                            <TextBlock Text="{StaticResource RiskBrainMapTabName}" />
                        </TabItem.Header>
                        <StackPanel Orientation="Vertical">
                            <TextBlock Text="{StaticResource HealthScore}"
                                       Visibility="Collapsed"
                                       Margin="20, 10"
                                       Style="{StaticResource MaterialDesignBody1TextBlock}"
                                       Foreground="{StaticResource White1Brush}" />
                            <Border Background="{StaticResource DataGridHeaderBackgroundBrush}"
                                    Visibility="Collapsed"
                                    Margin="20, 10"
                                    CornerRadius="5">
                                <TextBlock Text="{Binding ScoreViewModel.Score, StringFormat={}{0:N2}}"
                                           Margin="20"
                                           Style="{StaticResource MaterialDesignHeadline6TextBlock}"
                                           Foreground="{Binding ScoreViewModel.Score, Converter={StaticResource BuptIBrainScoreColorConverter}}" />
                            </Border>
                            <UniformGrid Columns="2"
                                         Rows="1">
                                <StackPanel Margin="20 ,10, 10, 10">
                                    <TextBlock Text="{StaticResource RiskBrainImageName}"
                                               Margin="0, 10"
                                               Style="{StaticResource MaterialDesignBody1TextBlock}"
                                               Foreground="{StaticResource White1Brush}" />
                                    <Image Source="{Binding RiskBrainMapImageViewModel.BitmapImage}"
                                           RenderOptions.BitmapScalingMode="HighQuality" />
                                </StackPanel>
                                <StackPanel Margin="10 ,10, 20, 10"
                                            Visibility="Collapsed">
                                    <TextBlock Text="{StaticResource DistributionImageName}"
                                               Margin="0, 10"
                                               Style="{StaticResource MaterialDesignBody1TextBlock}"
                                               Foreground="{StaticResource White1Brush}" />
                                    <Image Source="{Binding DistributionImageViewModel.BitmapImage}"
                                           RenderOptions.BitmapScalingMode="HighQuality" />
                                </StackPanel>
                            </UniformGrid>
                        </StackPanel>
                    </TabItem>
                </TabControl>
            </Border>
            <Border Grid.Column="1"
                    Grid.RowSpan="2"
                    Grid.Row="0"
                    CornerRadius="8"
                    Margin="10, 20, 20, 20"
                    Background="{StaticResource PrimaryColorBrush}">
                <TabControl HorizontalContentAlignment="Left"
                            SelectedIndex="0"
                            materialDesign:ColorZoneAssist.Foreground="{StaticResource PrimaryColorHighlightBrush}">
                    <TabItem Header="{StaticResource HippFeatureDataGridName}">
                        <Grid>
                            <controls:FeatureDataGridControl DataContext="{Binding HippFeatureDataGridControlViewModel}" />
                        </Grid>
                    </TabItem>
                    <TabItem Header="{StaticResource MainBrainErrorDataGridName}">
                        <Grid>
                            <controls:FeatureDataGridControl DataContext="{Binding MainBrainErrorDataGridControlViewModel}" />
                        </Grid>
                    </TabItem>
                    <TabItem Header="{StaticResource WholeBrainFeatureDataGridName}">
                        <Grid>
                            <controls:FeatureDataGridControl DataContext="{Binding WholeBrainDataGridControlViewModel}" />
                        </Grid>
                    </TabItem>
                </TabControl>
            </Border>
        </Grid>
    </Grid>
</UserControl>