livia-test/MdpC6/Views/Controls/MdpC6Control.xaml

<UserControl x:Class="MdpC6.Views.Controls.MdpC6Control"
             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:liviaControls="clr-namespace:Livia.Views.Controls;assembly=Livia"
             xmlns:viewModels="clr-namespace:MdpC6.ViewModels"
             mc:Ignorable="d"
             VerticalAlignment="Stretch"
             HorizontalAlignment="Stretch"
             d:Background="{StaticResource PrimaryColorDarkBrush}"
             d:DataContext="{d:DesignInstance Type=viewModels:MdpC6ControlViewModel}"
             d:DesignHeight="960"
             d:DesignWidth="1920">
    <Grid>
        <Image VerticalAlignment="Center"
               RenderOptions.BitmapScalingMode="HighQuality"
               Width="600"
               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>
            <Grid Grid.Column="0"
                  Grid.Row="0"
                  Margin="20, 20, 10, 10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid Grid.Column="0">
                    <liviaControls:ImageRotationViewerControl DataContext="{Binding BrainLobesImageRotationViewerControlViewModel}" />
                    <Button Style="{StaticResource LiviaStretchIconButton}"
                            Margin="5 5, 5, 45"
                            CommandParameter="{Binding BrainLobesImageRotationViewerControlViewModel}" />
                </Grid>
                <Grid  Grid.Column="1"
                       Margin="20, 0, 0, 0">
                    <liviaControls:ImageRotationViewerControl DataContext="{Binding ArterialTerritoriesImageRotationViewerControlViewModel}" />
                    <Button Style="{StaticResource LiviaStretchIconButton}"
                            Margin="5 5, 5, 45"
                            CommandParameter="{Binding ArterialTerritoriesImageRotationViewerControlViewModel}" />
                </Grid>
                <Grid  Grid.Column="2"
                       Margin="20, 0, 0, 0">
                    <liviaControls:ImageRotationViewerControl DataContext="{Binding LimbicSystemImageRotationViewerControlViewModel}" />
                    <Button Style="{StaticResource LiviaStretchIconButton}"
                            Margin="5 5, 5, 45"
                            CommandParameter="{Binding LimbicSystemImageRotationViewerControlViewModel}" />
                </Grid>
            </Grid>
            <Border Grid.Column="0"
                    Grid.Row="1"
                    CornerRadius="8"
                    Margin="20, 10, 10, 20"
                    Background="{StaticResource PrimaryColorBrush}">
                <liviaControls:MosaicImageGroupControl DataContext="{Binding MosaicImageGroupViewModel}" />
            </Border>
            <Border Grid.Column="1"
                    Grid.RowSpan="2"
                    Grid.Row="0"
                    CornerRadius="8"
                    Margin="10, 20, 20, 20"
                    Background="{StaticResource PrimaryColorBrush}">
                <ScrollViewer Margin="20">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <TextBlock Grid.Row="0"
                                   Text="{StaticResource CerebrumCerebellumPerfusionDataGridName}"
                                   Style="{StaticResource MaterialDesignBody1TextBlock}"
                                   Foreground="{StaticResource White1Brush}" />
                        <Grid Grid.Row="1">
                            <liviaControls:PerfusionDataGridControl DataContext="{Binding CerebrumCerebellumPerfusionDataGridControlViewModel}" />
                            <Button Style="{StaticResource LiviaStretchIconButton}"
                                    d:Visibility="Visible"
                                    Margin="45, 25"
                                    CommandParameter="{Binding CerebrumCerebellumPerfusionDataGridControlViewModel}" />
                        </Grid>
                        <TextBlock Grid.Row="2"
                                   Text="{StaticResource BrainLobesPerfusionDataGridName}"
                                   Style="{StaticResource MaterialDesignBody1TextBlock}"
                                   Foreground="{StaticResource White1Brush}" />
                        <Grid Grid.Row="3">
                            <liviaControls:PerfusionDataGridControl DataContext="{Binding BrainLobesPerfusionDataGridControlViewModel}" />
                            <Button Style="{StaticResource LiviaStretchIconButton}"
                                    d:Visibility="Visible"
                                    Margin="45, 25"
                                    CommandParameter="{Binding BrainLobesPerfusionDataGridControlViewModel}" />
                        </Grid>
                        <TextBlock Grid.Row="4"
                                   Text="{StaticResource ArterialTerritoriesPerfusionDataGridName}"
                                   Style="{StaticResource MaterialDesignBody1TextBlock}"
                                   Foreground="{StaticResource White1Brush}" />
                        <Grid Grid.Row="5">
                            <liviaControls:PerfusionDataGridControl DataContext="{Binding ArterialTerritoriesPerfusionDataGridControlViewModel}" />
                            <Button Style="{StaticResource LiviaStretchIconButton}"
                                    d:Visibility="Visible"
                                    Margin="45, 25"
                                    CommandParameter="{Binding ArterialTerritoriesPerfusionDataGridControlViewModel}" />
                        </Grid>
                        <TextBlock Grid.Row="6"
                                   Text="{StaticResource LimbicSystemPerfusionDataGridName}"
                                   Style="{StaticResource MaterialDesignBody1TextBlock}"
                                   Foreground="{StaticResource White1Brush}" />
                        <Grid Grid.Row="7">
                            <liviaControls:PerfusionDataGridControl DataContext="{Binding LimbicSystemPerfusionDataGridControlViewModel}" />
                            <Button Style="{StaticResource LiviaStretchIconButton}"
                                    d:Visibility="Visible"
                                    Margin="45, 25"
                                    CommandParameter="{Binding LimbicSystemPerfusionDataGridControlViewModel}" />
                        </Grid>
                    </Grid>
                </ScrollViewer>
            </Border>
        </Grid>
    </Grid>
</UserControl>