prs/prs.desktop/Panels/Requisitions/RequisitionItemEditor/RequisitionItemEditor.xaml

<Window x:Class="PRSDesktop.Panels.Requisitions.RequisitionItemEditor"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:PRSDesktop.Panels.Requisitions"
        xmlns:dg="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        mc:Ignorable="d"
        Title="Select Stock Holding" Height="800" Width="1200"
        x:Name="Window" WindowStartupLocation="CenterScreen">
    <Grid DataContext="{Binding ElementName=Window}">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        
        <dg:DynamicTabControl 
            x:Name="TabControl"
            Grid.Row="0" 
            SelectionChanged="TabChanged"
            Margin="5,5,5,0"
            SeparatorMargin="4">
        
            <dg:DynamicTabControl.Items>
                
                <dg:DynamicTabItem x:Name="HoldingsPage" Header="Stock Holdings">
                    <dg:DynamicSplitPanel View="Combined" AllowableViews="Combined" Anchor="Master" AnchorWidth="600">
                        <dg:DynamicSplitPanel.Header>
                            <Border BorderBrush="Gray"
                                    BorderThickness="0.75"
                                    Background="WhiteSmoke">
                                <Label Content="Products"
                                       VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
                            </Border>
                        </dg:DynamicSplitPanel.Header>
                        <dg:DynamicSplitPanel.Master>
                            <local:RequisitionItemProductSelectionGrid x:Name="StockHoldingProducts" OnSelectItem="StockHoldingProducts_OnSelectItem"/>
                        </dg:DynamicSplitPanel.Master>
                        <dg:DynamicSplitPanel.Detail>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Border BorderBrush="Gray"
                                        BorderThickness="0.75"
                                        Background="WhiteSmoke"
                                        Grid.Row="0">
                                    <Label Content="Stock Holdings"
                                           VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
                                </Border>
                                <local:RequisitionItemStockHoldingSelectionGrid 
                                    x:Name="StockHoldings" 
                                    OnSelectItem="StockHoldings_OnSelectItem"
                                    AfterRefresh="StockHoldings_OnAfterRefresh"
                                    Grid.Row="1"
                                    Margin="0,4,0,0"/>
                                <Grid Grid.Row="2" x:Name="JRIList" Margin="0,4,0,0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="40"/>
                                        <RowDefinition Height="0" x:Name="JRIRow"/>
                                        <RowDefinition Height="0" x:Name="TotalRow"/>
                                    </Grid.RowDefinitions>
                                    <Border Grid.Row="0" BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke" Padding="5,0,0,0">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="30"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="30"/>
                                                <ColumnDefinition Width="60"/>
                                            </Grid.ColumnDefinitions>
                                            
                                            <TextBlock 
                                                Grid.Column="0" 
                                                Grid.ColumnSpan="4" 
                                                Text="Required Quantity:" 
                                                FontWeight="Bold" 
                                                VerticalAlignment="Center" 
                                                Margin="5,0,0,0"/>
                                            
                                            <syncfusion:DoubleTextBox 
                                                Grid.Column="6"
                                                x:Name="RequiredEditor"
                                                Value="{Binding RequiredQuantity}" 
                                                HorizontalContentAlignment="Center"
                                                VerticalAlignment="Stretch"
                                                VerticalContentAlignment="Center"
                                                Margin="0,5,5,5"
                                                Background="LightYellow"/>
                                        </Grid>
                                    </Border>
                                    <ItemsControl x:Name="JobRequisitionItems" Grid.Row="1"
                                                  ItemsSource="{Binding JRIItems}" BorderBrush="Gray" BorderThickness="0.75,0,0.75,0">
                                        <ItemsControl.ItemTemplate>
                                            <DataTemplate DataType="local:RequisitionItemStockHoldingItem">
                                                <Border BorderBrush="Gray"
                                                        BorderThickness="0,0,0,0.75"
                                                        Background="White"
                                                        Padding="5">
                                                    <Grid>
                                                        <Grid.ColumnDefinitions>
                                                            <ColumnDefinition Width="*"/>
                                                            <ColumnDefinition Width="60"/>
                                                            <ColumnDefinition Width="60"/>
                                                            <ColumnDefinition Width="30"/>
                                                            <ColumnDefinition Width="60"/>
                                                            <ColumnDefinition Width="30"/>
                                                            <ColumnDefinition Width="60"/>
                                                        </Grid.ColumnDefinitions>
                                                        
                                                        <Grid.RowDefinitions>
                                                            <RowDefinition Height="30" />
                                                        </Grid.RowDefinitions>
                                                        
                                                        <TextBlock
                                                            Grid.Column="0" 
                                                            VerticalAlignment="Center"
                                                            Text="{Binding Text}"
                                                            TextWrapping="NoWrap"
                                                            TextTrimming="CharacterEllipsis"
                                                            Margin="5,0,0,0"/>
                                                        
                                                        <syncfusion:DoubleTextBox 
                                                            Grid.Column="1" 
                                                            Value="{Binding Quantity}" 
                                                            IsReadOnly="True"
                                                            HorizontalContentAlignment="Center"
                                                            VerticalAlignment="Stretch"
                                                            VerticalContentAlignment="Center"
                                                            Margin="5,0,0,0"
                                                            Background="WhiteSmoke"/>
                                                        
                                                        <Button 
                                                            Grid.Column="2" 
                                                            Content="None" 
                                                            Tag="{Binding}" 
                                                            Click="None_Click"
                                                            Margin="5,0,0,0"/>
                                                        
                                                        <Button 
                                                            Grid.Column="3" 
                                                            Content="-" 
                                                            Tag="{Binding}" 
                                                            Click="Minus_Click"
                                                            Margin="5,0,0,0"/>
                                                        
                                                        <syncfusion:DoubleTextBox 
                                                            Grid.Column="4" 
                                                            Value="{Binding Taken}" 
                                                            MinValue="0" 
                                                            MaxValue="{Binding Quantity}"
                                                            HorizontalContentAlignment="Center"
                                                            VerticalAlignment="Stretch"
                                                            VerticalContentAlignment="Center"
                                                            Margin="5,0,0,0"
                                                            Background="LightYellow"/>
                                                        
                                                        <Button 
                                                            Grid.Column="5" 
                                                            Content="+" 
                                                            Tag="{Binding}" 
                                                            Click="Plus_Click"
                                                            Margin="5,0,0,0"/>
                                                        
                                                        <Button 
                                                            Grid.Column="6" 
                                                            Content="All" 
                                                            Tag="{Binding}" 
                                                            Click="All_Click"
                                                            Margin="5,0,0,0"/>
                                                        
                                                    </Grid>
                                                </Border>
                                            </DataTemplate>
                                        </ItemsControl.ItemTemplate>
                                        <ItemsControl.ItemsPanel>
                                            <ItemsPanelTemplate>
                                                <StackPanel/>
                                            </ItemsPanelTemplate>
                                        </ItemsControl.ItemsPanel>
                                    </ItemsControl>
                                    <Border Grid.Row="2" BorderBrush="Gray" BorderThickness="0.75,0,0.75,0.75" Background="WhiteSmoke" Padding="5,0,0,0">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="30"/>
                                                <ColumnDefinition Width="60"/>
                                                <ColumnDefinition Width="30"/>
                                                <ColumnDefinition Width="60"/>
                                            </Grid.ColumnDefinitions>
                                            
                                            <TextBlock 
                                                Grid.Column="0" 
                                                Grid.ColumnSpan="4" 
                                                Text="Total:" 
                                                FontWeight="Bold" 
                                                VerticalAlignment="Center" 
                                                Margin="5,0,0,0"/>

                                            <syncfusion:DoubleTextBox 
                                                Grid.Column="4"
                                                Value="{Binding TotalTaken}" 
                                                IsReadOnly="True"
                                                HorizontalContentAlignment="Center"
                                                VerticalAlignment="Stretch"
                                                VerticalContentAlignment="Center"
                                                Margin="0,5,5,5">
                                                <syncfusion:DoubleTextBox.Style>
                                                    <Style TargetType="syncfusion:DoubleTextBox">
                                                        <Setter Property="Background" Value="LightGreen"/>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding TotalTaken}" Value="0">
                                                                <Setter Property="Background" Value="Orange"/>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </syncfusion:DoubleTextBox.Style>
                                            </syncfusion:DoubleTextBox>
                                        </Grid>
                                    </Border>
                                </Grid>
                            </Grid>
                        </dg:DynamicSplitPanel.Detail>
                    </dg:DynamicSplitPanel>
                </dg:DynamicTabItem>
                
                <dg:DynamicTabItem
                    x:Name="BOMPage" 
                    Header="Bill Of Materials">
                    <local:RequisitionItemBillOfMaterialsPage x:Name="BOMItems" OnChanged="BOMItems_OnOnChanged" />
                </dg:DynamicTabItem>
                
                <dg:DynamicTabItem
                    x:Name="RequisitionPage"
                    Header="Requisitions">
                    <local:RequisitionItemJobRequitionPage x:Name="JobRequisitionItemsGrid" OnChanged="JobRequisitionItems_OnOnChanged" />
                </dg:DynamicTabItem>
                
                <dg:DynamicTabItem x:Name="InstancesPage" Header="Catalogue">
                    <dg:DynamicSplitPanel View="Combined" AllowableViews="Combined" Anchor="Master" AnchorWidth="600">
                        <dg:DynamicSplitPanel.Header>
                            <Border BorderBrush="Gray"
                                    BorderThickness="0.75"
                                    Background="WhiteSmoke">
                                <Label Content="Products"
                                       VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
                            </Border>
                        </dg:DynamicSplitPanel.Header>
                        <dg:DynamicSplitPanel.Master>
                            <local:RequisitionItemProductSelectionGrid x:Name="ProductInstancesProducts" OnSelectItem="ProductInstancesProducts_OnSelectItem"/>
                        </dg:DynamicSplitPanel.Master>
                        <dg:DynamicSplitPanel.DetailHeader>
                            <Border BorderBrush="Gray"
                                    BorderThickness="0.75"
                                    Background="WhiteSmoke">
                                <Label Content="Product Instances"
                                       VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
                            </Border>
                        </dg:DynamicSplitPanel.DetailHeader>
                        <dg:DynamicSplitPanel.Detail>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <local:RequisitionItemProductInstanceGrid 
                                    x:Name="ProductInstances" 
                                    OnSelectItem="ProductInstances_OnSelectItem"
                                    Grid.Row="0" />
                                <Border Grid.Row="1" BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke" Padding="5,0,0,0" Margin="0,4,0,0" Height="40">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="60"/>
                                    </Grid.ColumnDefinitions>
                                <TextBlock 
                                    Grid.Column="0"
                                    Text="Required Quantity:" 
                                    FontWeight="Bold" 
                                    VerticalAlignment="Center" 
                                    Margin="5,0,0,0"/>
                                <syncfusion:DoubleTextBox 
                                    Grid.Column="1"
                                    Value="{Binding RequiredQuantity}" 
                                    HorizontalContentAlignment="Center"
                                    VerticalAlignment="Stretch"
                                    VerticalContentAlignment="Center"
                                    Margin="0,5,5,5"
                                    Background="LightYellow"/>
                                </Grid>
                                </Border>
                            </Grid>
                        </dg:DynamicSplitPanel.Detail>
                    </dg:DynamicSplitPanel>
                </dg:DynamicTabItem>
                
                <dg:DynamicTabItem x:Name="CustomPage" Header="Custom">
                    <dg:EmbeddedDynamicEditorForm 
                        x:Name="CustomEditorGrid" 
                        HideButtons="True" 
                        TabsVisible="False" 
                        ButtonsVisible="False"
                        OnFormCustomiseEditor="CustomEditorGrid_OnFormCustomiseEditor"/>
                </dg:DynamicTabItem>
                
            </dg:DynamicTabControl.Items>
        </dg:DynamicTabControl>
        
        <DockPanel Grid.Row="1" LastChildFill="False" x:Name="Buttons">
            <Button x:Name="CancelButton" Click="CancelButton_Click"
                    Content="Cancel"
                    Margin="5" Padding="5" MinWidth="60"
                    DockPanel.Dock="Right"/>
            <Button x:Name="OKButton" Click="OKButton_Click"
                    Content="OK"
                    Margin="5,5,0,5" Padding="5" MinWidth="60"
                    DockPanel.Dock="Right"
                    IsEnabled="{Binding CanSave}"/>
        </DockPanel>
    </Grid>
</Window>