prs/prs.mobile.new/PRS.Mobile/Modules/Purchases/PurchaseOrderListView.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:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             x:Class="PRS.Mobile.PurchaseOrderListView">
    
    <ContentView.Resources>
        <local:PurchaseOrderStatusConverter x:Key="PurchaseOrderStatusConverter"/>
    </ContentView.Resources>
    <ContentView.Content>

        <Grid
            RowSpacing="5"
            Margin="5">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>
            
            <mobile:MobileSearchBar
                x:Name="_search"
                Grid.Row="0"
                TextChanged="_search_OnTextChanged"></mobile:MobileSearchBar>
            
            <mobile:MobileCollectionView
                x:Name="_list"
                Grid.Row="1"
                PullToRefresh="True"
                RefreshRequested="_list_OnRefreshRequested"
                HasUnevenRows="False">
                
                <mobile:MobileCollectionView.ItemTemplate>
                    
                    <DataTemplate x:DataType="local:PurchaseOrderShell">
                        
                        <Frame 
                            BorderColor="Gray" 
                            CornerRadius="5" 
                            Padding="2" 
                            HasShadow="False"
                            HeightRequest="80">
                            <Frame.GestureRecognizers>
                                <TapGestureRecognizer Tapped="_list_ItemTapped" />
                            </Frame.GestureRecognizers>
                            
                            <Grid
                                RowSpacing="0"
                                ColumnSpacing="2">
                                
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="auto"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="auto"/>
                                </Grid.RowDefinitions>
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>

                                <Label  
                                    Grid.Row="0" 
                                    Grid.Column="0" 
                                    HorizontalOptions="Start" 
                                    VerticalOptions="Center"
                                    Text="{Binding PONumber}" 
                                    FontAttributes="Bold" 
                                    FontSize="Small"
                                    />

                                <Label  
                                    Grid.Row="0" 
                                    Grid.Column="1"
                                    HorizontalOptions="Start" 
                                    VerticalOptions="Center"
                                    Text="{Binding SupplierName}"
                                    FontAttributes="Bold"
                                    FontSize="Small"
                                    />
                                
                                <Label  
                                    Grid.Row="1" 
                                    Grid.Column="0" 
                                    Grid.ColumnSpan="3"
                                    MaxLines="3"
                                    HorizontalOptions="Start" 
                                    VerticalOptions="Start"
                                    Text="{Binding Notes}" 
                                    FontSize="Micro" 
                                    FontAttributes="Italic"
                                    />
                                
                                <Label  
                                    Grid.Row="2" 
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    HorizontalOptions="Start"
                                    VerticalOptions="Center"
                                    Text="{Binding ., Converter={StaticResource PurchaseOrderStatusConverter}}"
                                    FontSize="Micro"/>

                                <Label 
                                    Grid.Row="2" 
                                    Grid.Column="2"
                                    HorizontalOptions="End" 
                                    VerticalOptions="Center"
                                    Text="{Binding DueDate, StringFormat='Due: {0:dd MMM yy}'}" 
                                    FontSize="Micro"/>
                                
                            </Grid>

                        </Frame>
                    </DataTemplate>
                </mobile:MobileCollectionView.ItemTemplate>
            </mobile:MobileCollectionView>
            
        </Grid>
        
    </ContentView.Content>
    
</ContentView>