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="Auto" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        
        <dynamicGrid:DynamicTabControl
            x:Name="Data"
            TabStripPlacement="Bottom" 
            Grid.Column="0" 
            Margin="5,0,0,0"
            SelectionChanged="Data_OnSelectionChanged">
            
            <dynamicGrid:DynamicTabItem x:Name="MonthView" Header="Month View">
                
                <Syncfusion:SfScheduler x:Name="Schedule"
                                        ViewType="Month" 
                                        AppointmentEditorOpening="Schedule_AppointmentEditorOpening"
                                        SchedulerContextMenuOpening="Schedule_OnSchedulerContextMenuOpening"
                                        AppointmentDropping="Schedule_OnAppointmentDropping"
                                        QueryAppointments="Schedule_OnQueryAppointments">
                    <Syncfusion:SfScheduler.CellContextMenu>
                        <ContextMenu x:Name="CellContextMenu" />
                    </Syncfusion:SfScheduler.CellContextMenu>
                    <Syncfusion:SfScheduler.AppointmentContextMenu>
                        <ContextMenu x:Name="AppointmentContextMenu" />
                    </Syncfusion:SfScheduler.AppointmentContextMenu>
                    <Syncfusion:SfScheduler.MonthViewSettings>
                        <Syncfusion:MonthViewSettings 
                            AppointmentDisplayMode="Appointment"/>
                    </Syncfusion:SfScheduler.MonthViewSettings>
                </Syncfusion:SfScheduler>
                
            </dynamicGrid:DynamicTabItem>
            
            <dynamicGrid:DynamicTabItem x:Name="JobView" Header="Job View">
                <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:DynamicTabItem>
            
        </dynamicGrid:DynamicTabControl>

        <dynamicGrid:DynamicTabControl
            x:Name="Settings"
            TabStripPlacement="Bottom" 
            Grid.Column="1" 
            Margin="5,0,0,0"
            Width="250">

            <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>