prs/prs.desktop/Panels/JobPlanner/JobResourcePlanner.xaml

<UserControl 
    x:Class="PRSDesktop.JobResourcePlanner"
    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"
    xmlns:dynamicGrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
    mc:Ignorable="d"
    d:DesignHeight="800" 
    d:DesignWidth="600">
    
    <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,0,0.5,0.5" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="5,3" />
            <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,0,0.5,0.5" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="Padding" Value="5,3" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Syncfusion:GridHeaderCellControl}">
                        <Grid>
                            <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}"
                                                   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>
        
        <Style x:Key="RotatedHeaderStyle" 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,0.5,0.5" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="Padding" Value="5,3" />
            <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>
                            <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}"
                                                   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="250" />
        </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="200"
            SelectionUnit="Cell"
            NavigationMode="Cell"
            FrozenColumnCount="2"
            CanMaintainScrollPosition="True"
            SelectionMode="Multiple"
            SelectionForegroundBrush="Yellow"
            RowSelectionBrush="Red"
            SelectionChanging="DataGrid_OnSelectionChanging"
            CurrentCellActivating="DataGrid_OnCurrentCellActivating"
            PreviewMouseDown="DataGrid_OnPreviewMouseDown"
            PreviewMouseUp="DataGrid_OnPreviewMouseUp"
            MouseUp="DataGrid_OnMouseUp">
        </Syncfusion:SfDataGrid>

        <dynamicGrid:DynamicTabControl TabStripPlacement="Bottom" Grid.Column="1" Margin="5,0,0,0">

            <dynamicGrid:DynamicTabItem Header="Assignments">
                <Grid Margin="0,0,0,2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" x:Name="AvailableEmployeesRow" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <local:JobPlannerEmployeeGrid
                        x:Name="AvailableEmployees"
                        Action="Assign"
                        Grid.Row="0"
                        SizeChanged="AvailableEmployees_OnSizeChanged"
                        OnAction="AvailableEmployees_OnOnAction"
                        AfterRefresh="AvailableEmployees_OnAfterRefresh" />

                    <Syncfusion:SfGridSplitter
                        Grid.Row="1" Grid.Column="0"
                        ResizeBehavior="PreviousAndNext"
                        Height="4"
                        HorizontalAlignment="Stretch"
                        VerticalContentAlignment="Center"
                        VerticalAlignment="Center"
                        Background="Transparent"
                        Template="{StaticResource HorizontalSplitter}">

                        <Syncfusion:SfGridSplitter.PreviewStyle>
                            <Style TargetType="Control">
                                <Setter Property="Background" Value="Gray" />
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Control">
                                            <Grid x:Name="Root" Opacity="0.5">
                                                <Rectangle Fill="{TemplateBinding Background}" />
                                            </Grid>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </Syncfusion:SfGridSplitter.PreviewStyle>

                    </Syncfusion:SfGridSplitter>

                    <local:JobPlannerEmployeeGrid
                        x:Name="AssignedEmployees"
                        Action="Remove"
                        Grid.Row="2"
                        OnAction="AssignedEmployees_OnOnAction"
                        AfterRefresh="AssignedEmployees_OnAfterRefresh" />

                    <DockPanel Grid.Row="3" Margin="0,5,0,0">
                        <Label Content="Activity" DockPanel.Dock="Left" VerticalContentAlignment="Center" />
                        <ComboBox x:Name="ActivityType" DockPanel.Dock="Left" Margin="5,0,0,0"
                                  SelectionChanged="ActivityType_OnSelectionChanged" VerticalContentAlignment="Center"
                                  SelectedValuePath="ID" DisplayMemberPath="Name">
                        </ComboBox>
                    </DockPanel>

                </Grid>
            </dynamicGrid:DynamicTabItem>

            <dynamicGrid:DynamicTabItem Header="Settings">
                <Grid Margin="0,0,0,2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="300" x:Name="TeamSelectorRow" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <DockPanel Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
                        <Border BorderBrush="Black" BorderThickness="0.75,0.75,0.75,0" DockPanel.Dock="Top"
                                Background="Gainsboro" Padding="0">
                            <Label Content="Employees" HorizontalAlignment="Center" Margin="-2" />
                        </Border>
                        <local:TeamSelector x:Name="TeamSelector" DockPanel.Dock="Top"
                                            SettingsChanged="TeamSelector_OnSettingsChanged"
                                            SelectionChanged="TeamSelector_OnSelectionChanged" />
                    </DockPanel>

                    <Syncfusion:SfGridSplitter
                        Grid.Row="1"
                        Grid.Column="0"
                        Grid.ColumnSpan="2"
                        ResizeBehavior="PreviousAndNext"
                        Height="4"
                        HorizontalAlignment="Stretch"
                        VerticalContentAlignment="Center"
                        VerticalAlignment="Center"
                        Background="Transparent"
                        Template="{StaticResource HorizontalSplitter}">

                        <Syncfusion:SfGridSplitter.PreviewStyle>
                            <Style TargetType="Control">
                                <Setter Property="Background" Value="Gray" />
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="Control">
                                            <Grid x:Name="Root" Opacity="0.5">
                                                <Rectangle Fill="{TemplateBinding Background}" />
                                            </Grid>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </Syncfusion:SfGridSplitter.PreviewStyle>

                    </Syncfusion:SfGridSplitter>

                    <local:JobSelector
                        x:Name="JobSelector"
                        Grid.Row="2"
                        Grid.Column="0"
                        Grid.ColumnSpan="2"
                        SettingsChanged="JobSelector_OnSettingsChanged"
                        SelectionChanged="JobSelector_OnSelectionChanged"
                        SizeChanged="JobSelector_OnSizeChanged" />

                    <Label Content="Window" Grid.Row="3" VerticalContentAlignment="Center" Margin="0,5,0,0" Height="25" />
                    <ComboBox x:Name="ViewWindow" Grid.Row="3" Grid.Column="1" Margin="5,5,0,0"
                              SelectionChanged="ViewWindow_OnSelectionChanged" VerticalContentAlignment="Center"
                              SelectedValuePath="Key" DisplayMemberPath="Value">
                    </ComboBox>

                    <Label Content="Hrs / Day" Grid.Row="4" VerticalContentAlignment="Center" Margin="0,5,0,0"
                           Height="25" />
                    <DockPanel Grid.Row="4" Grid.Column="1" Margin="5,5,0,0">
                        <Button DockPanel.Dock="Left" Padding="2" BorderThickness="0.75,0.75,0,0.75" Background="White"
                                BorderBrush="Gray" Click="HoursSelector_Down_Click">
                            <Image Source="pack://application:,,,/Resources/leftarrow.png" Height="20" Width="20" />
                        </Button>
                        <Button DockPanel.Dock="Right" Padding="2" BorderThickness="0,0.75,0.75,0.75"
                                Background="White"
                                BorderBrush="Gray" Click="HoursSelector_Up_Click">
                            <Image Source="pack://application:,,,/Resources/rightarrow.png" Height="20" Width="20" />
                        </Button>
                        <TextBox x:Name="HoursSelector" IsReadOnly="True" DockPanel.Dock="Left"
                                 BorderThickness="0,0.75,0,0.75"
                                 BorderBrush="Gray" HorizontalContentAlignment="Center"
                                 VerticalContentAlignment="Center" />
                    </DockPanel>

                    <Label Content="Leave" Margin="0,5,0,0" VerticalContentAlignment="Center" Grid.Row="5" />
                    <ComboBox x:Name="LeaveType" Margin="5,5,0,0" SelectionChanged="LeaveType_OnSelectionChanged"
                              VerticalContentAlignment="Center" Grid.Row="5" Grid.Column="1">
                        <ComboBoxItem Content="Approved Only" />
                        <ComboBoxItem Content="Show All" />
                    </ComboBox>

                    <Label Content="Orientation" Margin="0,5,0,0" VerticalContentAlignment="Center" Grid.Row="6" />
                    <ComboBox x:Name="Orientation" Margin="5,5,0,0" SelectionChanged="Orientation_OnSelectionChanged"
                              VerticalContentAlignment="Center" Grid.Row="6" Grid.Column="1">
                        <ComboBoxItem Content="Horizontal" />
                        <ComboBoxItem Content="Vertical" />
                    </ComboBox>

                </Grid>
            </dynamicGrid:DynamicTabItem>

        </dynamicGrid:DynamicTabControl>

    </Grid>

</UserControl>