prs/prs.mobile.new/PRS.Mobile/Modules/Site/SiteDocuments/SiteDocuments.xaml

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

<local:SitePage 
    xmlns:local="clr-namespace:PRS.Mobile"
    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"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    x:Class="PRS.Mobile.SiteDocuments"
    Title="Site Documents">
    
    <local:SitePage.Resources>
        <local:SiteDocumentCachedColorConverter x:Key="SiteDocumentCachedColorConverter" />
        <local:SiteDocumentCachedImageConverter x:Key="SiteDocumentCachedImageConverter" />
        <mobile:ByteArrayToImageSourceConverter x:Key="ByteArrayToImageSourceConverter" />
    </local:SitePage.Resources>
    
    <local:SitePage.PrimaryMenu>
        <mobile:MobileMenuButton 
            x:Name="_filter"
            Image="lines" 
            Clicked="_filter_Clicked"/>
    </local:SitePage.PrimaryMenu>
    
    <local:SitePage.PageContent>
        
        <Grid Margin="5">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
            <mobile:MobileSearchBar
                x:Name="_search"
                TextChanged="_search_OnTextChanged"/>
            
            <mobile:MobileCollectionView 
                x:Name="_files"
                Grid.Row="1"
                PullToRefresh="True"
                RefreshRequested="_files_OnRefreshRequested"
                ShowRecordCount="True">
                
                <mobile:MobileCollectionView.ItemTemplate>
                    
                    <DataTemplate x:DataType="local:JobDocumentShell">
                        
                        <mobile:MobileCard 
                            IsClickable="True"
                            Clicked="SiteDocument_Clicked"
                            BackgroundColor="{Binding ., Converter={StaticResource SiteDocumentCachedColorConverter}}">
                                
                                <Grid Margin="5"
                                    x:DataType="local:JobDocumentShell"
                                    RowSpacing="0"
                                    ColumnSpacing="0">
                                                
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    
                                    <Image 
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        Grid.ColumnSpan="2"
                                        Margin="5"
                                        Source="{Binding Thumbnail, Converter={StaticResource ByteArrayToImageSourceConverter}}"
                                        HeightRequest="200" 
                                        Aspect="AspectFit"
                                        />
                                    
                                    <Label
                                        Grid.Row="1"
                                        Grid.Column="0"
                                        Text="{Binding Name}" 
                                        FontSize="Micro" 
                                        HorizontalOptions="Fill" 
                                        HorizontalTextAlignment="Center" 
                                        VerticalOptions="Fill"
                                        VerticalTextAlignment="Center"
                                        LineHeight="1.0"
                                        Margin="0,5,0,0"
                                        TextColor="Black"/>
                                    
                                    <Label 
                                        Grid.Row="2"
                                        Grid.Column="0"
                                        Text="{Binding FileName}" 
                                        FontSize="Micro"
                                        HorizontalOptions="Fill" 
                                        HorizontalTextAlignment="Center" 
                                        VerticalOptions="Fill"
                                        VerticalTextAlignment="Center"
                                        LineHeight="1.0"
                                        Margin="0,0,0,5"
                                        TextColor="Black"/>
                                    
                                    <Image
                                        Grid.Row="1"
                                        Grid.RowSpan="2"
                                        Grid.Column="1"
                                        Source="{Binding ., Converter={StaticResource SiteDocumentCachedImageConverter}}"
                                        VerticalOptions="Center"
                                        HorizontalOptions="Center"
                                        HeightRequest="30"
                                        Aspect="AspectFit"/>
                                    
                                </Grid>

                            </mobile:MobileCard>

                    </DataTemplate>
                    
                </mobile:MobileCollectionView.ItemTemplate>
                
            </mobile:MobileCollectionView>
            
        </Grid>

    </local:SitePage.PageContent>
</local:SitePage>