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.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="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>
                    <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" />
                    
                    <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" />
                    
                    <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>
                    <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"/>
                    </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>
                
                </Grid>
            </dynamicGrid:DynamicTabItem>
            
        </dynamicGrid:DynamicTabControl>    

    </Grid>

</UserControl>