prs/prs.mobile/comal.timesheets/Modules/Site/SiteDocuments/SiteDocuments.xaml

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

<timesheets:SitePage 
    xmlns:timesheets="clr-namespace:comal.timesheets"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    x:Class="comal.timesheets.SiteDocuments"
    Title="Site Documents">
    
    <timesheets:SitePage.ActionButtons>
        <ImageButton Clicked="ShowFilter_OnClicked" Source="downarrowwhite"/>
    </timesheets:SitePage.ActionButtons>
    
    <timesheets:SitePage.PageContent>
        
        <Grid>
            
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            
            <timesheets:MobileList 
                x:Name="_files"
                Grid.Row="0"
                ItemTapped="_files_OnItemTapped"
                >
                
                <timesheets:MobileList.ItemTemplate>
                    
                    <DataTemplate x:DataType="timesheets:JobDocumentShell">
                        
                        <ui:MaterialCard
                                CornerRadius="5"
                                Elevation="0"
                                HorizontalOptions="FillAndExpand"
                                BorderColor="Silver"
                                Margin="5,0,5,5"
                                BackgroundColor="White"
                                Padding="5"
                                IsClickable="True"
                                Clicked="MaterialCard_OnClicked">
                                
                                <Grid 
                                    x:DataType="timesheets:JobDocumentShell"
                                    RowSpacing="0"
                                    ColumnSpacing="0">
                                                
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    
                                    <Image 
                                        Grid.Row="0" 
                                        Margin="5"
                                        Source="{Binding Thumbnail}"
                                        HeightRequest="200" 
                                        Aspect="AspectFit"
                                        />
                                    
                                    <ui:MaterialLabel 
                                        Grid.Row="1"
                                        Text="{Binding FileName}" 
                                        TypeScale="Body2" 
                                        HorizontalOptions="Fill" 
                                        HorizontalTextAlignment="Center" 
                                        VerticalOptions="Fill"
                                        VerticalTextAlignment="Center"
                                        LineHeight="1.0"
                                        Margin="0,5,0,5"/>
                                    
                                </Grid>

                            </ui:MaterialCard>

                    </DataTemplate>
                    
                </timesheets:MobileList.ItemTemplate>
                
            </timesheets:MobileList>
            
            <ui:MaterialLabel 
                x:Name="_summary"
                Grid.Row="1"
                TypeScale="Body1"
                HorizontalTextAlignment="Center"
                VerticalTextAlignment="Center"/>
            
        </Grid>

    </timesheets:SitePage.PageContent>
</timesheets:SitePage>