prs/prs.mobile.new/PRS.Mobile/Modules/Warehousing/QuickPick/QuickPickModule.xaml

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

<mobile:MobilePage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             xmlns:forms="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
             x:Class="PRS.Mobile.QuickPickModule">
    <mobile:MobilePage.BindingContext>
        <local:QuickPickViewModel x:Name="_viewModel"/>
    </mobile:MobilePage.BindingContext>
    
    <mobile:MobilePage.Resources>
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter" BlankIfEmpty="False"/>
        <mobile:StringWithDefaultValueConverter x:Key="DefaultToGeneralStock" Default="(General Stock)" />
        <mobile:DoubleCalculator x:Key="ScannerHeightCalculator" Type="Product" Constants="0.65"/>
        <mobile:IntToBooleanConverter x:Key="SummaryPageVisible" Value="1" Result="True" />
        <mobile:BooleanMatcher x:Key="MatchAll" Type="All" Value="True" />
        <mobile:StringWithDefaultValueConverter x:Key="JobNameConverter" Default="(Select Job)" />
        <mobile:GuidToBooleanConverter x:Key="GuidToBooleanConverter" EmptyValue="False"></mobile:GuidToBooleanConverter>
        
        <DataTemplate x:Key="_locationTemplate" x:Name="_locationTemplate" x:DataType="local:StockHoldingShell">
            <ViewCell>
                 <mobile:MobileCard
                    HeightRequest="50"
                    IsClickable="True"
                    Clicked="SelectFromHolding_Click"
                    Margin="0,0,0,5"
                    Padding="5,0,0,0"
                    BackgroundColor="{StaticResource Theme.Surface}">
                    <Grid RowSpacing="0" ColumnSpacing="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="5"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="1"/>
                            <ColumnDefinition Width="50"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="20"/>
                            <RowDefinition Height="15"/>
                            <RowDefinition Height="15"/>
                        </Grid.RowDefinitions>
                        
                        <Image
                            Grid.Row="0"
                            Grid.Column="0"
                            Grid.RowSpan="3"
                            Margin="2"
                            Source="{Binding Image, Converter={StaticResource ByteArrayToImageSourceConverter}}"/>
                        
                        <BoxView Grid.Row="0" Grid.RowSpan="3" Grid.Column="1" BackgroundColor="Gray" WidthRequest="1" HorizontalOptions="Start"/>

                        <Label 
                            Grid.Row="0"
                            Grid.Column="2"
                            views:DockLayout.Dock="Left"
                            FontSize="{StaticResource Theme.Text.Small.Size}"
                            TextColor="{StaticResource Theme.OnSurface}"
                            VerticalTextAlignment="Center"
                            Text="{Binding ProductName}"/>
                        
                        <views:DockLayout
                            Grid.Row="1"
                            Grid.Column="2">
                            <Label 
                                views:DockLayout.Dock="Left"
                                FontSize="{StaticResource Theme.Text.Micro.Size}"
                                TextColor="{StaticResource Theme.OnSurface}"
                                VerticalTextAlignment="Center"
                                Text="{Binding DimensionsUnitSize}"/>
                            <Label 
                                views:DockLayout.Dock="Left"
                                FontSize="{StaticResource Theme.Text.Micro.Size}"
                                TextColor="{StaticResource Theme.OnSurface}"
                                Margin="5,0,0,0"
                                VerticalTextAlignment="Center"
                                Text="{Binding StyleDescription}"/>
                        </views:DockLayout>
                        
                        <Label 
                            Grid.Row="2"
                            Grid.Column="2"
                            FontSize="{StaticResource Theme.Text.Micro.Size}"
                            TextColor="{StaticResource Theme.OnSurface}"
                            VerticalTextAlignment="Center"
                            Text="{Binding JobDisplay, Converter={StaticResource DefaultToGeneralStock}}"/>

                        <BoxView Grid.Row="0" Grid.RowSpan="3" Grid.Column="3" BackgroundColor="Gray"/>
                        
                        <Label 
                            Grid.Row="0"
                            Grid.RowSpan="3"
                            Grid.Column="4"
                            FontSize="{StaticResource Theme.Text.Header.Size}"
                            TextColor="{StaticResource Theme.OnSurface}"
                            VerticalTextAlignment="Center"
                            HorizontalTextAlignment="Center"
                            Text="{Binding Units}"/>
                        
                    </Grid>
                </mobile:MobileCard>
           </ViewCell>
        </DataTemplate>
        
        <DataTemplate 
            x:Key="_requisitionItemTemplate" 
            x:DataType="local:RequisitionItemShell">
            <ViewCell>
                <mobile:MobileCard
                    IsClickable="True"
                    Margin="0,0,0,5"
                    Padding="0"
                    Background="LightYellow">
                
                    <Grid ColumnSpacing="5">
                
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="1"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="1"/>
                            <ColumnDefinition Width="60"/>
                        </Grid.ColumnDefinitions>
                        
                        
                        <Image
                            Grid.Row="0"
                            Source="{Binding Image, Converter={StaticResource ByteArrayToImageSourceConverter}}"
                            HorizontalOptions="Center"
                            VerticalOptions="Center"
                            Margin="5,0,0,0"/>
                
                        <BoxView Grid.Column="1" BackgroundColor="Gray"/>
                        
                        <Label
                            Grid.Column="2"
                            FontSize="Small"
                            TextColor="Black"
                            Text="{Binding Description}"
                            VerticalTextAlignment="Center"
                        />

                        <BoxView Grid.Column="3" BackgroundColor="Gray"/>
                        

                        <Label
                            Grid.Column="4"
                            HorizontalOptions="Center" 
                            VerticalOptions="Center"
                            Margin="0,0,5,0"
                            FontSize="Small"
                            TextColor="Black"
                            Text="{Binding Quantity}"
                        />
                        
                    </Grid>

                </mobile:MobileCard>
            </ViewCell>    
        </DataTemplate>
        
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton Image="save" Clicked="SaveList_Click">
            <mobile:MobileMenuButton.IsVisible>
                <MultiBinding Converter="{StaticResource MatchAll}">
                    <Binding Path="HasItems" />
                    <Binding Path="Job.ID" Converter="{StaticResource GuidToBooleanConverter}" />
                    <Binding Source="{x:Reference _tabStrip}" Path="SelectedIndex" Converter="{StaticResource SummaryPageVisible}" />
                </MultiBinding>
            </mobile:MobileMenuButton.IsVisible>
        </mobile:MobileMenuButton> 
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <views:DockLayout Margin="5">
            
           
             <mobile:MobileTabStrip 
                 views:DockLayout.Dock="Bottom"
                 HeightRequest="50"
                 x:Name="_tabStrip"
                 SelectedIndex="0"
                 Margin="0,5,0,0"
                 SelectionChanged="_tabStrip_OnSelectionChanged">
                 <mobile:MobileTabStrip.Items>
                     <mobile:MobileTabStripItem Text="Location" />
                     <mobile:MobileTabStripItem Text="Summary" />
                 </mobile:MobileTabStrip.Items>
            </mobile:MobileTabStrip>
            
            <mobile:MobilePageStack
                views:DockLayout.Dock="Top"
                SelectedIndex="{Binding Source={x:Reference _tabStrip}, Path=SelectedIndex}">
                <mobile:MobilePageStack.Items>
                    
                    <mobile:MobilePageStackItem>
                        <mobile:MobilePageStackItem.Content>
                            <views:DockLayout>
                                
                                <mobile:MobileCard 
                                    Padding="0" 
                                    IsClippedToBounds="True" 
                                    views:DockLayout.Dock="Top">
                                    <mobile:MobileCard.HeightRequest>
                                        <MultiBinding Converter="{StaticResource ScannerHeightCalculator}">
                                            <Binding Source="{RelativeSource AncestorType={x:Type local:QuickPickModule}}" Path="Width" />
                                        </MultiBinding>
                                    </mobile:MobileCard.HeightRequest>

                                    <Grid x:Name="scannerGrid">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="*"/>
                                            <RowDefinition Height="21"/>
                                            <RowDefinition Height="4*"/>
                                            <RowDefinition Height="21"/>
                                            <RowDefinition Height="*"/>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="21"/>
                                            <ColumnDefinition Width="4*"/>
                                            <ColumnDefinition Width="21"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        
                                        <forms:ZXingScannerView  
                                            Grid.Row="0" 
                                            Grid.Column="0" 
                                            Grid.RowSpan="5" 
                                            Grid.ColumnSpan="5" 
                                            x:Name="_scanView" 
                                            Background="Gray"
                                            OnScanResult="ScanView_OnScanResult"/>
                                        
                                        <Polyline Points="20,00 00,00 00,20" Grid.Row="1" Grid.Column="1" x:Name="topleft" Stroke="Red" StrokeThickness="2"/>
                                        <Polyline Points="00,00 20,00 20,20" Grid.Row="1" Grid.Column="3" x:Name="topright" Stroke="Red"  StrokeThickness="2"/>
                                        <Polyline Points="20,00 20,20 00,20" Grid.Row="3" Grid.Column="3" x:Name="bottomright" Stroke="Red"  StrokeThickness="2"/>
                                        <Polyline Points="20,20 00,20 00,00" Grid.Row="3" Grid.Column="1" x:Name="bottomleft" Stroke="Red"  StrokeThickness="2"/>
                                        
                                        <Label 
                                            Text="Scan Barcode" 
                                            TextColor="White" 
                                            BackgroundColor="Transparent" 
                                            Grid.Row="4" 
                                            Grid.Column="0" 
                                            Grid.ColumnSpan="5" 
                                            HorizontalTextAlignment="Center" 
                                            VerticalTextAlignment="Center"/>
                                    </Grid>
                                </mobile:MobileCard>
 
                                <mobile:MobileListView
                                    views:DockLayout.Dock="Top"
                                    x:Name="_holdings"
                                    PullToRefresh="False"
                                    ShowRecordCount="False"
                                    Margin="0,5,0,0" 
                                    ItemsSource="{Binding Holdings.Items}"
                                    ItemTemplate="{StaticResource _locationTemplate}"/>
                                
                            </views:DockLayout>
                        </mobile:MobilePageStackItem.Content>
                    </mobile:MobilePageStackItem>
                    
                    <mobile:MobilePageStackItem>
                        <mobile:MobilePageStackItem.Content>
                            
                            <views:DockLayout>
                                
                                <mobile:MobileButton  
                                    views:DockLayout.Dock="Top"
                                    x:Name="Job" 
                                    Text="{Binding Job.DisplayName, Converter={StaticResource JobNameConverter}}" 
                                    Clicked="SelectJob_Clicked"/>
                                
                                <mobile:MobileListView
                                    views:DockLayout.Dock="Top"
                                    x:Name="_requiItems"
                                    PullToRefresh="False"
                                    ShowRecordCount="False"
                                    Margin="0,5,0,0" 
                                    ItemsSource="{Binding RequisitionItems.Items}"
                                    ItemTemplate="{StaticResource _requisitionItemTemplate}"/>
                            
                            </views:DockLayout>
                            
                        </mobile:MobilePageStackItem.Content>
                    </mobile:MobilePageStackItem>
                    
                </mobile:MobilePageStack.Items>
            </mobile:MobilePageStack>
            
            
            
        </views:DockLayout>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>