prs/prs.desktop/Dashboards/Equipment/EquipmentSchedulesDashboard.xaml

<UserControl x:Class="PRSDesktop.Dashboards.EquipmentSchedulesDashboard"
             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.Dashboards"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <local:ScheduleBackgroundConverter x:Key="scheduleBackgroundConverter"/>

        <Style x:Key="employeeTooltipStyle" TargetType="{x:Type ToolTip}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=HasEmployee}" Value="False">
                    <Setter Property="Visibility" Value="Collapsed" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="employeeMenuStyle" TargetType="{x:Type ContextMenu}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=HasEmployee}" Value="False">
                    <Setter Property="Visibility" Value="Collapsed" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="equipmentLocationStyle" TargetType="{x:Type Button}">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=HasLocation}" Value="False">
                    <Setter Property="Visibility" Value="Hidden" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>
    <Border BorderThickness="1" BorderBrush="Black">
        <ScrollViewer HorizontalScrollBarVisibility="Auto">
            <ItemsControl x:Name="EquipmentList">
                <ItemsControl.ItemTemplate>
                    <DataTemplate DataType="local:EquipmentScheduleViewModel">
                        <Border BorderThickness="0,0,0,1" BorderBrush="LightGray"
                                Background="WhiteSmoke"
                                Tag="{Binding ID}" ContextMenuOpening="Grid_ContextMenuOpening">
                            <Grid x:Name="EquipmentGrid">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="250"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>

                                <Border Grid.Column="0" Background="White"
                                        BorderThickness="0,0,1,0" BorderBrush="LightGray">
                                    <Border BorderBrush="Gray" BorderThickness="1" CornerRadius="3"
                                            Padding="5" Margin="2.5"
                                            Tag="{Binding ID}"
                                            ContextMenuOpening="Border_ContextMenuOpening">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="Auto"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto"/>
                                            </Grid.RowDefinitions>

                                            <Button Grid.Column="0" Tag="{Binding ID}" Click="EquipmentLocation_Click"
                                                    Style="{StaticResource equipmentLocationStyle}"
                                                    Margin="0,0,5,0">
                                                <Image Source="pack://application:,,,/Resources/milestone.png"
                                                       Width="30" Height="30"/>
                                            </Button>
                                            <StackPanel Grid.Column="1">
                                                <TextBlock Text="{Binding Code}"
                                                       FontWeight="Bold" FontSize="11"/>
                                                <TextBlock Text="{Binding Description}"
                                                       FontSize="11"/>
                                            </StackPanel>
                                        </Grid>
                                        <Border.ToolTip>
                                            <ToolTip>
                                                <Grid>
                                                    <Grid.RowDefinitions>
                                                        <RowDefinition Height="Auto"/>
                                                        <RowDefinition Height="Auto"/>
                                                    </Grid.RowDefinitions>
                                                    <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="Auto"/>
                                                    </Grid.ColumnDefinitions>
                                                    <TextBlock Text="{Binding Code}"
                                                               FontWeight="DemiBold"
                                                               Grid.Row="0"/>
                                                    <TextBlock Text="{Binding Description}"
                                                               FontSize="11"
                                                               Grid.Row="1"/>
                                                </Grid>
                                            </ToolTip>
                                        </Border.ToolTip>
                                    </Border>
                                </Border>

                                <ItemsControl Grid.Column="1" ItemsSource="{Binding Schedules}">
                                    <ItemsControl.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <StackPanel Orientation="Horizontal"/>
                                        </ItemsPanelTemplate>
                                    </ItemsControl.ItemsPanel>
                                    <ItemsControl.ItemTemplate>
                                        <DataTemplate>
                                            <Border Background="{Binding DueDate, Converter={StaticResource scheduleBackgroundConverter}}"
                                                    BorderBrush="Gray" BorderThickness="1" CornerRadius="3"
                                                    Padding="5" Margin="5,2.5,0,2.5"
                                                    Width="150"
                                                    Tag="{Binding ID}"
                                                    ContextMenuOpening="Schedule_ContextMenuOpening">
                                                <Grid>
                                                    <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="Auto"/>
                                                        <ColumnDefinition Width="*"/>
                                                    </Grid.ColumnDefinitions>
                                                    <Border Width="30" Height="30" CornerRadius="15"
                                                            Margin="0,0,5,0"
                                                            BorderThickness="1" BorderBrush="Black"
                                                            Tag="{Binding EmployeeID}"
                                                            ContextMenuOpening="Employee_ContextMenuOpening">
                                                        <Border.Background>
                                                            <ImageBrush ImageSource="{Binding EmployeeImage}" Stretch="UniformToFill"/>
                                                        </Border.Background>
                                                        <Border.ToolTip>
                                                            <ToolTip Style="{StaticResource employeeTooltipStyle}">
                                                                <StackPanel Grid.Column="1">
                                                                    <TextBlock Text="{Binding EmployeeName}"
                                                                               FontWeight="DemiBold" FontSize="11"/>
                                                                    <TextBlock FontSize="11" Text="{Binding EmployeeContact}"/>
                                                                </StackPanel>
                                                            </ToolTip>
                                                        </Border.ToolTip>
                                                    </Border>
                                                    <StackPanel Grid.Column="1">
                                                        <TextBlock Text="{Binding Title}"
                                                               FontWeight="DemiBold" FontSize="11"/>
                                                        <TextBlock Text="{Binding DueDate,StringFormat='dd MMM yyyy'}"
                                                               FontSize="11"/>
                                                    </StackPanel>
                                                </Grid>
                                                <Border.ToolTip>
                                                    <ToolTip>
                                                        <Grid>
                                                            <Grid.RowDefinitions>
                                                                <RowDefinition Height="Auto"/>
                                                                <RowDefinition Height="Auto"/>
                                                            </Grid.RowDefinitions>
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="Auto"/>
                                                                <ColumnDefinition Width="Auto"/>
                                                            </Grid.ColumnDefinitions>
                                                            <TextBlock Text="{Binding Title}"
                                                                       FontWeight="DemiBold"
                                                                       Grid.Row="0" Grid.Column="1"/>
                                                            <TextBlock Text="{Binding DueDate,StringFormat='dd MMM yyyy'}"
                                                                       FontSize="11"
                                                                       Grid.Row="1" Grid.Column="1"/>
                                                        </Grid>
                                                    </ToolTip>
                                                </Border.ToolTip>
                                            </Border>

                                        </DataTemplate>
                                    </ItemsControl.ItemTemplate>
                                </ItemsControl>
                            </Grid>
                        </Border>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </ScrollViewer>
    </Border>
</UserControl>