prs/prs.mobile.new/PRS.Mobile/Modules/Notifications/NotificationList.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" 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"
             x:Class="PRS.Mobile.NotificationList"
             Title="Notifications">
    
    <mobile:MobilePage.Resources>
        <mobile:IntToBooleanConverter x:Key="IntToBooleanConverter"/>
        <local:NotificationTypeConverter x:Key="NotificationTypeConverter"/>
        <mobile:ShellSelectedConverter x:Key="ShellSelectedConverter"/>
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        
        <mobile:MobileMenuButton 
            x:Name="_newmessage"
            Image="plus"
            Clicked="_newmessage_OnClicked"/>
        
     </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <Grid Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            
            <mobile:MobileSearchBar 
                x:Name="_search"
                Grid.Row="0"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                TextChanged="_search_Changed"/>
            
            <mobile:MobileCollectionView
                x:Name="_notifications"
                Grid.Row="1"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                PullToRefresh="True"
                RefreshRequested="_notifications_RefreshRequested"
                HasUnevenRows="False"
                ShowRecordCount="True">
                <mobile:MobileCollectionView.ItemTemplate>
                    <DataTemplate x:DataType="local:NotificationShell">
                        <Frame 
                            Padding="2" 
                            BorderColor="Gray" 
                            CornerRadius="5" 
                            HasShadow="False"
                            VerticalOptions="StartAndExpand"
                            HeightRequest="100"
                            BackgroundColor="White">
                            <Frame.GestureRecognizers>
                                <TapGestureRecognizer Tapped="_notification_Tapped" />
                            </Frame.GestureRecognizers>

                            <Grid
                                    RowSpacing="0"
                                    ColumnSpacing="0"
                                    VerticalOptions="StartAndExpand">
                                    
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    
                                    <mobile:MobileCheckBox
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        IsChecked="{Binding ., Converter={StaticResource ShellSelectedConverter}}"
                                        VerticalOptions="Center"
                                        Changed="Selected_Changed"
                                    />
                                    
                                    <Label 
                                        Grid.Row="0"
                                        Grid.Column="1"
                                        Grid.ColumnSpan="2"
                                        LineBreakMode="WordWrap" 
                                        MaxLines="2"
                                        Text="{Binding Title}"
                                        VerticalOptions="Center"
                                        VerticalTextAlignment="Center"
                                        FontAttributes="Bold"
                                        FontSize="Small"
                                        TextColor="Black"/>
                                    
                                    <Image 
                                        Grid.Row="0"
                                        Grid.Column="3"
                                        WidthRequest="30"
                                        HeightRequest="30"
                                        Aspect="AspectFit"
                                        Source="{Binding EntityType, Converter={StaticResource NotificationTypeConverter}}" 
                                        IsVisible="true"
                                        Margin="2"
                                        VerticalOptions="Start" 
                                        HorizontalOptions="Center"/>
                                    
                                    <Label 
                                        Grid.Row="1"
                                        Grid.Column="0"
                                        Grid.ColumnSpan="4"
                                        LineBreakMode="WordWrap" 
                                        Text="{Binding Description}" 
                                        MaxLines="3"
                                        Margin="5,0"
                                        FontSize="Small"
                                        FontAttributes="Italic"
                                        TextColor="Black"/>

                                    <Label 
                                        Grid.Row="2"
                                        Grid.Column="0"
                                        Grid.ColumnSpan="2"
                                        VerticalOptions="Center"
                                        HorizontalTextAlignment="Start"
                                        Text="{Binding Sender}" 
                                        Margin="5,0"
                                        FontSize="Micro" 
                                        TextColor="Black"/>
                                    
                                    <Label
                                        Grid.Row="2"
                                        Grid.Column="2"
                                        Grid.ColumnSpan="2"
                                        Text="{Binding Created, StringFormat='{}{0:dd MMM yy}'}" 
                                        FontSize="Micro" 
                                        VerticalOptions="Center"
                                        Margin="5,0"
                                        HorizontalTextAlignment="End"
                                        TextColor="Black"/>
                                    
                                </Grid>
                                    
                            
                        </Frame>
                    </DataTemplate>
                </mobile:MobileCollectionView.ItemTemplate>
            </mobile:MobileCollectionView>
            
            <mobile:MobileTabStrip
                x:Name="_view"
                Grid.Row="2"
                Grid.Column="0"
                SelectionChanged="_view_OnSelectionChanged">
                <mobile:MobileTabStrip.Items>
                    <mobile:MobileTabStripItem Text="Unread" />
                    <mobile:MobileTabStripItem Text="History" />
                </mobile:MobileTabStrip.Items>                
            </mobile:MobileTabStrip>
            
            <mobile:MobileCard
                BackgroundColor="Silver"
                Grid.Row="2"
                Grid.Column="1">
                <mobile:MobileMenuButton 
                    x:Name="_options"
                    Image="lines" 
                    Appearing="_options_OnAppearing"
                    Position="AlignTopLeft">
                    
                    <mobile:MobileMenuButton.Items>
                        <mobile:MobileMenuItem 
                            x:Name="_markAsRead"
                            Text="Mark As Read" 
                            Clicked="_markAsRead_Clicked" />
                        <mobile:MobileMenuItem 
                            x:Name="_markAsUnread"
                            Text="Mark As Unread" 
                            IsVisible="False"
                            Clicked="_markAsUnread_Clicked" />
                        <mobile:MobileMenuSeparator 
                            x:Name="_separator"/>
                        <mobile:MobileMenuItem 
                            x:Name="_selectAll"
                            Text="Select All" 
                            Clicked="_selectAll_Clicked" />
                        <mobile:MobileMenuItem 
                            x:Name="_selectNone"
                            Text="Select None" 
                            IsVisible="False"
                            Clicked="_selectNone_Clicked" />
                    </mobile:MobileMenuButton.Items>
            
                </mobile:MobileMenuButton>

            </mobile:MobileCard>
            
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>