prs/prs.mobile/comal.timesheets/Assignments/AssignmentDetails.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:local="clr-namespace:comal.timesheets"
             xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             x:Class="comal.timesheets.AssignmentDetails">
    <ScrollView>
        <Grid Margin="5">
        
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="60" />
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            
            <Label Grid.Row="0" Grid.Column="0" Text="Subject" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
            <Entry Grid.Row="0" Grid.Column="1" x:Name="Subject" Text="{Binding Item.Subject}" TextChanged="Subject_OnTextChanged"/>

            <Grid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" RowSpacing="0" ColumnSpacing="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="60"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="1.7*"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.Row="0" Grid.Column="0" RowSpacing="0" ColumnSpacing="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Row="1" Text="From" VerticalOptions="Center" VerticalTextAlignment="Center"/>
                    <Label Grid.Row="2"  Text="To" VerticalOptions="Center" VerticalTextAlignment="Center"/>
                </Grid>

                <Frame Grid.Row="0" Grid.Column="1" Margin="6,1,1.5,1" Padding="3" HasShadow="False" >
                    <Grid RowSpacing="0" ColumnSpacing="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="40"/>
                        </Grid.RowDefinitions>
                        <Label Grid.Row="0" Margin="5, 0, 0, 0"
                               Text="Booked" VerticalTextAlignment="Center" FontAttributes="Bold" FontSize="Medium" HorizontalOptions="Start" HorizontalTextAlignment="Center"/>
                        <TimePicker Grid.Row="1" x:Name="BookedStart" Time="{Binding Item.BookedStart}" Unfocused="BookedStart_OnUnfocused"/>
                        <TimePicker Grid.Row="2" x:Name="BookedFinish" Time="{Binding Item.BookedFinish}" Unfocused="BookedFinish_OnUnfocused"/>
                    </Grid>
                </Frame>

                <Frame Grid.Row="0" Grid.Column="2" Margin="1.5,1,3,1" Padding="3" HasShadow="False">
                    <Grid RowSpacing="0" ColumnSpacing="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="40"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="auto"/>
                        </Grid.ColumnDefinitions>
                        <Label Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Margin="5, 0, 0, 0"
                               Text="Actual" VerticalTextAlignment="Center" FontAttributes="Bold" FontSize="Medium" HorizontalOptions="Start" HorizontalTextAlignment="Center"/>
                        <ui:MaterialButton Grid.Row="0" Grid.Column="1" Text="As Booked" x:Name="AsBookedBtn" Clicked="AsBookedBtn_Clicked" Padding="7, 0, 7, 0"/>
                        
                        <TimePicker Grid.Row="1" Grid.Column="0" x:Name="ActualStart" Time="{Binding Item.ActualStart}" Unfocused="ActualStart_OnUnfocused"/>
                        <TimePicker Grid.Row="2" Grid.Column="0" x:Name="ActualFinish" Time="{Binding Item.ActualFinish}" Unfocused="ActualFinish_OnUnfocused"/>
                        <ui:MaterialButton Grid.Row="1" Grid.Column="1" Text="Now" x:Name="ActualStartNowBtn" Clicked="ActualStartNowBtn_Clicked"/>
                        <ui:MaterialButton Grid.Row="2" Grid.Column="1" Text="Now" x:Name="ActualFinishNowBtn" Clicked="ActualFinishNowBtn_Clicked" Padding="1"/>
                    </Grid>
                </Frame>
            </Grid>

            <Label Grid.Row="4" Grid.Column="0" Text="Job" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
            <ui:MaterialButton Grid.Row="4" Grid.Column="1" x:Name="Job" Text="{Binding Item.JobDisplay}" Clicked="Job_Clicked" Margin="-5"/>
            
            <Label Grid.Row="5" Grid.Column="0" Text="Task" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
            <ui:MaterialButton Grid.Row="5" Grid.Column="1" x:Name="Task" Text="{Binding Item.TaskDisplay}" Clicked="Task_Clicked" Margin="-5"/>

            <Label Grid.Row="6" Grid.Column="0" Text="Activity" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
            <ui:MaterialButton Grid.Row="6" Grid.Column="1" x:Name="Activity" Text="{Binding Item.ActivityDisplay}" Clicked="Activity_Clicked" Margin="-5"/>  

            <Label Grid.Row="7" Grid.Column="0" Text="Notes"/>
            <Editor Grid.Row="7" Grid.Column="1" x:Name="Description" Text="{Binding Item.Description}" TextChanged="Description_OnTextChanged"/>
            
            <ui:MaterialButton Grid.Row="8" Grid.Column="0" Grid.ColumnSpan="2" x:Name="Completed" Text="Complete" Clicked="Complete_Clicked" Margin="-5"/>  
        </Grid>
    </ScrollView>

</ContentView>