prs/prs.mobile/comal.timesheets/Modules/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"
             xmlns:popupLayout="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
             x:Class="comal.timesheets.AssignmentDetails">
    <popupLayout:SfPopupLayout x:Name="popupLayout">
        <popupLayout:SfPopupLayout.Content>
            <ScrollView>
                <Grid Margin="5">
                
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="70" />
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="50"/>
                    </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"/>

                    <Label Grid.Row="1" Grid.Column="0" Text="Booked" VerticalOptions="Center" VerticalTextAlignment="Center"/>
                    <Grid Grid.Row="1" Grid.Column="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="20"/>
                            <ColumnDefinition Width="*"/>                    
                        </Grid.ColumnDefinitions>
                        <local:TimeButton x:Name="BookedStart" Grid.Column="0" Time="{Binding Item.BookedStart, Mode=TwoWay}" Changed="BookedStart_OnChanged"/>
                        <ui:MaterialLabel Grid.Column="1" Text="-" VerticalOptions="Center" Padding="5" TypeScale="H6"/>
                        <local:TimeButton x:Name="BookedFinish" Grid.Column="2" Time="{Binding Item.BookedFinish, Mode=TwoWay}" Changed="BookedFinish_OnChanged"/>
                    </Grid>
                    
                    <Label Grid.Row="2" Grid.Column="0" Text="Actual" VerticalOptions="Center" VerticalTextAlignment="Center"/>
                    <Grid Grid.Row="2" Grid.Column="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="20"/>
                            <ColumnDefinition Width="*"/>                    
                        </Grid.ColumnDefinitions>
                        <local:TimeButton x:Name="ActualStart" Grid.Column="0" Time="{Binding Item.ActualStart, Mode=TwoWay}" Changed="ActualStart_OnChanged"/>
                        <ui:MaterialLabel Grid.Column="1" Text="-" VerticalOptions="Center" Padding="5" TypeScale="H6"/>
                        <local:TimeButton x:Name="ActualFinish" Grid.Column="2" Time="{Binding Item.ActualFinish, Mode=TwoWay}" Changed="ActualFinish_OnChanged"/>

                    </Grid>
                    
                    <Label Grid.Row="3" Grid.Column="0" Text="Job" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
                    <local:ActionButton  Grid.Row="3" Grid.Column="1" x:Name="Job" Text="{Binding Item.JobDisplay}" Clicked="SelectJob_Clicked"/>
                    
                    <Label Grid.Row="4" Grid.Column="0" Text="Task" VerticalOptions="Fill" VerticalTextAlignment="Center"/>
                    <local:ActionButton  Grid.Row="4" Grid.Column="1" x:Name="Task" Text="{Binding Item.TaskDisplay}" Clicked="Task_Clicked"/>

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

                    <Label Grid.Row="6" Grid.Column="0" Text="Notes"/>
                    <Editor Grid.Row="6" Grid.Column="1" x:Name="Description" Text="{Binding Item.Description}" TextChanged="Description_OnTextChanged"/>
                    
                    <local:ActionButton  Grid.Row="7" Grid.Column="0" Grid.ColumnSpan="2" x:Name="Completed" Text="Complete" Clicked="Complete_Clicked"/>  
                </Grid>
            </ScrollView>
                </popupLayout:SfPopupLayout.Content>
    </popupLayout:SfPopupLayout>
</ContentView>