prs/prs.desktop/Panels/EmployeePlanner/EmployeeResourcePlanner.xaml

<UserControl x:Class="PRSDesktop.EmployeeResourcePlanner"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:PRSDesktop"
             xmlns:Syncfusion="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d"
             d:DesignHeight="600" d:DesignWidth="800">
      <UserControl.Resources>

        <Style x:Key="DateHeaderStyle" TargetType="{x:Type Syncfusion:GridHeaderCellControl}">
            <Setter Property="Background" Value="LightSkyBlue"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="0.5,0.5,0.5,0.5"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="5,3"/>
            <Setter Property="FontFamily" Value="Segoe UI"/>
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="FontWeight" Value="Normal"/>
            <Setter Property="IsTabStop" Value="False"/>
        </Style>

        <Style x:Key="ContentHeaderStyle" TargetType="{x:Type Syncfusion:GridHeaderCellControl}">
            <Setter Property="Background" Value="LightSkyBlue"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="0.5,0.5,0.5,0.5"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="Padding" Value="5,3"/>
            <Setter Property="FontFamily" Value="Segoe UI"/>
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="FontWeight" Value="Normal"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Syncfusion:GridHeaderCellControl}">
                        <Grid>
                            <Grid.LayoutTransform>
                                <RotateTransform Angle="270"/>
                            </Grid.LayoutTransform>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="HiddenColumnsResizingStates">
                                    <VisualState x:Name="PreviousColumnHidden">
                                        <Storyboard>
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_HeaderCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="3,0,1,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="HiddenState">
                                        <Storyboard>
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_HeaderCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="3,0,3,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="NormalState"/>
                                    <VisualState x:Name="LastColumnHidden">
                                        <Storyboard>
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_HeaderCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,3,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Normal"/>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="BorderStates">
                                    <VisualState x:Name="NormalCell"/>
                                    <VisualState x:Name="FooterColumnCell">
                                        <Storyboard BeginTime="0">
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_FooterCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="1,0,1,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="BeforeFooterColumnCell">
                                        <Storyboard BeginTime="0">
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_FooterCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                            <ThicknessAnimationUsingKeyFrames BeginTime="0" Duration="1.0:0:0" Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="PART_HeaderCellBorder">
                                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,1"/>
                                            </ThicknessAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="PART_FooterCellBorder" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"/>
                            <Border x:Name="PART_HeaderCellBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                                <Grid Margin="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                                    <Grid x:Name="PART_SortButtonPresenter" Grid.Column="1" SnapsToDevicePixels="True">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*">
                                                <ColumnDefinition.MinWidth>
                                                    <Binding Mode="OneWay" Path="SortDirection" RelativeSource="{RelativeSource TemplatedParent}">
                                                        <Binding.Converter>
                                                            <Syncfusion:SortDirectionToWidthConverter/>
                                                        </Binding.Converter>
                                                    </Binding>
                                                </ColumnDefinition.MinWidth>
                                            </ColumnDefinition>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Grid.Column="1" Foreground="{TemplateBinding Foreground}" FontSize="10" Margin="0,-4,0,0" SnapsToDevicePixels="True" Text="{TemplateBinding SortNumber}" Visibility="{TemplateBinding SortNumberVisibility}" VerticalAlignment="Bottom"/>
                                    </Grid>
                                    <Syncfusion:FilterToggleButton x:Name="PART_FilterToggleButton" Grid.Column="2" HorizontalAlignment="Stretch" SnapsToDevicePixels="True" Visibility="{TemplateBinding FilterIconVisiblity}" VerticalAlignment="Stretch"/>
                                    <Border x:Name="PART_FilterPopUpPresenter"/>
                                </Grid>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        
        <ControlTemplate x:Key="HorizontalSplitter">
            <Grid Background="{TemplateBinding Background}" Height="4">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Button Grid.Column="0" x:Name="PART_Left" Visibility="Collapsed" />
                <StackPanel Grid.Column="1" Margin="0" Orientation="Horizontal" HorizontalAlignment="Center"
                            VerticalAlignment="Center">
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="2,0,0,0" />
                </StackPanel>
                <Button Grid.Column="2" x:Name="PART_Right" Visibility="Collapsed" />
            </Grid>
        </ControlTemplate>

    </UserControl.Resources>
    
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="180" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Syncfusion:SfDataGrid
            x:Name="dataGrid"
            Grid.Row="0"
            Grid.Column="0"
            AutoGenerateColumns="True"
            AutoGeneratingColumn="DataGrid_AutoGeneratingColumn"
            RowHeight="30"
            AllowSorting="False"
            HeaderRowHeight="150"
            ContextMenuOpening="DataGrid_ContextMenuOpening"
            SelectionUnit="Cell"
            NavigationMode="Cell"
            FrozenColumnCount="1"
            CanMaintainScrollPosition="True"
            SelectionMode="Extended"
            SelectionForegroundBrush="Yellow"
            RowSelectionBrush="Red">
            
            <Syncfusion:SfDataGrid.ContextMenu>
                <ContextMenu />
            </Syncfusion:SfDataGrid.ContextMenu>
        </Syncfusion:SfDataGrid>
           
        <Grid Grid.Column="1" Grid.Row="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>                
                <RowDefinition Height="Auto"/>                
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
 
            
            <local:EmployeeSelector x:Name="EmployeeSelector" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" SettingsChanged="_employees_OnSettingsChanged" SelectionChanged="_employees_OnSelectionChanged"/>

            <Label Content="From" Grid.Row="1" Margin="0,5,0,0" VerticalContentAlignment="Center" />
            <Syncfusion:DateTimeEdit x:Name="FromDate" DateTimeChanged="DateTimeChanged" Grid.Row="1" Grid.Column="1"
                                     Pattern="CustomPattern" CustomPattern="dd MMMM yy" Margin="5,5,0,0" />
            
            <Label Content="To" Grid.Row="2" Margin="0,5,0,0"  VerticalContentAlignment="Center" />
            <Syncfusion:DateTimeEdit x:Name="ToDate" DateTimeChanged="DateTimeChanged"  Grid.Row="2" Grid.Column="1"
                                     Pattern="CustomPattern" CustomPattern="dd MMMM yy" Margin="5,5,0,0" />  

            <Button Content="Jobs" Grid.Row="3" Margin="5,5,0,0"  VerticalContentAlignment="Center" Click="JobFilterButton_Click" />
            <ComboBox x:Name="JobFilter" Grid.Row="3" Grid.Column="1" Margin="5,5,0,0" 
                      SelectionChanged="JobFilter_OnSelectionChanged" VerticalContentAlignment="Center"
                      DisplayMemberPath="Name" />
            
            <Label Content="Leave" Grid.Row="4" Margin="0,5,0,0" VerticalContentAlignment="Center" />
            <ComboBox x:Name="LeaveType" Grid.Row="4" Grid.Column="1" Margin="5,5,0,0" SelectionChanged="LeaveType_OnSelectionChanged" VerticalContentAlignment="Center">
                <ComboBoxItem Content="Approved Only" />
                <ComboBoxItem Content="Show All" />
            </ComboBox>
            
            <Label Content="Activity" Grid.Row="5" Margin="0,5,0,0" VerticalContentAlignment="Center" />
            <ComboBox x:Name="ActivityType" Grid.Row="5" Grid.Column="1" Margin="5,5,0,0" 
                      SelectionChanged="ActivityType_OnSelectionChanged" VerticalContentAlignment="Center"
                      SelectedValuePath="ID" DisplayMemberPath="Name">
            </ComboBox>
            
        </Grid>
    </Grid>

</UserControl>