eDosStationFull/eDosStationCore/DosimeterDisplay.xaml

<UserControl x:Class="eDosStation.DosimeterDisplay"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
             FontSize="20">
    <!-- Global baseline font size for high readability -->

    <UserControl.Resources>
        <!-- Reusable styles tuned for Kiosk touch/view distance -->
        <Style TargetType="TextBlock" x:Key="LabelStyle">
            <Setter Property="Foreground" Value="#555555" />
            <Setter Property="FontWeight" Value="SemiBold" />
            <Setter Property="FontSize" Value="20" />
            <!-- Increased from 14 -->
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Margin" Value="0,8,16,8" />
        </Style>

        <Style TargetType="TextBlock" x:Key="ValueStyle">
            <Setter Property="Foreground" Value="#111111" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontSize" Value="22" />
            <!-- Increased from 14 -->
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Margin" Value="0,8,0,8" />
        </Style>

        <Style TargetType="TextBlock" x:Key="SectionHeaderStyle">
            <Setter Property="FontSize" Value="24" />
            <!-- Increased from 16 -->
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="Foreground" Value="#2A5298" />
            <Setter Property="Margin" Value="0,0,0,16" />
        </Style>

        <Style TargetType="Border" x:Key="CardStyle">
            <Setter Property="Background" Value="White" />
            <Setter Property="BorderBrush" Value="#D0D0D0" />
            <Setter Property="BorderThickness" Value="1.5" />
            <Setter Property="CornerRadius" Value="10" />
            <Setter Property="Padding" Value="24" />
            <!-- Roomier padding for touch UI -->
            <Setter Property="Margin" Value="0,0,0,20" />
        </Style>
    </UserControl.Resources>

    <ScrollViewer VerticalScrollBarVisibility="Auto" Focusable="False">
        <!-- MaxWidth increased to allow larger text to breathe in Maximized mode -->
        <StackPanel Margin="24" MaxWidth="1200" HorizontalAlignment="Center">

            <!-- SECTION 1: Device & Wearer Metadata -->
            <Border Style="{StaticResource CardStyle}">
                <StackPanel>
                    <TextBlock Text="Device &amp; Wearer Details" Style="{StaticResource SectionHeaderStyle}" />

                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <!-- Row 0 -->
                        <TextBlock Grid.Row="0" Grid.Column="0" Text="EPD ID:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="0" Grid.Column="1" x:Name="epdid" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="0" Grid.Column="2" Text="Type:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="0" Grid.Column="3" x:Name="epdtype" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="0" Grid.Column="4" Text="Version:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="0" Grid.Column="5" x:Name="HardVersion" Text="..." Style="{StaticResource ValueStyle}" />

                        <!-- Row 1 -->
                        <TextBlock Grid.Row="1" Grid.Column="0" Text="Pers ID:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="1" Grid.Column="1" x:Name="Wearer" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="1" Grid.Column="2" Text="Visit #:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="1" Grid.Column="3" x:Name="EpdVisit" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="1" Grid.Column="4" Text="User Margin:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="1" Grid.Column="5" x:Name="epdUserMargin" Text="..." Style="{StaticResource ValueStyle}" />

                        <!-- Row 2 -->
                        <TextBlock Grid.Row="2" Grid.Column="0" Text="Issued:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="2" Grid.Column="1" x:Name="isIssued" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="2" Grid.Column="2" x:Name="lNGain" Text="Gain:" Style="{StaticResource LabelStyle}" />
                        <TextBlock Grid.Row="2" Grid.Column="3" x:Name="NGain" Text="..." Style="{StaticResource ValueStyle}" />

                        <TextBlock Grid.Row="2" Grid.Column="4" Text="Alarm:" Style="{StaticResource LabelStyle}" />
                        <StackPanel Grid.Row="2" Grid.Column="5" Orientation="Horizontal">
                            <TextBlock x:Name="hasAlarm" Text="..." Style="{StaticResource ValueStyle}" />
                            <StackPanel x:Name="sAlarm" Margin="12,0,0,0" VerticalAlignment="Center" />
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Border>

            <!-- SECTION 2: Measurements & Thresholds -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="20" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <!-- Doses Card -->
                <Border Grid.Column="0" Style="{StaticResource CardStyle}">
                    <StackPanel>
                        <TextBlock Text="Dose Measurements" Style="{StaticResource SectionHeaderStyle}" />

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <TextBlock Grid.Row="0" Grid.Column="0" x:Name="HpDose07l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="0" Grid.Column="1" x:Name="HpDose07" Style="{StaticResource ValueStyle}" />

                            <TextBlock Grid.Row="1" Grid.Column="0" x:Name="HpPeak07l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="1" Grid.Column="1" x:Name="HpPeak07" Style="{StaticResource ValueStyle}" />

                            <TextBlock Grid.Row="2" Grid.Column="0" x:Name="HpDose10l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="2" Grid.Column="1" x:Name="HpDose10" Style="{StaticResource ValueStyle}" />

                            <TextBlock Grid.Row="3" Grid.Column="0" x:Name="HpPeak10l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="3" Grid.Column="1" x:Name="HpPeak10" Style="{StaticResource ValueStyle}" />
                        </Grid>
                    </StackPanel>
                </Border>

                <!-- Dose Thresholds Card -->
                <Border Grid.Column="2" Style="{StaticResource CardStyle}">
                    <StackPanel>
                        <TextBlock Text="Dose Thresholds" Style="{StaticResource SectionHeaderStyle}" />

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <TextBlock Grid.Row="0" Grid.Column="0" x:Name="HP07AlarmDosel" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="0" Grid.Column="1" x:Name="HP07AlarmDose" Style="{StaticResource ValueStyle}" />

                            <TextBlock Grid.Row="1" Grid.Column="0" x:Name="HP10AlarmDose1l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="1" Grid.Column="1" x:Name="HP10AlarmDose1" Style="{StaticResource ValueStyle}" />

                            <TextBlock Grid.Row="2" Grid.Column="0" x:Name="HP10AlarmDose2l" Style="{StaticResource LabelStyle}" />
                            <TextBlock Grid.Row="2" Grid.Column="1" x:Name="HP10AlarmDose2" Style="{StaticResource ValueStyle}" />
                        </Grid>
                    </StackPanel>
                </Border>
            </Grid>

            <!-- SECTION 3: Progress & Touch Controls -->
            <Border Style="{StaticResource CardStyle}">
                <StackPanel>
                    <Grid Margin="0,0,0,24">
                        <telerik:RadProgressBar x:Name="Progress" Height="36" Style="{StaticResource styleTTOProgessBar}" />
                        <TextBlock x:Name="ProgressText" Text="100%" Foreground="White" FontWeight="Bold" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Grid>

                    <telerik:RadStepProgressBar x:Name="stepEPD" Margin="0,0,0,24"  CanUserSelect="False" HorizontalAlignment="Center">
                        <telerik:RadStepProgressBarItem Content="Open" />
                        <telerik:RadStepProgressBarItem Content="Connect" />
                        <telerik:RadStepProgressBarItem Content="Status" />
                        <telerik:RadStepProgressBarItem Content="Counts" />
                    </telerik:RadStepProgressBar>

                    <StackPanel HorizontalAlignment="Center" Margin="0,12,0,0">
                        <!-- Enlarged touch target for kiosk button -->
                        <telerik:RadButton x:Name="bEpdCancel" Content="Close" Style="{StaticResource OkCancelButton}" MinWidth="180" Height="50" FontSize="20" Click="RadButton_Click" />
                        <TextBlock x:Name="tWaitFor" Text="" Style="{StaticResource ValueStyle}" HorizontalAlignment="Center" Margin="0,12,0,0" />
                    </StackPanel>
                </StackPanel>
            </Border>

        </StackPanel>
    </ScrollViewer>
</UserControl>