prs/prs.mobile.new/PRS.Mobile/Modules/Assignments/AssignmentList.xaml

<?xml version="1.0" encoding="UTF-8"?>
<mobile:MobilePage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    x:Class="PRS.Mobile.AssignmentList"
    xmlns:local="clr-namespace:PRS.Mobile"
    xmlns:schedule="clr-namespace:Syncfusion.SfSchedule.XForms;assembly=Syncfusion.SfSchedule.XForms"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared">
    
    <mobile:MobilePage.Resources>
        <local:SelectedColorConverter x:Key="SelectedColorConverter" SelectedColor="Coral" UnselectedColor="White"></local:SelectedColorConverter>
        <mobile:DateTimeToBooleanConverter x:Key="DateTimeToBooleanConverter" EmptyResult="False" />
        <ResourceDictionary>
            <DataTemplate x:Key="DayViewAppointments" x:DataType="local:AssignmentShell">
                <Frame Grid.ColumnSpan="2" Grid.RowSpan="2" BorderColor="Gray" Margin="1" Padding="5,2,2,2" CornerRadius="5" HasShadow="False" Background="{Binding BackgroundColor}">
                    <Grid ColumnSpacing="0" RowSpacing="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Margin="0" FontAttributes="Bold" FontSize="Micro" Text="{Binding Subject}"/>
                        <Label Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="0" FontSize="Micro" Text="{Binding Description}" />
                        <Image Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="2" Margin="0" Source="tick" HeightRequest="20" WidthRequest="20" IsVisible="{Binding Completed, Converter={StaticResource DateTimeToBooleanConverter}}" HorizontalOptions="End" VerticalOptions="Start"/>
                    </Grid>
                </Frame>
            </DataTemplate>
    
            <schedule:ScheduleAppointmentMapping x:Key="AppointmentMapping"
                IdMapping="ID"
                SubjectMapping="Title"
                ColorMapping="BackgroundColor"
                StartTimeMapping="StartTime"
                EndTimeMapping="EndTime"
                NotesMapping="Description"
                TextColorMapping="TextColor"
                ResourceIdsMapping="ResourceIds"
                >
            </schedule:ScheduleAppointmentMapping>
    
            
            
        </ResourceDictionary>
        
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        <ImageButton x:Name="ShowHideSources" Clicked="ShowHideSources_OnClicked" Source="arrow_white_down"/>
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        
        <Grid ColumnSpacing="0" RowSpacing="5" Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" x:Name="ScheduleColumn"/>
                <ColumnDefinition Width="0" x:Name="JobColumn" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
            <Grid Grid.Row="0" Grid.Column="0" ColumnSpacing="5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <mobile:MobileButton 
                    x:Name="ScheduleType" 
                    Grid.Row="0" 
                    Grid.Column="0" 
                    Clicked="SelectEmployees_OnClicked" 
                    Margin="0"  />
                <mobile:MobileButton 
                    x:Name="PrevDay"
                    Image="arrow_white_left" 
                    ImageSize="20,20"
                    Grid.Row="0" 
                    Grid.Column="1" 
                    Clicked="PrevDay_OnClicked" 
                    Margin="0" 
                    WidthRequest="40" /> 
                <mobile:MobileButton 
                    x:Name="SelectDate"
                    Image="schedule" 
                    Grid.Row="0" 
                    Grid.Column="2" 
                    Clicked="SelectDate_OnClicked" 
                    Margin="0" 
                    WidthRequest="40" />
                <mobile:MobileButton 
                    x:Name="NextDay"
                    Image="arrow_white_right" 
                    ImageSize="20,20"
                    Grid.Row="0" 
                    Grid.Column="3" 
                    Clicked="NextDay_OnClicked" 
                    Margin="0" 
                    WidthRequest="40" /> 
            </Grid>
            
            <mobile:MobileCard 
                x:Name="DayFrame" 
                Grid.Row="1" 
                Grid.Column="0" >
                
                <schedule:SfSchedule  
                    x:Name="DayView"
                    ScheduleView="DayView" 
                    HeaderHeight="0"
                    ViewHeaderHeight="0"
                    TimeInterval="30"
                    Background="White"
                    EnableNavigation="False"
                    VerticalOptions="Fill"
                    ShowResourceView="False"
                    ResourceViewMode="Absolute"
                    TimeIntervalHeight="150"
                    AllowAppointmentDrag="True"
                    AppointmentMapping="{StaticResource AppointmentMapping}"
                    AppointmentTemplate="{StaticResource DayViewAppointments}"
                    CellTapped="Schedule_OnCellTapped"
                    CellLongPressed="Schedule_OnCellLongPressed"
                    Margin="0"

                >
                
                    <schedule:SfSchedule.DayViewSettings>
                        <schedule:DayViewSettings TimeRulerSize="50"/>
                    </schedule:SfSchedule.DayViewSettings>
                
                </schedule:SfSchedule>
                
            </mobile:MobileCard >
            
            <mobile:MobileCard  
                x:Name="TimelineFrame" 
                Grid.Row="1" 
                Grid.Column="0" 
                Padding="0">
                
                <schedule:SfSchedule 
                    x:Name="TimeLineView"
                    ScheduleView="TimelineView" 
                    HeaderHeight="0"
                    ViewHeaderHeight="0"
                    TimeInterval="60"
                    Background="White"
                    ShowResourceView="False"
                    EnableNavigation="False"
                    ResourceViewHeight="50"
                    ResourceViewMode="Absolute"
                    TimeIntervalHeight="150"
                    AllowAppointmentDrag="True"
                    AppointmentMapping="{StaticResource AppointmentMapping}"
                    AppointmentTemplate="{StaticResource DayViewAppointments}"
                    CellTapped="Schedule_OnCellTapped"
                    CellLongPressed="Schedule_OnCellLongPressed"
                    Margin="0"
                >
                    
                    <schedule:SfSchedule.TimelineViewSettings>
                        <schedule:TimelineViewSettings AppointmentHeight="200"/>
                    </schedule:SfSchedule.TimelineViewSettings>
                    
                    <schedule:SfSchedule.ResourceItemTemplate>
                         <DataTemplate x:DataType="schedule:ScheduleResource">
                             <Grid >
                                 <Grid.RowDefinitions>
                                     <RowDefinition Height="*"/>
                                 </Grid.RowDefinitions>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Text="{Binding Name}" Margin="-100,-0,-100,0" TextColor="Gray" FontSize="Micro" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Rotation="-90"/>
                             </Grid>

                         </DataTemplate>
                    </schedule:SfSchedule.ResourceItemTemplate>
                    
                </schedule:SfSchedule>
            </mobile:MobileCard>
            
            <mobile:MobileButton 
                x:Name="LookupType" 
                Grid.Row="0"
                Grid.Column="1" 
                Clicked="LookupsType_Tapped"
                Margin="5,0,0,0" />
            
            <mobile:MobileCard  
                x:Name="LookupsFrame" 
                Grid.Row="1" 
                Grid.Column="1" 
                Padding="0"
                Margin="5,0,0,0">
                
                <mobile:MobileListView 
                    x:Name="Lookups" 
                    HasUnevenRows="True" 
                    BackgroundColor="Transparent"
                    PullToRefresh="False"
                    ShowRecordCount="False"
                    >
                    <mobile:MobileListView.ItemTemplate>
                        <DataTemplate x:DataType="mobile:ILookupShell">
                            <ViewCell>
                                <mobile:MobileCard
                                    BorderColor="White"
                                    Padding="0"
                                    IsClickable="True"
                                    Clicked="Lookups_Clicked"
                                    Margin="0,-5,0,0"
                                    CornerRadius="0">
                                        <Grid 
                                            VerticalOptions="FillAndExpand" 
                                            BackgroundColor="{Binding ., Converter={StaticResource SelectedColorConverter}}" 
                                            Margin="2,5,2,0"
                                            RowSpacing="0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto"/>
                                                <RowDefinition Height="Auto"/>
                                                <RowDefinition Height="Auto"/>
                                            </Grid.RowDefinitions>
                                            <Label
                                                Text="{Binding LookupCode}"
                                                Grid.Row="0"
                                                Margin="0,5,0,0"
                                                VerticalOptions="FillAndExpand"
                                                HorizontalTextAlignment="Center"
                                                FontSize="Micro"
                                                TextColor="{StaticResource Theme.OnBackground}"/>
                                            <Label
                                                Text="{Binding LookupDescription}"
                                                Grid.Row="1"
                                                VerticalOptions="FillAndExpand"
                                                HorizontalTextAlignment="Center"
                                                FontSize="Micro"
                                                TextColor="{StaticResource Theme.OnBackground}"/>
                                            <BoxView Grid.Row="2" HeightRequest="1" Color="Silver" Margin="0,5,0,0" />
                                        </Grid>
                                    </mobile:MobileCard>
                            </ViewCell>
                        </DataTemplate>
                    </mobile:MobileListView.ItemTemplate>
                </mobile:MobileListView>
            </mobile:MobileCard>
            
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>