prs/prs.desktop/Dashboards/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"/>
    </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">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="200"/>
                                    <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">
                                        <StackPanel>
                                            <TextBlock Text="{Binding Code}"
                                                       FontWeight="Bold" FontSize="11"/>
                                            <TextBlock Text="{Binding Description}"
                                                       FontSize="11"/>
                                        </StackPanel>
                                        <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.ContextMenu>
                                        <ContextMenu>
                                            <MenuItem Tag="{Binding ID}" Header="View Equipment" Click="ViewEquipment_Click"/>
                                        </ContextMenu>
                                    </Border.ContextMenu>
                                </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">
                                                <StackPanel>
                                                    <TextBlock Text="{Binding Title}"
                                                   FontWeight="DemiBold" FontSize="11"/>
                                                    <TextBlock Text="{Binding DueDate,StringFormat='dd MMM yyyy'}"
                                                   FontSize="11"/>
                                                </StackPanel>
                                                <Border.ToolTip>
                                                    <ToolTip>
                                                        <Grid>
                                                            <Grid.RowDefinitions>
                                                                <RowDefinition Height="Auto"/>
                                                                <RowDefinition Height="Auto"/>
                                                            </Grid.RowDefinitions>
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="Auto"/>
                                                            </Grid.ColumnDefinitions>
                                                            <TextBlock Text="{Binding Title}"
                                                           FontWeight="DemiBold"
                                                           Grid.Row="0"/>
                                                            <TextBlock Text="{Binding DueDate,StringFormat='dd MMM yyyy'}"
                                                           FontSize="11"
                                                           Grid.Row="1"/>
                                                        </Grid>
                                                    </ToolTip>
                                                </Border.ToolTip>
                                                <Border.ContextMenu>
                                                    <ContextMenu>
                                                        <MenuItem Header="View Schedule" Tag="{Binding ID}" Click="ViewSchedule_Click"/>
                                                    </ContextMenu>
                                                </Border.ContextMenu>
                                            </Border>

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