prs/prs.mobile/comal.timesheets/Assignments/AssignmentList.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    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="comal.timesheets.AssignmentList"
    xmlns:local="clr-namespace:comal.timesheets"
    xmlns:schedule="clr-namespace:Syncfusion.SfSchedule.XForms;assembly=Syncfusion.SfSchedule.XForms"
>
    <ContentPage.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="DayViewAppointments">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Frame Grid.ColumnSpan="2" Grid.RowSpan="2" BorderColor="Gray" Margin="1" CornerRadius="5" HasShadow="False" Background="{Binding Color}" />
                    <Label Grid.Row="0" Grid.Column="0" Margin="5,2,0,0" FontAttributes="Bold" FontSize="Small" Text="{Binding Subject}" />
                    <Image Grid.Row="0" Grid.Column="1" Margin="0,2,5,0" Source="gear" HeightRequest="32" WidthRequest="32" IsVisible="{Binding Completed}"/>
                    <Label Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="5,0,2,5" FontSize="Small" Text="{Binding Notes}" />
                </Grid>
            </DataTemplate>
    
            <schedule:ScheduleAppointmentMapping x:Key="AppointmentMapping"
                IdMapping="Id"
                SubjectMapping="Subject"
                ColorMapping="Color"
                StartTimeMapping="StartTime"
                EndTimeMapping="EndTime"
                NotesMapping="Notes"
                TextColorMapping="TextColor"
                ResourceIdsMapping="ResourceIds"
                >
            </schedule:ScheduleAppointmentMapping>
    
        </ResourceDictionary>
    </ContentPage.Resources>
    
    <ContentPage.BindingContext>
        <local:AssignmentListDataModel x:Name="DataModel"/>
    </ContentPage.BindingContext>
    
    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Label 
                Grid.Column="0" 
                x:Name="Title"
                Text="Assignments" 
                VerticalOptions="Center"
                HorizontalOptions="Center" 
                HorizontalTextAlignment="Center" 
                TextColor="White" 
                FontSize="Medium"
                FontAttributes="Bold" 
                BackgroundColor="Transparent"/>
            <StackLayout 
                Grid.Column="1" 
                Orientation="Horizontal"
                x:Name="Buttons">
                <Image 
                    x:Name="SelectDate" 
                    Aspect="AspectFit" 
                    WidthRequest="30" 
                    HorizontalOptions="End" 
                    Margin="5,5,0,5">
                    
                    <Image.Source>
                        <OnPlatform x:TypeArguments="ImageSource">
                            <OnPlatform.Platforms>
                                <On Platform="iOS" Value="calendar"/>
                                <On Platform="Android" Value="calendar"/>
                            </OnPlatform.Platforms>
                        </OnPlatform>
                    </Image.Source>

                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="SelectedDate_Tapped"/>
                    </Image.GestureRecognizers>

                </Image>
                
                <DatePicker x:Name="DatePicker" IsVisible="False" DateSelected="DatePicker_OnDateSelected" />

                <Image 
                    x:Name="SelectEmployees" 
                    Aspect="AspectFit" 
                    WidthRequest="30" 
                    HorizontalOptions="End" 
                    Margin="5">

                    <Image.Source>
                        <OnPlatform x:TypeArguments="ImageSource">
                            <OnPlatform.Platforms>
                                <On Platform="iOS" Value="user"/>
                                <On Platform="Android" Value="user"/>
                            </OnPlatform.Platforms>
                        </OnPlatform>
                    </Image.Source>

                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="SelectEmployees_Tapped"/>
                    </Image.GestureRecognizers>

                </Image>

                <Image 
                    x:Name="CollapseButton" 
                    Aspect="AspectFit" 
                    WidthRequest="30" 
                    HorizontalOptions="End" 
                    Margin="5">
                    
                    <Image.Source>
                        <OnPlatform x:TypeArguments="ImageSource">
                            <OnPlatform.Platforms>
                                <On Platform="iOS" Value="downarrowwhite"/>
                                <On Platform="Android" Value="downarrowwhite"/>
                            </OnPlatform.Platforms>
                        </OnPlatform>
                    </Image.Source>

                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="CollapseButton_Tapped"/>
                    </Image.GestureRecognizers>

                </Image>

                <Image 
                    x:Name="ExpandButton" 
                    Aspect="AspectFit" 
                    WidthRequest="30" 
                    HorizontalOptions="End" 
                    IsVisible="false"
                    Margin="5">

                    <Image.Source>
                        <OnPlatform x:TypeArguments="ImageSource">
                            <OnPlatform.Platforms>
                                <On Platform="iOS" Value="rightarrowwhite"/>
                                <On Platform="Android" Value="rightarrowwhite"/>
                            </OnPlatform.Platforms>
                        </OnPlatform>
                    </Image.Source>

                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="ExpandButton_Tapped"/>
                    </Image.GestureRecognizers>

                </Image>



            </StackLayout>
        </Grid>
    </NavigationPage.TitleView>
    
    <ContentPage.Content>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" x:Name="DayViewColumn"/>
                <ColumnDefinition Width="0" x:Name="TimeLineViewColumn"/>
                <ColumnDefinition Width="150" x:Name="JobColumn" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
            <Frame 
                Grid.Row="0"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                CornerRadius="2"
                BorderColor="Silver"
                BackgroundColor="WhiteSmoke"
                HasShadow="False"
                Margin="0"
                Padding="2"
                >
                <Label 
                    x:Name="ScheduleType" 
                    HorizontalOptions="Fill" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center" 
                    HorizontalTextAlignment="Center"
                    FontSize="Micro"/>
            </Frame>
            
            <schedule:SfSchedule  
                x:Name="DayView"
                Grid.Row="1"
                Grid.Column="0"
                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"
            >
                
                <schedule:SfSchedule.DayViewSettings>
                    <schedule:DayViewSettings TimeRulerSize="50"/>
                </schedule:SfSchedule.DayViewSettings>
                
            </schedule:SfSchedule>
            
            <schedule:SfSchedule 
                x:Name="TimeLineView"
                Grid.Row="1"
                Grid.Column="1"
                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"
            >
                
                <schedule:SfSchedule.TimelineViewSettings>
                    <schedule:TimelineViewSettings AppointmentHeight="200"/>
                </schedule:SfSchedule.TimelineViewSettings>
                
                <schedule:SfSchedule.ResourceItemTemplate>
                     <DataTemplate>
                         <Grid >
                             <Grid.RowDefinitions>
                                 <RowDefinition Height="*"/>
                             </Grid.RowDefinitions>
                             <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="*"/>
                             </Grid.ColumnDefinitions>
                             <Label Text="{Binding Name}" Margin="-100,-0,-100,0" FontSize="Micro" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Rotation="-90"/>
                         </Grid>

                     </DataTemplate>
                </schedule:SfSchedule.ResourceItemTemplate>
                
            </schedule:SfSchedule>
            
            <Frame 
                Grid.Row="0"
                Grid.Column="2"
                CornerRadius="2"
                BorderColor="Silver"
                BackgroundColor="WhiteSmoke"
                HasShadow="False"
                Margin="0"
                Padding="2"
                >
                <Frame.GestureRecognizers>
                    <TapGestureRecognizer Tapped="LookupsType_Tapped" />
                </Frame.GestureRecognizers>
                <Label 
                    x:Name="LookupType" 
                    HorizontalOptions="Fill" 
                    VerticalOptions="Fill" 
                    VerticalTextAlignment="Center" 
                    HorizontalTextAlignment="Center"
                    FontSize="Micro"/>
            </Frame>
            
            <ListView 
                x:Name="Lookups" 
                Grid.Row="1"
                Grid.Column="2" 
                HasUnevenRows="True" 
                ItemTapped="Lookups_OnItemTapped">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <Frame BorderColor="Silver" CornerRadius="2" HasShadow="False" VerticalOptions="FillAndExpand" BackgroundColor="{Binding Colour}" Margin="0,0,2,2">
                                <Grid VerticalOptions="FillAndExpand">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    <Label Text="{Binding Number}" Grid.Row="0" VerticalOptions="FillAndExpand" HorizontalTextAlignment="Center" FontSize="Micro"/>
                                    <Label Text="{Binding Name}" Grid.Row="1" VerticalOptions="FillAndExpand" HorizontalTextAlignment="Center" FontSize="Micro"/>
                                </Grid>
                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
            
        </Grid>
    </ContentPage.Content>
</ContentPage>