dragon-iso/src/TeamsISO.App.WinUI/Views/SettingsDrawer.xaml
Zac Gaetano a05c0a75d2
Some checks failed
CI / build-and-test (push) Failing after 29s
feat(winui3): SettingsDrawer hosts successfully — NavigationView swap
Replaces the NavigationView in SettingsDrawer with a simpler
StackPanel of tab buttons built imperatively at runtime. The
NavigationView's resource-dictionary expansion (or its default
template loading) was crashing the XAML parser at SettingsDrawer's
InitializeComponent on WinUI 3 1.8.

New shape:

- `TabStrip` StackPanel populated in BuildTabStrip() with five
  Tertiary-styled Button instances. Selection updates the foreground
  to AccentCyanText for the active tab and FgSecondary for the rest.
- `TabContent` ScrollViewer remains; RebuildTabContent(key) clears
  and rebuilds via the same helpers as before (SettingHeader,
  SettingRow, SettingNote, AccentSwatch).
- Each tab's content moved into its own helper method
  (BuildAppearanceTab / Routing / Display / Control / Advanced) so
  the switch in the old OnTabSelectionChanged disappears.

MainWindow re-hosts the drawer at Grid.Row=0, RowSpan=4, right-
aligned, 400px wide, Visibility=Collapsed. OnSettingsClick toggles
visibility. Verified: dotnet build + run launches cleanly, and the
window stays alive (PID confirmed via Get-Process).

This closes Phase 6 (secondary windows) for the drawer specifically.
The Help, About, and Onboarding dialogs are ContentDialogs that
don't host inline so they should be straightforward to wire to
their respective triggers (F1 / About button / first launch) in
Phase 7.
2026-05-13 00:50:54 -04:00

100 lines
4.1 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<UserControl
x:Class="TeamsISO.App.WinUI.Views.SettingsDrawer"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<!--
Settings drawer — slides in from the right over the participants
table when the operator clicks the rail's settings icon. Esc dismiss.
Hosted inline (not as a separate Window) so the drawer feels like
part of the main surface rather than a satellite. Width fixed at
400px to give every setting a 320px input field after padding.
The five tabs mirror the WPF host's settings groups so the operator
finds the same toggles in the same places. The Appearance tab is
new — tri-state Theme picker (System / Dark / Light) plus a peek at
the accent palette so the operator can verify Wild Dragon brand is
respected on a light desk.
-->
<Grid Background="{ThemeResource BgSurface}"
BorderBrush="{ThemeResource BorderSubtle}"
BorderThickness="1,0,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="56"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<!-- Header -->
<Grid Grid.Row="0"
Padding="20,0,12,0"
BorderBrush="{ThemeResource BorderSubtle}"
BorderThickness="0,0,0,1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="Settings"
Style="{StaticResource TextTitle}"
VerticalAlignment="Center"/>
<Button x:Name="CloseButton"
Grid.Column="1"
Style="{StaticResource ButtonCaption}"
Click="OnCloseClick"
ToolTipService.ToolTip="Close (Esc)">
<FontIcon Glyph="&#xE8BB;" FontSize="12"/>
</Button>
</Grid>
<!-- Body. NavigationView swapped for a simpler horizontal tab
button strip; the WinUI 3 NavigationView's resource
dictionary expansion was crashing the XAML parser at
SettingsDrawer construction time. -->
<Grid Grid.Row="1">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="0"
x:Name="TabStrip"
Orientation="Horizontal"
Spacing="4"
Padding="12,8"
BorderBrush="{ThemeResource BorderSubtle}"
BorderThickness="0,0,0,1"/>
<ScrollViewer Grid.Row="1"
VerticalScrollBarVisibility="Auto"
Padding="20">
<StackPanel x:Name="TabContent" Spacing="16"/>
</ScrollViewer>
</Grid>
<!-- Footer: Apply / Reset -->
<Grid Grid.Row="2"
Padding="16,12"
BorderBrush="{ThemeResource BorderSubtle}"
BorderThickness="0,1,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0"
x:Name="DirtyHint"
Text="Changes apply on close."
Style="{StaticResource TextCaption}"
VerticalAlignment="Center"/>
<Button Grid.Column="1"
Style="{StaticResource ButtonTertiary}"
Content="Reset to defaults"
Margin="0,0,8,0"
Click="OnResetClick"/>
<Button Grid.Column="2"
Style="{StaticResource ButtonPrimary}"
Content="Apply"
Click="OnApplyClick"/>
</Grid>
</Grid>
</UserControl>