prs/prs.desktop/Dashboards/Manufacturing/JobManufacturingSummary.xaml

<UserControl x:Name="UserControl"
             x:Class="PRSDesktop.Dashboards.Manufacturing.JobManufacturingSummary"
             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.Manufacturing"
             xmlns:prs="clr-namespace:Comal.Classes;assembly=PRSClasses"
             xmlns:sf="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <DataTemplate x:Key="JobHeaderTemplate">
            <Border BorderBrush="Gray" BorderThickness="1" CornerRadius="3"
                    Background="{Binding Color}"
                    Width="150" Padding="5" Margin="2.5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <StackPanel Grid.Column="0">
                        <TextBlock FontWeight="Bold" FontSize="11">
                            <Run Text="{Binding Value.JobNumber}"/>
                            <Run Text=": "/>
                            <Run Text="{Binding Value.Name}"/>
                        </TextBlock>
                    </StackPanel>
                    <DockPanel Grid.Row="1" LastChildFill="False">
                        <TextBlock FontSize="11" Text="{Binding Value.NHours,StringFormat='{}{0:F2} hrs'}" Visibility="{Binding Value.HoursVisibility}"/>
                        <TextBlock DockPanel.Dock="Right" FontSize="11" Text="{Binding Value.NPackets,StringFormat='{}{0} pkts'}"/>
                    </DockPanel>
                </Grid>
                <Border.ToolTip>
                    <ToolTip>
                        <StackPanel Grid.Column="0">
                            <TextBlock FontWeight="Bold" FontSize="11"
                                        HorizontalAlignment="Center">
                                <Run Text="{Binding Value.JobNumber}"/>
                                <Run Text=": "/>
                                <Run Text="{Binding Value.Name}"/>
                            </TextBlock>
                            <DockPanel LastChildFill="False">
                                <TextBlock FontSize="11" Text="{Binding Value.NHours,StringFormat='{}{0:F2} hrs'}" Visibility="{Binding Value.HoursVisibility}"/>
                                <TextBlock DockPanel.Dock="Right" FontSize="11" Text="{Binding Value.NPackets,StringFormat='{}{0} packets'}"/>
                            </DockPanel>
                        </StackPanel>
                    </ToolTip>
                </Border.ToolTip>
            </Border>
        </DataTemplate>
        <DataTemplate x:Key="CardTemplate">
            <Border BorderBrush="Gray" BorderThickness="1" CornerRadius="3"
                    Background="White"
                    Padding="5" Margin="2.5">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <StackPanel Grid.Column="0">
                        <TextBlock FontSize="11" Visibility="{Binding Value.HoursVisibility}">
                            <Run Text="Hours:"/>
                            <Run Text="{Binding Path=Value.NHours, StringFormat={}{0:F2}}"/>
                        </TextBlock>
                        <TextBlock FontSize="11">
                            <Run Text="No. Packets:"/>
                            <Run Text="{Binding Value.NPackets}"/>
                        </TextBlock>
                    </StackPanel>
                </Grid>
                <Border.ToolTip>
                    <ToolTip>
                        <StackPanel Grid.Column="0">
                            <TextBlock FontSize="11" Visibility="{Binding Value.HoursVisibility}">
                                <Run Text="Hours:"/>
                                <Run Text="{Binding Value.NHours}"/>
                            </TextBlock>
                            <TextBlock FontSize="11">
                                <Run Text="No. Packets:"/>
                                <Run Text="{Binding Value.NPackets}"/>
                            </TextBlock>
                        </StackPanel>
                    </ToolTip>
                </Border.ToolTip>
                <Border.Style>
                    <Style TargetType="{x:Type Border}">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Value.Empty}" Value="True">
                                <Setter Property="Visibility" Value="Hidden"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
            </Border>
        </DataTemplate>
    </UserControl.Resources>
    
    <Border BorderThickness="1" BorderBrush="Black" Background="White">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <sf:SfDataGrid x:Name="DataGrid"
                           Grid.Row="0"
                           AutoGenerateColumns="True" AutoGeneratingColumn="DataGrid_AutoGeneratingColumn"
                           QueryRowHeight="DataGrid_QueryRowHeight"
                           FrozenColumnCount="1"
                           AllowSorting="False">

            </sf:SfDataGrid>
            <Label x:Name="Records"
                   Content="{Binding ElementName=UserControl,Path=NumberOfJobs}"
                   ContentStringFormat="Showing {0} Jobs"
                   HorizontalAlignment="Stretch"
                   HorizontalContentAlignment="Center"
                   VerticalAlignment="Center"
                   Padding="5"
                   Grid.Row="1"/>
        </Grid>
    </Border>
</UserControl>