feat(07-05): create UserAccessAuditView XAML layout

- Two-panel layout (290px left + * right) following PermissionsView pattern
- Left panel: people picker with autocomplete list + removable user pills, site picker button, scan option checkboxes, run/cancel/export buttons
- Right panel: 3-card summary banner (TotalAccessCount, SitesCount, HighPrivilegeCount), filter TextBox, group-by ToggleButton, color-coded DataGrid
- DataGrid: color-coded rows by AccessType (Direct=blue, Group=green, Inherited=gray), warning icon for high privilege, Guest badge for external users, access type icons
- GroupStyle with Expander headers showing group name + item count
- Status bar with ProgressBar + StatusMessage
This commit is contained in:
Dev
2026-04-07 12:49:37 +02:00
parent 72349d8415
commit bb9ba9d310

View File

@@ -0,0 +1,411 @@
<UserControl x:Class="SharepointToolbox.Views.Tabs.UserAccessAuditView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:loc="clr-namespace:SharepointToolbox.Localization"
xmlns:models="clr-namespace:SharepointToolbox.Core.Models">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="290" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<!-- Left panel: Audit configuration -->
<DockPanel Grid.Column="0" Grid.Row="0" Margin="8">
<!-- People Picker GroupBox -->
<GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.users]}"
DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
<StackPanel>
<!-- Search box -->
<TextBox Text="{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}"
Margin="0,0,0,2" />
<!-- Search spinner -->
<TextBlock Text="Searching..."
Foreground="Gray" FontStyle="Italic" FontSize="11"
Margin="0,0,0,2">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Collapsed" />
<Style.Triggers>
<DataTrigger Binding="{Binding IsSearching}" Value="True">
<Setter Property="Visibility" Value="Visible" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<!-- Autocomplete results list: shown when SearchResults is not empty -->
<ListBox x:Name="SearchResultsList"
ItemsSource="{Binding SearchResults}"
MaxHeight="160"
BorderThickness="1"
BorderBrush="#CCCCCC"
Margin="0,0,0,4"
Visibility="Collapsed">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical" Margin="2">
<TextBlock Text="{Binding DisplayName}" FontWeight="SemiBold" FontSize="12" />
<TextBlock Text="{Binding Mail}" Foreground="Gray" FontSize="11" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<EventSetter Event="MouseLeftButtonUp" Handler="OnSearchResultClicked" />
<Setter Property="Padding" Value="4,2" />
</Style>
</ListBox.ItemContainerStyle>
</ListBox>
<!-- Selected users pills (removable) -->
<ItemsControl ItemsSource="{Binding SelectedUsers}" Margin="0,0,0,4">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border Background="#D6EAF8"
BorderBrush="#2980B9"
BorderThickness="1"
CornerRadius="10"
Padding="6,2"
Margin="0,0,4,4">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding DisplayName}" FontSize="11" VerticalAlignment="Center" />
<Button Content="&#x2715;"
Command="{Binding DataContext.RemoveUserCommand, RelativeSource={RelativeSource AncestorType=UserControl}}"
CommandParameter="{Binding}"
Background="Transparent"
BorderThickness="0"
FontSize="10"
Padding="3,0,0,0"
VerticalAlignment="Center"
Cursor="Hand" />
</StackPanel>
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<!-- Selected users label -->
<TextBlock Text="{Binding SelectedUsersLabel}"
FontStyle="Italic" Foreground="Gray" FontSize="11" />
</StackPanel>
</GroupBox>
<!-- Site Selection GroupBox -->
<GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.sites]}"
DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
<StackPanel>
<Button Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[btn.view.sites]}"
Command="{Binding OpenSitePickerCommand}"
HorizontalAlignment="Left" Padding="8,2" Margin="0,0,0,4" />
<TextBlock Text="{Binding SitesSelectedLabel}"
FontStyle="Italic" Foreground="Gray" FontSize="11" />
</StackPanel>
</GroupBox>
<!-- Scan Options GroupBox -->
<GroupBox Header="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.grp.options]}"
DockPanel.Dock="Top" Margin="0,0,0,8" Padding="8">
<StackPanel>
<CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.inherited.perms]}"
IsChecked="{Binding IncludeInherited}" Margin="0,0,0,4" />
<CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.scan.folders]}"
IsChecked="{Binding ScanFolders}" Margin="0,0,0,4" />
<CheckBox Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[chk.recursive]}"
IsChecked="{Binding IncludeSubsites}" Margin="0,0,0,4" />
</StackPanel>
</GroupBox>
<!-- Action buttons -->
<StackPanel DockPanel.Dock="Top" Margin="0,0,0,4">
<Grid Margin="0,0,0,4">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Grid.Column="0"
Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.run]}"
Command="{Binding RunCommand}"
Margin="0,0,4,0" Padding="6,3" />
<Button Grid.Column="1"
Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[btn.cancel]}"
Command="{Binding CancelCommand}"
Margin="0,0,0,0" Padding="6,3" />
</Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Grid.Column="0"
Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.exportCsv]}"
Command="{Binding ExportCsvCommand}"
Margin="0,0,4,0" Padding="6,3" />
<Button Grid.Column="1"
Content="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.btn.exportHtml]}"
Command="{Binding ExportHtmlCommand}"
Margin="0,0,0,0" Padding="6,3" />
</Grid>
</StackPanel>
</DockPanel>
<!-- Right panel: Summary banner + Results DataGrid -->
<Grid Grid.Column="1" Grid.Row="0" Margin="0,8,8,8">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<!-- Summary banner: 3 stat cards -->
<StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,8">
<!-- Total Accesses -->
<Border Background="#EBF5FB" BorderBrush="#2980B9" BorderThickness="1"
CornerRadius="4" Padding="12,6" Margin="0,0,8,0" MinWidth="90">
<StackPanel HorizontalAlignment="Center">
<TextBlock Text="{Binding TotalAccessCount}" FontSize="20" FontWeight="Bold"
Foreground="#1A5276" HorizontalAlignment="Center" />
<TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.total]}"
FontSize="11" Foreground="#2980B9" HorizontalAlignment="Center" />
</StackPanel>
</Border>
<!-- Sites -->
<Border Background="#F0F3F4" BorderBrush="#717D7E" BorderThickness="1"
CornerRadius="4" Padding="12,6" Margin="0,0,8,0" MinWidth="90">
<StackPanel HorizontalAlignment="Center">
<TextBlock Text="{Binding SitesCount}" FontSize="20" FontWeight="Bold"
Foreground="#2C3E50" HorizontalAlignment="Center" />
<TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.sites]}"
FontSize="11" Foreground="#717D7E" HorizontalAlignment="Center" />
</StackPanel>
</Border>
<!-- High Privilege -->
<Border Background="#FDEDEC" BorderBrush="#E74C3C" BorderThickness="1"
CornerRadius="4" Padding="12,6" Margin="0,0,0,0" MinWidth="90">
<StackPanel HorizontalAlignment="Center">
<TextBlock Text="{Binding HighPrivilegeCount}" FontSize="20" FontWeight="Bold"
Foreground="#922B21" HorizontalAlignment="Center" />
<TextBlock Text="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.summary.highPriv]}"
FontSize="11" Foreground="#E74C3C" HorizontalAlignment="Center" />
</StackPanel>
</Border>
</StackPanel>
<!-- Toolbar: Filter + Group-by toggle -->
<Grid Grid.Row="1" Margin="0,0,0,6">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<TextBox Grid.Column="0"
Text="{Binding FilterText, UpdateSourceTrigger=PropertyChanged}"
Margin="0,0,8,0" />
<ToggleButton Grid.Column="1"
IsChecked="{Binding IsGroupByUser}">
<ToggleButton.Style>
<Style TargetType="ToggleButton">
<Setter Property="Content" Value="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.toggle.bySite]}" />
<Setter Property="Padding" Value="8,3" />
<Style.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Content" Value="{Binding Source={x:Static loc:TranslationSource.Instance}, Path=[audit.toggle.byUser]}" />
</Trigger>
</Style.Triggers>
</Style>
</ToggleButton.Style>
</ToggleButton>
</Grid>
<!-- Results DataGrid -->
<DataGrid Grid.Row="2"
ItemsSource="{Binding ResultsView}"
AutoGenerateColumns="False"
IsReadOnly="True"
VirtualizingPanel.IsVirtualizing="True"
EnableRowVirtualization="True"
CanUserResizeRows="False">
<!-- Row color-coding by AccessType -->
<DataGrid.RowStyle>
<Style TargetType="DataGridRow">
<Style.Triggers>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
<Setter Property="Background" Value="#EBF5FB" />
</DataTrigger>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
<Setter Property="Background" Value="#EAFAF1" />
</DataTrigger>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Inherited}">
<Setter Property="Background" Value="#F4F6F6" />
</DataTrigger>
<DataTrigger Binding="{Binding IsHighPrivilege}" Value="True">
<Setter Property="FontWeight" Value="Bold" />
</DataTrigger>
</Style.Triggers>
</Style>
</DataGrid.RowStyle>
<!-- Group headers with expander -->
<DataGrid.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="GroupItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GroupItem">
<Expander IsExpanded="True">
<Expander.Header>
<StackPanel Orientation="Horizontal" Margin="2,2">
<TextBlock Text="{Binding Name}" FontWeight="SemiBold" Foreground="#2C3E50" />
<TextBlock Text=" (" Foreground="Gray" />
<TextBlock Text="{Binding ItemCount}" Foreground="Gray" />
<TextBlock Text=")" Foreground="Gray" />
</StackPanel>
</Expander.Header>
<ItemsPresenter />
</Expander>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</DataGrid.GroupStyle>
<DataGrid.Columns>
<!-- User column with external user badge -->
<DataGridTemplateColumn Header="User" Width="160" SortMemberPath="UserDisplayName">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding UserDisplayName}" VerticalAlignment="Center" />
<Border Background="#F0B27A" BorderBrush="#E59866" BorderThickness="1"
CornerRadius="8" Padding="4,0" Margin="4,0,0,0">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Visibility" Value="Collapsed" />
<Style.Triggers>
<DataTrigger Binding="{Binding IsExternalUser}" Value="True">
<Setter Property="Visibility" Value="Visible" />
</DataTrigger>
</Style.Triggers>
</Style>
</Border.Style>
<TextBlock Text="Guest" FontSize="9" Foreground="#784212" />
</Border>
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<!-- Site -->
<DataGridTextColumn Header="Site" Binding="{Binding SiteTitle}" Width="120" />
<!-- Object -->
<DataGridTextColumn Header="Object" Binding="{Binding ObjectTitle}" Width="140" />
<!-- Permission Level with high-privilege warning icon -->
<DataGridTemplateColumn Header="Permission Level" Width="130" SortMemberPath="PermissionLevel">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock Text="&#x26A0; " Foreground="#E74C3C" FontSize="12" VerticalAlignment="Center">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Collapsed" />
<Style.Triggers>
<DataTrigger Binding="{Binding IsHighPrivilege}" Value="True">
<Setter Property="Visibility" Value="Visible" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<TextBlock Text="{Binding PermissionLevel}" VerticalAlignment="Center" />
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<!-- Access Type with icon and color -->
<DataGridTemplateColumn Header="Access Type" Width="110" SortMemberPath="AccessType">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<!-- Icon based on AccessType -->
<TextBlock VerticalAlignment="Center" FontFamily="Segoe UI Symbol" FontSize="13" Margin="0,0,4,0">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Text" Value="&#x2192;" />
<Setter Property="Foreground" Value="#717D7E" />
<Style.Triggers>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
<Setter Property="Text" Value="&#xE192;" />
<Setter Property="Foreground" Value="#2980B9" />
</DataTrigger>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
<Setter Property="Text" Value="&#xE125;" />
<Setter Property="Foreground" Value="#27AE60" />
</DataTrigger>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Inherited}">
<Setter Property="Text" Value="&#xE19C;" />
<Setter Property="Foreground" Value="#717D7E" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<!-- Label with color -->
<TextBlock Text="{Binding AccessType}" VerticalAlignment="Center">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Foreground" Value="#717D7E" />
<Style.Triggers>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Direct}">
<Setter Property="Foreground" Value="#2980B9" />
</DataTrigger>
<DataTrigger Binding="{Binding AccessType}" Value="{x:Static models:AccessType.Group}">
<Setter Property="Foreground" Value="#27AE60" />
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<!-- Granted Through -->
<DataGridTextColumn Header="Granted Through" Binding="{Binding GrantedThrough}" Width="160" />
</DataGrid.Columns>
</DataGrid>
</Grid>
<!-- Bottom: status bar spanning both columns -->
<StatusBar Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
<StatusBarItem>
<ProgressBar Width="150" Height="14"
Value="{Binding ProgressValue}"
Minimum="0" Maximum="100" />
</StatusBarItem>
<StatusBarItem Content="{Binding StatusMessage}" />
</StatusBar>
</Grid>
</UserControl>