prs/prs.mobile.new/PRS.Mobile/Modules/Requisitions/Edit/Views/Items/SelectFromHoldingView.xaml

<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.SelectFromHoldingView"
             >
    <ContentView.BindingContext>
        <local:SelectFromHoldingViewModel x:Name="_viewModel"/>
    </ContentView.BindingContext>
    
    <ContentView.Resources>
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter"/>
        <DataTemplate x:Key="HoldingEditorTemplate" x:DataType="local:SelectFromHoldingAllocation">
                <Grid Grid.RowSpacing="0" Margin="5">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="50"/>
                    </Grid.ColumnDefinitions>
                    <mobile:MobileCheckBox
                        Grid.Column="0"
                        IsChecked="{Binding Selected, Mode=TwoWay}"
                        VerticalOptions="Center"
                        HorizontalOptions="Center"/>
                    <Label 
                        Grid.Column="1"
                        VerticalTextAlignment="Center"
                        HorizontalTextAlignment="Start"
                        Text="{Binding Description}"
                        TextColor="{StaticResource Theme.OnBackground}"
                        FontSize="{StaticResource Theme.Text.Small.Size}"/>
                    <Label 
                        Grid.Column="2"
                        VerticalTextAlignment="Center"
                        HorizontalTextAlignment="Center"
                        Text="{Binding Quantity, StringFormat=' ({0})'}"
                        TextColor="{StaticResource Theme.OnBackground}"
                        FontSize="{StaticResource Theme.Text.Small.Size}"/>                   
                </Grid>
        </DataTemplate>
    </ContentView.Resources>
    
    <ContentView.Content>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            
            <mobile:MobileCard
                Grid.Row="0"
                Grid.Column="0"
                Grid.ColumnSpan="2">
                <Image Source="{Binding Holding.Image, Converter={StaticResource ByteArrayToImageSourceConverter}}"/>
            </mobile:MobileCard>
            
            <Label
                Grid.Row="1"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                HorizontalTextAlignment="Center"
                VerticalTextAlignment="Center"
                FontSize="{StaticResource Theme.Text.Small.Size}"
                TextColor="{StaticResource Theme.OnBackground}"
                Text="{Binding Holding.ProductDisplay, FallbackValue=''}"/>
            
            <StackLayout 
                Grid.Row="2"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                Orientation="Horizontal" 
                HorizontalOptions="Center">
                <Label
                    VerticalTextAlignment="Center"
                    FontSize="{StaticResource Theme.Text.Small.Size}"
                    TextColor="{StaticResource Theme.OnBackground}"
                    Text="{Binding Holding.DimensionsUnitSize, FallbackValue=''}"/>
                <Label
                    VerticalTextAlignment="Center"
                    FontSize="{StaticResource Theme.Text.Small.Size}"
                    TextColor="{StaticResource Theme.OnBackground}"
                    Text="{Binding Holding.StyleDescription, FallbackValue=''}"/>
            </StackLayout>
            
            <Label
                Grid.Row="3"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                HorizontalTextAlignment="Center"
                VerticalTextAlignment="Center"
                FontSize="{StaticResource Theme.Text.Small.Size}"
                TextColor="{StaticResource Theme.OnBackground}"
                Text="{Binding Holding.LocationDescription, FallbackValue=''}"/>
            
            <mobile:MobileCard
                Grid.Row="4"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                Padding="0">
                <StackLayout 
                    Orientation="Vertical"
                    BindableLayout.ItemsSource="{Binding Allocations}"
                    BindableLayout.ItemTemplate="{StaticResource HoldingEditorTemplate}"
                    Spacing="0"/>
            </mobile:MobileCard>
            
            <views:DockLayout
                Grid.Row="5"
                Grid.Column="0"
                Grid.ColumnSpan="2">

                <mobile:MobileButton
                    views:DockLayout.Dock="Left"
                    WidthRequest="60"
                    Text="None"
                    Clicked="TakeNone_Click"/>
                
                <mobile:MobileButton
                    views:DockLayout.Dock="Left"
                    WidthRequest="40"
                    Text="-"
                    Margin="5,0"
                    Clicked="SubtractOne_Click"/>
                
                <mobile:MobileButton
                    views:DockLayout.Dock="Right"
                    WidthRequest="70"
                    Text="{Binding RequestedQuantity, StringFormat='All ({0})'}"
                    Clicked="TakeAll_Click"/>
                
                <mobile:MobileButton
                    views:DockLayout.Dock="Right"
                    WidthRequest="40"
                    Text="+"
                    Margin="5,0"
                    Clicked="AddOne_Click"/>
                
                <mobile:MobileCard
                    views:DockLayout.Dock="Left">
                    <mobile:MobileEntry 
                        Text="{Binding Quantity, Mode=TwoWay}"
                        VerticalTextAlignment="Center" 
                        HorizontalTextAlignment="Center"
                        FontSize="{StaticResource Theme.Text.Micro.Size}" Margin="0"/>                        
                </mobile:MobileCard>

                
            </views:DockLayout>
            
            <mobile:MobileButton
                Grid.Row="6"
                Grid.Column="0"
                BackgroundColor="Red"
                BorderColor="Red"
                Text="Cancel"
                Clicked="Cancel_Click"/>

            <mobile:MobileButton
                Grid.Row="6"
                Grid.Column="1"
                Text="OK"
                Clicked="OK_Click"
                IsEnabled="{Binding HasAllocation}"/>
            
        </Grid>
    </ContentView.Content>
</ContentView>