prs/prs.desktop/Integrations/Common/IntegrationBOMWindow.xaml

<Window x:Class="PRSDesktop.Integrations.Common.IntegrationBOMWindow"
        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:PRSDesktop.Integrations.Common"
        xmlns:dynamicGrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
        mc:Ignorable="d"
        Title="{Binding SelectedSection.Key, FallbackValue='Integration Mappings'}" Height="800" Width="1000">
    <Window.DataContext>
        <local:IntegrationBOMWindowViewModel x:Name="ViewModel" />
    </Window.DataContext>
    
    <Window.Resources>
        <local:SectionToVisibilityConverter x:Key="StylesGridVisible" Key="Styles" />
        <local:SectionToVisibilityConverter x:Key="ProfilesGridVisible" Key="Profiles" />
        <local:SectionToVisibilityConverter x:Key="ComponentsGridVisible" Key="Components" />
        <local:SectionToVisibilityConverter x:Key="GlassGridVisible" Key="Glass" />
        <local:SectionToVisibilityConverter x:Key="LabourGridVisible" Key="Labour" />
    </Window.Resources>
    
    <Grid Margin="5">
        
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        
        <ListView
            Grid.Row="0"
            Grid.Column="0"
            Width="100"
            SelectedItem="{Binding SelectedSection}"
            ItemsSource="{Binding Sections}"
            ScrollViewer.HorizontalScrollBarVisibility="Disabled"
            ScrollViewer.VerticalScrollBarVisibility="Auto">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="50"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image 
                            Grid.Row="0" 
                            Source="{Binding Value}" 
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Margin="2"/>
                        <Label 
                            Grid.Row="1" 
                            Content="{Binding Key}"
                            Margin="5,0,5,5"
                            HorizontalAlignment="Center"/>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        
        <local:ProductStyleIntegrationGrid
            Grid.Row="0"
            Grid.Column="1"
            Margin="5,0,0,0"
            Visibility="{Binding SelectedSection, Converter={StaticResource StylesGridVisible}}"
            ItemsSource="{Binding Styles}"/>
        
        <local:ProductIntegrationGrid
            Grid.Row="0"
            Grid.Column="1"
            Margin="5,0,0,0"
            Visibility="{Binding SelectedSection, Converter={StaticResource ProfilesGridVisible}}"
            ItemsSource="{Binding Profiles}"/>
        
        <local:ProductIntegrationGrid
            Grid.Row="0"
            Grid.Column="1"
            Margin="5,0,0,0"
            Visibility="{Binding SelectedSection, Converter={StaticResource ComponentsGridVisible}}"
            ItemsSource="{Binding Components}"/>
        
        <local:ProductIntegrationGrid
            Grid.Row="0"
            Grid.Column="1"
            Margin="5,0,0,0"
            Visibility="{Binding SelectedSection, Converter={StaticResource GlassGridVisible}}"
            ItemsSource="{Binding Glass}"/>
        
        <local:ActivityIntegrationGrid
            Grid.Row="0"
            Grid.Column="1"
            Margin="5,0,0,0"
            Visibility="{Binding SelectedSection, Converter={StaticResource LabourGridVisible}}" 
            ItemsSource="{Binding Labour}"/>
        
        <DockPanel
            Grid.Row="1"
            Grid.Column="0"
            Grid.ColumnSpan="2" 
            LastChildFill="False">
            
            <Button
                DockPanel.Dock="Right"
                Width="80"
                Height="40"
                Content="Cancel"
                Margin="5,5,0,0"
                Click="CancelClick"/>
            
            <Button
                DockPanel.Dock="Right"
                Width="80"
                Height="40"
                Content="OK"
                Margin="5,5,0,0"
                Click="OKClick"/>
            
        </DockPanel>
    </Grid>
</Window>