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

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

<local:RequisitionEditView 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"
             xmlns:forms="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
             x:Class="PRS.Mobile.RequisitionEditItemsView"
             x:DataType="local:RequisitionEditViewModel">
    <local:RequisitionEditView.Resources>
        <mobile:DateTimeToStringConverter x:Key="FilledConverter" FilledText="Re-open for Picking" EmptyText="Finish Picking" />
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter" BlankIfEmpty="True" />
        <local:RequisitionEditModeToBooleanConverter x:Key="IsPickModeConverter" PickValue="True" EditValue="False" />
        <local:RequisitionEditModeToBooleanConverter x:Key="IsEditModeConverter" PickValue="False" EditValue="True" />

    </local:RequisitionEditView.Resources>
    <local:RequisitionEditView.Content>
        <views:DockLayout>
            
            <mobile:MobileButton  
                views:DockLayout.Dock="Bottom"
                CornerRadius="5"
                x:Name="Completed" 
                Text="{Binding Item.Filled, Converter={StaticResource FilledConverter}}" 
                IsVisible="{Binding Mode, Converter={StaticResource IsPickModeConverter}}"
                Clicked="Complete_Clicked"
                Margin="0,5,0,0" /> 
            
            <mobile:MobileListView
                views:DockLayout.Dock="Top"
                x:Name="_items"
                PullToRefresh="False"
                ShowRecordCount="False"
                ItemsSource="{Binding Items.Items}"
                Margin="0,5,0,0">
                <mobile:MobileListView.ItemTemplate>
                
                    <DataTemplate x:DataType="local:RequisitionItemShell">
                        <ViewCell>
                            <mobile:MobileCard
                                IsClickable="True"
                                Margin="0,0,0,5"
                                Padding="0"
                                Background="LightYellow"
                                Clicked="RequisitionItem_Clicked">
                            
                                <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"/>
                                    
                                    <StackLayout
                                        Grid.Column="4"
                                        Orientation="Horizontal" 
                                        HorizontalOptions="Center" 
                                        VerticalOptions="Center"
                                        Spacing="0"
                                        Margin="0,0,5,0">
                                        <Label
                                            FontSize="Small"
                                            TextColor="Black"
                                            Text="{Binding ActualQuantity}"
                                            IsVisible="{Binding Source={RelativeSource AncestorType={x:Type local:RequisitionEditView}}, Path=ViewModel.Mode, Converter={StaticResource IsPickModeConverter}}"
                                        />
                                        <Label
                                            FontSize="Small"
                                            TextColor="Black"
                                            Text=" / "
                                            IsVisible="{Binding Source={RelativeSource AncestorType={x:Type local:RequisitionEditView}}, Path=ViewModel.Mode, Converter={StaticResource IsPickModeConverter}}"
                                        />
                                        <Label
                                            FontSize="Small"
                                            TextColor="Black"
                                            Text="{Binding Quantity}"
                                        />
                                    </StackLayout>
                                    
                                </Grid>

                            </mobile:MobileCard>
                        </ViewCell>    

                    </DataTemplate>
                
                </mobile:MobileListView.ItemTemplate>
                
            </mobile:MobileListView>
            
        </views:DockLayout>
    </local:RequisitionEditView.Content>
</local:RequisitionEditView>