Contacts, thread animation and image preview control improvements.

This commit is contained in:
Burak Kaan Köse
2026-02-09 22:39:30 +01:00
parent e559a79506
commit 0999c71578
26 changed files with 1636 additions and 756 deletions
+221 -168
View File
@@ -3,99 +3,100 @@
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:abstract="using:Wino.Views.Abstract"
xmlns:controls="using:Wino.Controls"
xmlns:controls1="using:CommunityToolkit.WinUI.Controls"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:domain="using:Wino.Core.Domain"
xmlns:entities="using:Wino.Core.Domain.Entities.Shared"
xmlns:helpers="using:Wino.Helpers"
xmlns:listview="using:Wino.Mail.WinUI.Controls.ListView"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
xmlns:toolkitExt="using:CommunityToolkit.WinUI"
x:Name="root"
mc:Ignorable="d">
<Page.Resources>
<DataTemplate x:Key="ContactTemplate" x:DataType="entities:AccountContact">
<Grid Margin="0,4" Padding="16,12">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid Margin="0,0,0,8" Padding="0,4">
<Border
Background="{ThemeResource CardBackgroundFillColorSecondaryBrush}"
BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
BorderThickness="1"
CornerRadius="8" />
<!-- Contact Picture -->
<PersonPicture
Grid.Column="0"
Width="48"
Height="48"
Margin="0,0,16,0"
DisplayName="{x:Bind Name}"
ProfilePicture="{x:Bind helpers:XamlHelpers.Base64ToBitmapImage(Base64ContactPicture)}" />
<Grid Padding="12" ColumnSpacing="12">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Contact Info -->
<StackPanel Grid.Column="1" VerticalAlignment="Center">
<TextBlock
FontWeight="SemiBold"
Text="{x:Bind Name}"
TextTrimming="CharacterEllipsis" />
<TextBlock
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
Style="{StaticResource CaptionTextBlockStyle}"
Text="{x:Bind Address}"
TextTrimming="CharacterEllipsis" />
<StackPanel Orientation="Horizontal" Spacing="8">
<PersonPicture
Grid.Column="0"
Width="40"
Height="40"
DisplayName="{x:Bind Name, Mode=OneTime, TargetNullValue=''}"
ProfilePicture="{x:Bind helpers:XamlHelpers.Base64ToBitmapImage(Base64ContactPicture), Mode=OneWay}" />
<StackPanel
Grid.Column="1"
VerticalAlignment="Center"
Spacing="2">
<TextBlock
FontSize="14"
FontWeight="SemiBold"
Text="{x:Bind Name, Mode=OneTime, TargetNullValue=''}"
TextTrimming="CharacterEllipsis" />
<TextBlock
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
Style="{StaticResource CaptionTextBlockStyle}"
Text="{x:Bind Address, Mode=OneTime}"
TextTrimming="CharacterEllipsis" />
<Border
Padding="4,2"
Background="{ThemeResource AccentFillColorDefaultBrush}"
CornerRadius="2"
Visibility="{x:Bind IsRootContact}">
<TextBlock
FontSize="10"
Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
Text="{x:Bind domain:Translator.ContactStatus_Account, Mode=OneTime}" />
</Border>
<Border
Padding="4,2"
CornerRadius="2"
Visibility="{x:Bind IsOverridden}">
<TextBlock FontSize="10" Text="{x:Bind domain:Translator.ContactStatus_Modified, Mode=OneTime}" />
x:Name="ModifiedBorder"
Padding="6,2"
HorizontalAlignment="Left"
x:Load="{x:Bind IsOverridden, Mode=OneTime}"
Background="{ThemeResource SubtleFillColorSecondaryBrush}"
CornerRadius="4">
<TextBlock Style="{StaticResource CaptionTextBlockStyle}" Text="{x:Bind domain:Translator.ContactStatus_Modified, Mode=OneTime}" />
</Border>
</StackPanel>
</StackPanel>
<!-- Actions -->
<StackPanel
Grid.Column="2"
Orientation="Horizontal"
Spacing="8">
<Button
Click="EditContact_Click"
CommandParameter="{x:Bind}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_Edit, Mode=OneTime}">
<FontIcon FontSize="16" Glyph="&#xE70F;" />
</Button>
<Button
Click="PickContactPhoto_Click"
CommandParameter="{x:Bind}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_ChangePhoto, Mode=OneTime}">
<FontIcon FontSize="16" Glyph="&#xE91B;" />
</Button>
<Button
Click="DeleteContact_Click"
CommandParameter="{x:Bind}"
IsEnabled="{x:Bind helpers:XamlHelpers.ReverseBoolConverter(IsRootContact)}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_Delete, Mode=OneTime}">
<FontIcon FontSize="16" Glyph="&#xE74D;" />
</Button>
</StackPanel>
<StackPanel
Grid.Column="2"
VerticalAlignment="Center"
Orientation="Horizontal"
Spacing="4">
<Button
Click="EditContact_Click"
CommandParameter="{x:Bind}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_Edit, Mode=OneTime}">
<FontIcon FontSize="14" Glyph="&#xE70F;" />
</Button>
<Button
Click="PickContactPhoto_Click"
CommandParameter="{x:Bind}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_ChangePhoto, Mode=OneTime}">
<FontIcon FontSize="14" Glyph="&#xE91B;" />
</Button>
<Button
Click="DeleteContact_Click"
CommandParameter="{x:Bind}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.ContactAction_Delete, Mode=OneTime}">
<FontIcon FontSize="14" Glyph="&#xE74D;" />
</Button>
</StackPanel>
</Grid>
</Grid>
</DataTemplate>
</Page.Resources>
<Grid MaxWidth="700">
<Grid
MaxWidth="980"
Padding="24,20,24,16"
RowSpacing="12">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
@@ -103,14 +104,13 @@
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<!-- Header -->
<Grid Grid.Row="0" Padding="24,16">
<Grid Grid.Row="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0">
<StackPanel>
<TextBlock
FontSize="28"
FontWeight="SemiBold"
@@ -118,122 +118,175 @@
<TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="{x:Bind domain:Translator.ContactsPage_Subtitle, Mode=OneTime}" />
</StackPanel>
<StackPanel
<Button
Grid.Column="1"
Orientation="Horizontal"
Spacing="8">
<Button Command="{x:Bind ViewModel.AddContactCommand}" Style="{StaticResource AccentButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="16" Glyph="&#xE710;" />
<TextBlock Text="{x:Bind domain:Translator.ContactAction_Add, Mode=OneTime}" />
</StackPanel>
</Button>
<Button Command="{x:Bind ViewModel.ToggleSelectionCommand}" Style="{StaticResource DefaultButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="16" Glyph="&#xE762;" />
<TextBlock Text="{x:Bind helpers:XamlHelpers.BoolToSelectionModeText(ViewModel.IsSelectionMode), Mode=OneWay}" />
</StackPanel>
</Button>
</StackPanel>
Command="{x:Bind ViewModel.AddContactCommand}"
Style="{StaticResource AccentButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="14" Glyph="&#xE710;" />
<TextBlock Text="{x:Bind domain:Translator.ContactAction_Add, Mode=OneTime}" />
</StackPanel>
</Button>
</Grid>
<!-- Search and Selection Bar -->
<Grid
Grid.Row="2"
Padding="24,0,24,16"
Visibility="{x:Bind ViewModel.IsSelectionMode, Mode=OneWay}">
<Grid Grid.Row="1" ColumnSpacing="8">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<StackPanel Orientation="Horizontal" Spacing="16">
<TextBlock
VerticalAlignment="Center"
Text="{x:Bind ViewModel.SelectedContactsCount, Mode=OneWay}"
TextWrapping="Wrap">
<Run Text="{x:Bind ViewModel.SelectedContactsCount, Mode=OneWay}" />
<Run Text="{x:Bind domain:Translator.ContactSelection_Selected, Mode=OneTime}" />
</TextBlock>
</StackPanel>
<AutoSuggestBox
PlaceholderText="{x:Bind domain:Translator.ContactsPage_SearchPlaceholder, Mode=OneTime}"
QueryIcon="Find"
Text="{x:Bind ViewModel.SearchQuery, Mode=TwoWay}" />
<StackPanel
<Button
Grid.Column="1"
Orientation="Horizontal"
Spacing="8">
<Button Command="{x:Bind ViewModel.SelectAllContactsCommand}" Style="{StaticResource SubtleButtonStyle}">
<TextBlock Text="{x:Bind domain:Translator.ContactSelection_SelectAll, Mode=OneTime}" />
</Button>
<Button Command="{x:Bind ViewModel.ClearSelectionCommand}" Style="{StaticResource SubtleButtonStyle}">
<TextBlock Text="{x:Bind domain:Translator.ContactSelection_Clear, Mode=OneTime}" />
</Button>
<Button
Command="{x:Bind ViewModel.DeleteSelectedContactsCommand}"
IsEnabled="{x:Bind helpers:XamlHelpers.CountToBooleanConverter(ViewModel.SelectedContactsCount), Mode=OneWay}"
Style="{StaticResource SubtleButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="16" Glyph="&#xE74D;" />
<TextBlock Text="{x:Bind domain:Translator.ContactAction_Delete, Mode=OneTime}" />
</StackPanel>
</Button>
</StackPanel>
Command="{x:Bind ViewModel.ReloadContactsCommand}"
Style="{StaticResource SubtleButtonStyle}"
ToolTipService.ToolTip="{x:Bind domain:Translator.Buttons_Refresh, Mode=OneTime}">
<FontIcon FontSize="14" Glyph="&#xE72C;" />
</Button>
<Button
Grid.Column="2"
Command="{x:Bind ViewModel.ToggleSelectionCommand}"
Style="{StaticResource SubtleButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="14" Glyph="&#xE762;" />
<TextBlock Text="{x:Bind helpers:XamlHelpers.BoolToSelectionModeText(ViewModel.IsSelectionMode), Mode=OneWay}" />
</StackPanel>
</Button>
</Grid>
<!-- Search Box -->
<AutoSuggestBox
Grid.Row="1"
Margin="24,0,24,16"
PlaceholderText="{x:Bind domain:Translator.ContactsPage_SearchPlaceholder, Mode=OneTime}"
QueryIcon="Find"
Text="{x:Bind ViewModel.SearchQuery, Mode=TwoWay}"
Visibility="{x:Bind ViewModel.IsSelectionMode, Mode=OneWay}" />
<Grid
x:Name="SelectionModeGrid"
Grid.Row="2"
x:Load="{x:Bind ViewModel.IsSelectionMode, Mode=OneWay}"
ColumnSpacing="8">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Content -->
<Grid Grid.Row="3" Padding="24,0">
<!-- Loading Indicator -->
<ProgressRing
Width="48"
Height="48"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsActive="{x:Bind ViewModel.IsLoading, Mode=OneWay}"
Visibility="{x:Bind ViewModel.IsLoading, Mode=OneWay}" />
<TextBlock VerticalAlignment="Center">
<Run Text="{x:Bind ViewModel.SelectedContactsCount, Mode=OneWay}" />
<Run Text=" " />
<Run Text="{x:Bind domain:Translator.ContactSelection_Selected, Mode=OneTime}" />
</TextBlock>
<!-- Contacts List -->
<ListView
ItemTemplate="{StaticResource ContactTemplate}"
ItemsSource="{x:Bind ViewModel.Contacts, Mode=OneWay}"
SelectionMode="{x:Bind helpers:XamlHelpers.BoolToSelectionMode(ViewModel.IsSelectionMode), Mode=OneWay}">
<ListView.ItemContainerTransitions>
<TransitionCollection>
<AddDeleteThemeTransition />
<ContentThemeTransition />
<ReorderThemeTransition />
<EntranceThemeTransition IsStaggeringEnabled="True" />
</TransitionCollection>
</ListView.ItemContainerTransitions>
</ListView>
<Button
Grid.Column="1"
Click="SelectAllContacts_Click"
Style="{StaticResource SubtleButtonStyle}">
<TextBlock Text="{x:Bind domain:Translator.ContactSelection_SelectAll, Mode=OneTime}" />
</Button>
<Button
Grid.Column="2"
Click="ClearSelection_Click"
Style="{StaticResource SubtleButtonStyle}">
<TextBlock Text="{x:Bind domain:Translator.ContactSelection_Clear, Mode=OneTime}" />
</Button>
<Button
Grid.Column="3"
Command="{x:Bind ViewModel.DeleteSelectedContactsCommand}"
Style="{StaticResource SubtleButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="14" Glyph="&#xE74D;" />
<TextBlock Text="{x:Bind domain:Translator.ContactsPage_DeleteSelectedContacts, Mode=OneTime}" />
</StackPanel>
</Button>
</Grid>
<Grid Grid.Row="3">
<Border
Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
BorderThickness="1"
CornerRadius="10">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid
Grid.Row="0"
Padding="12,10"
BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
BorderThickness="0,0,0,1">
<TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}">
<Run Text="{x:Bind ViewModel.TotalContactsCount, Mode=OneWay}" />
<Run Text=" " />
<Run Text="{x:Bind domain:Translator.ContactsPage_ContactsCountSuffix, Mode=OneTime}" />
</TextBlock>
</Grid>
<listview:WinoListView
x:Name="ContactsListView"
Grid.Row="1"
Margin="6"
toolkitExt:ListViewExtensions.ItemContainerStretchDirection="Horizontal"
IsMultiSelectCheckBoxEnabled="{x:Bind ViewModel.IsSelectionMode, Mode=OneWay}"
ItemTemplate="{StaticResource ContactTemplate}"
ItemsSource="{x:Bind ViewModel.Contacts, Mode=OneWay}"
LoadMoreCommand="{x:Bind ViewModel.LoadMoreContactsCommand}"
SelectionChanged="ContactsListView_SelectionChanged"
SelectionMode="{x:Bind helpers:XamlHelpers.BoolToSelectionMode(ViewModel.IsSelectionMode), Mode=OneWay}">
<listview:WinoListView.ItemContainerTransitions>
<TransitionCollection>
<AddDeleteThemeTransition />
<ContentThemeTransition />
<EntranceThemeTransition IsStaggeringEnabled="True" />
</TransitionCollection>
</listview:WinoListView.ItemContainerTransitions>
</listview:WinoListView>
<ProgressRing
Grid.Row="2"
Width="24"
Height="24"
Margin="0,8,0,10"
HorizontalAlignment="Center"
IsActive="{x:Bind ViewModel.IsLoadingMore, Mode=OneWay}"
Visibility="{x:Bind ViewModel.IsLoadingMore, Mode=OneWay}" />
</Grid>
</Border>
<Grid
x:Name="LoadingGrid"
x:Load="{x:Bind ViewModel.IsLoading, Mode=OneWay}"
Background="{ThemeResource CardBackgroundFillColorDefaultBrush}">
<ProgressRing
Width="48"
Height="48"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsActive="True" />
</Grid>
<!-- Empty State -->
<StackPanel
x:Name="IsEmptyPanel"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Spacing="16"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.SelectedContactsCount), Mode=OneWay}">
x:Load="{x:Bind ViewModel.IsEmpty, Mode=OneWay}"
Spacing="10">
<FontIcon
FontSize="48"
Foreground="{ThemeResource TextFillColorTertiaryBrush}"
FontSize="40"
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
Glyph="&#xE716;" />
<TextBlock
HorizontalAlignment="Center"
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
Text="{x:Bind domain:Translator.ContactsPage_EmptyState, Mode=OneTime}"
TextAlignment="Center" />
Text="{x:Bind domain:Translator.ContactsPage_NoContacts, Mode=OneTime}" />
<Button Command="{x:Bind ViewModel.AddContactCommand}" Style="{StaticResource AccentButtonStyle}">
<StackPanel Orientation="Horizontal" Spacing="8">
<FontIcon FontSize="16" Glyph="&#xE710;" />
<TextBlock Text="{x:Bind domain:Translator.ContactsPage_AddFirstContact, Mode=OneTime}" />
</StackPanel>
<TextBlock Text="{x:Bind domain:Translator.ContactsPage_AddFirstContact, Mode=OneTime}" />
</Button>
</StackPanel>
</Grid>
@@ -1,5 +1,9 @@
using System;
using System.ComponentModel;
using System.Linq;
using Microsoft.UI.Xaml.Controls;
using Wino.Core.Domain.Entities.Shared;
using Wino.Mail.ViewModels;
using Wino.Views.Abstract;
namespace Wino.Views.Settings;
@@ -9,6 +13,9 @@ public sealed partial class ContactsPage : ContactsPageAbstract
public ContactsPage()
{
InitializeComponent();
ViewModel.PropertyChanged += ViewModelPropertyChanged;
Unloaded += ContactsPageUnloaded;
}
private void EditContact_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
@@ -34,4 +41,73 @@ public sealed partial class ContactsPage : ContactsPageAbstract
ViewModel.DeleteContactCommand.Execute(contact);
}
}
}
private void ContactsListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
if (sender is not ListView)
return;
if (!ViewModel.IsSelectionMode)
{
ClearSelection();
return;
}
foreach (var removedItem in e.RemovedItems.OfType<AccountContact>())
{
var selectedContact = ViewModel.SelectedContacts.FirstOrDefault(c =>
string.Equals(c.Address, removedItem.Address, StringComparison.OrdinalIgnoreCase));
if (selectedContact != null)
{
ViewModel.SelectedContacts.Remove(selectedContact);
}
}
foreach (var addedItem in e.AddedItems.OfType<AccountContact>())
{
var alreadySelected = ViewModel.SelectedContacts.Any(c =>
string.Equals(c.Address, addedItem.Address, StringComparison.OrdinalIgnoreCase));
if (!alreadySelected)
{
ViewModel.SelectedContacts.Add(addedItem);
}
}
}
private void SelectAllContacts_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
if (!ViewModel.IsSelectionMode)
return;
ContactsListView.SelectAll();
}
private void ClearSelection_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
ClearSelection();
}
private void ViewModelPropertyChanged(object sender, PropertyChangedEventArgs e)
{
if (e.PropertyName == nameof(ContactsPageViewModel.IsSelectionMode) && !ViewModel.IsSelectionMode)
{
ClearSelection();
}
}
private void ContactsPageUnloaded(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
ViewModel.PropertyChanged -= ViewModelPropertyChanged;
Unloaded -= ContactsPageUnloaded;
}
private void ClearSelection()
{
ContactsListView.SelectionChanged -= ContactsListView_SelectionChanged;
ContactsListView.SelectedItems.Clear();
ContactsListView.SelectionChanged += ContactsListView_SelectionChanged;
ViewModel.SelectedContacts.Clear();
}
}
@@ -26,28 +26,25 @@
<DataTemplate x:Key="CompactDisplayModePreviewTemplate" x:DataType="enums:MailListDisplayMode">
<controls1:MailItemDisplayInformationControl
DisplayMode="Compact"
FromAddress="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromAddress}"
FromName="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromName}"
MailItemInformation="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailItemInformation}"
ShowPreviewText="False"
Subject="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.Subject}" />
/>
</DataTemplate>
<DataTemplate x:Key="MediumDisplayModePreviewTemplate" x:DataType="enums:MailListDisplayMode">
<controls1:MailItemDisplayInformationControl
DisplayMode="Medium"
FromAddress="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromAddress}"
FromName="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromName}"
MailItemInformation="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailItemInformation}"
ShowPreviewText="True"
Subject="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.Subject}" />
/>
</DataTemplate>
<DataTemplate x:Key="SpaciousDisplayModePreviewTemplate" x:DataType="enums:MailListDisplayMode">
<controls1:MailItemDisplayInformationControl
DisplayMode="Spacious"
FromAddress="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromAddress}"
FromName="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.FromName}"
MailItemInformation="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailItemInformation}"
ShowPreviewText="True"
Subject="{Binding ElementName=root, Path=ViewModel.DemoPreviewMailCopy.Subject}" />
/>
</DataTemplate>
<mailSelectors:MailItemDisplayModePreviewTemplateSelector