prs/prs.mobile/comal.timesheets/Modules/MyHR/LeaveRequestList.xaml

<?xml version="1.0" encoding="utf-8" ?>
<timesheets:BasePage xmlns:timesheets="clr-namespace:comal.timesheets" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="comal.timesheets.LeaveRequestList">

    <timesheets:BasePage.ActionButtons>
        <ImageButton Source="add" Clicked="Add_Clicked"/>
    </timesheets:BasePage.ActionButtons>
    
    <timesheets:BasePage.PageContent>
        <StackLayout>
            <Grid Margin="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="2*"/>
                    <ColumnDefinition Width="2*"/>
                    <ColumnDefinition Width="2*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                
                <Label Grid.Row="0" Grid.Column="1"
                Text="Show History" VerticalOptions="Center" HorizontalOptions="End"/>
                
                <CheckBox Grid.Row="0" Grid.Column="2" x:Name="showAllCb"
                          CheckedChanged="ShowAllCb_Changed" VerticalOptions="Center"/>

                <Label Grid.Row="1" Grid.Column="1" x:Name="publicHolidaysLbl" IsVisible="false"
                Text="Public Holidays" VerticalOptions="Center" HorizontalOptions="End"/>

                <CheckBox Grid.Row="1" Grid.Column="2" x:Name="showPublicHolidaysCb" IsVisible="false"
                          CheckedChanged="ShowPublicHolidaysCb_Changed" VerticalOptions="Center"/>
                
                <Frame Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="4" BorderColor="Orange" Margin="2" Padding="10" CornerRadius="10" HasShadow="False">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="2*"/>
                            <ColumnDefinition Width="2*"/>
                            <ColumnDefinition Width="2*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        
                        <Label Grid.Column="0"
                       Text="Type:" FontAttributes="Bold"/>

                        <Label  Grid.Column="1"
                       Text="From:" FontAttributes="Bold"/>

                        <Label Grid.Column="2"
                       Text="To:" FontAttributes="Bold"/>

                        <Label Grid.Column="3"
                       Text="Appr:" FontAttributes="Bold"/>
                        
                    </Grid>
                </Frame>
                
                <ListView Grid.Row="3" Grid.ColumnSpan="4"
                    x:Name="leaveRequestList" HasUnevenRows="True" BackgroundColor="Transparent" Margin="0,0,0,0">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell Tapped="LeaveRequestList_Tapped">
                                <Frame Padding="10" BorderColor="black" Margin="2" CornerRadius="10" HasShadow="False" BackgroundColor="{Binding Color}">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="2*"/>
                                            <ColumnDefinition Width="2*"/>
                                            <ColumnDefinition Width="2*"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        
                                        <Label Grid.Column="0"
                                        Text="{Binding Type}" />

                                        <Label Grid.Column="1"
                                        Text="{Binding From}" />

                                        <Label Grid.Column="2"
                                        Text="{Binding To}" />

                                        <Label Grid.Column="3"
                                        Text="{Binding Approval}" />
                                        
                                    </Grid>
                                </Frame>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>

            </Grid>
        </StackLayout>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>