prs/prs.mobile.new/PRS.Mobile/Modules/Warehousing/Transfer/Edit/TransferEdit.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="PRS.Mobile.TransferEdit"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             Title="Transfer Stock">
    
    <mobile:MobilePage.Resources>
        <mobile:ByteArrayToImageSourceConverter x:Key="ImageConverter" />
        <mobile:StringWithDefaultValueConverter x:Key="JobDisplayConverter" Default="(Select Job)" />
        <mobile:StringWithDefaultValueConverter x:Key="StyleDisplayConverter" Default="(Select Style)" />
        <mobile:StringWithDefaultValueConverter x:Key="LocationDisplayConverter" Default="(Select Location)" />
        <mobile:DoubleToBooleanConverter x:Key="TransactionNonZeroConverter" MinValue="-0.000001" MaxValue="0.000001" Result="False"/>
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.BindingContext>
        <local:TransferEditViewModel x:Name="ViewModel" />
    </mobile:MobilePage.BindingContext>
    
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton 
            x:Name="_tick"
            Image="tick"
            Clicked="_tick_OnClicked" 
            IsVisible="{Binding Transaction.Quantity, Converter={StaticResource TransactionNonZeroConverter}}"/>
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
            <Grid 
                Margin="5"
                RowSpacing="5"
                ColumnSpacing="5"
                HorizontalOptions="Fill">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                
                <mobile:MobileCard
                    Grid.Row="0"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    Padding="5">
                    
                    <views:DockLayout>
                        
                        <Label 
                            views:DockLayout.Dock="Bottom"
                            Text="{Binding Transaction.DimensionsUnitSize}"
                            FontSize="Small"
                            TextColor="{StaticResource Theme.OnBackground}"
                            VerticalTextAlignment="Center"
                            HorizontalTextAlignment="Center"
                            Margin="5,0,5,0"/>
                        
                        <Label 
                            views:DockLayout.Dock="Bottom"
                            Text="{Binding Transaction.ProductDisplay}"
                            LineBreakMode="WordWrap"
                            FontSize="Small"
                            FontAttributes="Bold"
                            TextColor="{StaticResource Theme.OnBackground}"
                            VerticalTextAlignment="Center"
                            HorizontalTextAlignment="Center"
                            Margin="5,0,5,0"/>
                        
                        <Image 
                            views:DockLayout.Dock="Top"
                            Source="{Binding Transaction.Image, Converter={StaticResource ImageConverter}}" />
                        
                    </views:DockLayout>
                    
                </mobile:MobileCard>
                
                <mobile:MobileCard
                    Grid.Row="1"
                    Grid.Column="0"
                    Padding="5,0"
                    BackgroundColor="{StaticResource Theme.Background}">
                    <Label 
                        HorizontalOptions="Fill" 
                        Text="{Binding Transaction.Target.LocationDisplay, Converter={StaticResource LocationDisplayConverter}}"
                        FontSize="Small"
                        TextColor="{StaticResource Theme.OnBackground}"
                        LineBreakMode="TailTruncation"
                        VerticalTextAlignment="Center"
                    />
                </mobile:MobileCard>
                
                <mobile:MobileButton
                    Grid.Row="1"
                    Grid.Column="1"
                    Image="lines"
                    Clicked="SelectLocation_Clicked"
                />
                
                <mobile:MobileCard
                    Grid.Row="2"
                    Grid.Column="0"
                    Padding="5,0"
                    BackgroundColor="{StaticResource Theme.Background}">
                    <Label 
                        HorizontalOptions="Fill" 
                        Text="{Binding Transaction.Target.StyleDisplay, Converter={StaticResource StyleDisplayConverter}}"
                        FontSize="Small"
                        TextColor="{StaticResource Theme.OnBackground}"
                        LineBreakMode="TailTruncation"
                        VerticalTextAlignment="Center"
                    />
                </mobile:MobileCard>
                
                <mobile:MobileButton
                    Grid.Row="2"
                    Grid.Column="1"
                    Image="lines"
                    Clicked="SelectStyle_Clicked"
                />
                
                <mobile:MobileCard
                    Grid.Row="3"
                    Grid.Column="0"
                    Padding="5,0"
                    BackgroundColor="{StaticResource Theme.Background}">
                    <Label 
                        HorizontalOptions="Fill" 
                        Text="{Binding Transaction.Target.JobDisplay, Converter={StaticResource JobDisplayConverter}}"
                        FontSize="Small"
                        TextColor="{StaticResource Theme.OnBackground}"
                        LineBreakMode="TailTruncation"
                        VerticalTextAlignment="Center"
                    />
                </mobile:MobileCard>
                
                <mobile:MobileButton
                    Grid.Row="3"
                    Grid.Column="1"
                    Image="lines"
                    Clicked="SelectJob_Clicked"
                     />
                
                <StackLayout
                    Grid.Row="4"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    BindableLayout.ItemsSource="{Binding Transaction.Allocations}">
                    <BindableLayout.ItemTemplate>
                        <DataTemplate x:DataType="{x:Type local:StockTransactionAllocation}">
                                <Grid 
                                    RowSpacing="5"
                                    ColumnSpacing="5">
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="30"/>
                                        <ColumnDefinition Width="60"/>
                                        <ColumnDefinition Width="30"/>
                                    </Grid.ColumnDefinitions>
                                    
                                    <mobile:MobileCard
                                        Grid.Column="0"
                                        BackgroundColor="{StaticResource Theme.Background}">
                                        <Label
                                            Text="{Binding Description}"
                                            FontSize="Small"
                                            TextColor="{StaticResource Theme.OnBackground}"
                                            VerticalTextAlignment="Center"
                                            HorizontalTextAlignment="Start"
                                            Margin="5,0,5,0"
                                            LineBreakMode="TailTruncation"/>
                                    </mobile:MobileCard>
                                    
                                    <mobile:MobileButton
                                        Grid.Column="1"
                                        WidthRequest="30"
                                        Image="arrow_white_left"
                                        Clicked="DecreaseQty_Clicked"
                                    />
                                    
                                    <mobile:MobileCard
                                        Grid.Column="2"
                                        WidthRequest="60">
                                        <Entry
                                            HorizontalOptions="Fill"
                                            Text="{Binding Quantity, Mode=TwoWay}"
                                            FontSize="Small"
                                            Keyboard="Numeric"
                                            BackgroundColor="{StaticResource Theme.Surface}"
                                            TextColor="{StaticResource Theme.OnSurface}"
                                        />
                                    </mobile:MobileCard>
                                    
                                    <mobile:MobileButton
                                        Grid.Column="3"
                                        WidthRequest="30"
                                        Image="arrow_white_right"
                                        Clicked="IncreaseQty_Clicked"
                                    />
                                    
                                </Grid>

                        </DataTemplate>
                    </BindableLayout.ItemTemplate>
                </StackLayout>
                
            </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>