658 lines
36 KiB
XML
658 lines
36 KiB
XML
<abstract:ComposePageAbstract
|
|
x:Class="Wino.Views.ComposePage"
|
|
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:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:controls="using:Wino.Controls"
|
|
xmlns:helpers="using:Wino.Helpers"
|
|
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
|
|
xmlns:mailkit="using:MimeKit"
|
|
xmlns:entities="using:Wino.Core.Domain.Entities"
|
|
xmlns:controls1="using:CommunityToolkit.WinUI.Controls"
|
|
xmlns:data="using:Wino.Mail.ViewModels.Data"
|
|
xmlns:reader="using:Wino.Core.Domain.Models.Reader"
|
|
xmlns:domain="using:Wino.Core.Domain"
|
|
x:Name="root"
|
|
d:Background="White"
|
|
Loaded="ComposerLoaded"
|
|
mc:Ignorable="d">
|
|
|
|
<Page.Resources>
|
|
<DataTemplate x:Key="TokenBoxTemplate" x:DataType="entities:AddressInformation">
|
|
<Grid>
|
|
<ToolTipService.ToolTip>
|
|
<ToolTip Content="{x:Bind Address}" />
|
|
</ToolTipService.ToolTip>
|
|
<Grid.ContextFlyout>
|
|
<MenuFlyout Placement="RightEdgeAlignedBottom">
|
|
<MenuFlyoutItem Text="{x:Bind domain:Translator.ViewContactDetails}" />
|
|
</MenuFlyout>
|
|
</Grid.ContextFlyout>
|
|
<TextBlock
|
|
Grid.Column="1"
|
|
Margin="6,0,8,0"
|
|
VerticalAlignment="Center"
|
|
Text="{x:Bind Name}" />
|
|
</Grid>
|
|
</DataTemplate>
|
|
<DataTemplate x:Key="SuggestionBoxTemplate" x:DataType="entities:AddressInformation">
|
|
<Grid Margin="0,12" ColumnSpacing="6">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<controls:ImagePreviewControl
|
|
FromAddress="{x:Bind Address}"
|
|
FromName="{x:Bind Name}"
|
|
IsKnown="False" />
|
|
<TextBlock Grid.Column="1">
|
|
<Run Text="{x:Bind Name}" FontWeight="SemiBold" /><LineBreak /><Run Text="{x:Bind Address}" />
|
|
</TextBlock>
|
|
</Grid>
|
|
</DataTemplate>
|
|
|
|
<!-- Attachment Template -->
|
|
<!-- Margin -8 0 is used to remove the padding from the ListViewItem-->
|
|
<DataTemplate x:Key="ComposerFileAttachmentTemplate" x:DataType="data:MailAttachmentViewModel">
|
|
<Grid
|
|
Height="50"
|
|
Background="Transparent"
|
|
ColumnSpacing="3"
|
|
Margin="-8,0,0,0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="36" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- Icon -->
|
|
<ContentControl
|
|
VerticalAlignment="Center"
|
|
Content="{x:Bind AttachmentType}"
|
|
ContentTemplateSelector="{StaticResource FileTypeIconSelector}" />
|
|
|
|
<!-- Name && Size -->
|
|
<Grid
|
|
Grid.Column="1"
|
|
MaxWidth="200"
|
|
VerticalAlignment="Center">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<TextBlock
|
|
FontSize="13"
|
|
Text="{x:Bind FileName}"
|
|
MaxLines="2"
|
|
TextTrimming="CharacterEllipsis" />
|
|
|
|
<TextBlock
|
|
Grid.Row="1"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Bottom"
|
|
FontSize="11"
|
|
Foreground="Gray"
|
|
Text="{x:Bind ReadableSize}" />
|
|
</Grid>
|
|
|
|
<SymbolIcon
|
|
Grid.Column="2"
|
|
VerticalAlignment="Center"
|
|
Symbol="Cancel"
|
|
Foreground="{StaticResource DeleteBrush}" />
|
|
</Grid>
|
|
</DataTemplate>
|
|
</Page.Resources>
|
|
|
|
<Grid Background="{ThemeResource AppBarBackgroundColor}">
|
|
<Grid.Resources>
|
|
<SolidColorBrush x:Key="AutoSuggestBoxBorderThemeBrush">Transparent</SolidColorBrush>
|
|
</Grid.Resources>
|
|
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="56" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid
|
|
x:Name="TopPanelGrid"
|
|
Padding="16,6,6,6"
|
|
RowSpacing="6">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<CommandBar
|
|
Grid.Row="1"
|
|
DefaultLabelPosition="Right"
|
|
OverflowButtonVisibility="Collapsed"
|
|
DynamicOverflowItemsChanging="BarDynamicOverflowChanging"
|
|
IsDynamicOverflowEnabled="True">
|
|
<CommandBar.PrimaryCommands>
|
|
<AppBarButton
|
|
x:Name="ComposerThemeToggleButton"
|
|
LabelPosition="Collapsed"
|
|
Click="InvertComposerThemeClicked">
|
|
<AppBarButton.Icon>
|
|
<controls:WinoFontIcon Icon="DarkEditor" />
|
|
</AppBarButton.Icon>
|
|
</AppBarButton>
|
|
<AppBarButton Label="Discard" Command="{x:Bind ViewModel.DiscardCommand}">
|
|
<AppBarButton.Icon>
|
|
<controls:WinoFontIcon Icon="Delete" />
|
|
</AppBarButton.Icon>
|
|
</AppBarButton>
|
|
<AppBarButton
|
|
Label="Send"
|
|
IsEnabled="{x:Bind ViewModel.CanSendMail, Mode=OneWay}"
|
|
Command="{x:Bind ViewModel.SendCommand}">
|
|
<AppBarButton.Icon>
|
|
<controls:WinoFontIcon Icon="Send" />
|
|
</AppBarButton.Icon>
|
|
</AppBarButton>
|
|
</CommandBar.PrimaryCommands>
|
|
<CommandBar.Content>
|
|
<!-- Wino Pivot -->
|
|
<controls:WinoPivotControl
|
|
ItemsSource="{x:Bind ViewModel.ToolbarSections}"
|
|
SelectedItem="{x:Bind ViewModel.SelectedToolbarSection, Mode=TwoWay}"
|
|
SelectorPipeColor="{ThemeResource NavigationViewSelectionIndicatorForeground}">
|
|
<controls:WinoPivotControl.DataTemplate>
|
|
<DataTemplate x:DataType="reader:EditorToolbarSection">
|
|
<TextBlock Text="{x:Bind Title}" />
|
|
</DataTemplate>
|
|
</controls:WinoPivotControl.DataTemplate>
|
|
</controls:WinoPivotControl>
|
|
</CommandBar.Content>
|
|
</CommandBar>
|
|
</Grid>
|
|
|
|
<!-- Editor Options -->
|
|
<ScrollViewer
|
|
Grid.Row="1"
|
|
Margin="0,6"
|
|
VerticalAlignment="Top"
|
|
VerticalScrollMode="Disabled"
|
|
HorizontalScrollBarVisibility="Hidden"
|
|
HorizontalScrollMode="Enabled">
|
|
<Grid Margin="16,0,16,20" Padding="8,0">
|
|
<!-- Format Panel -->
|
|
<Grid x:Name="FormatPanel" Visibility="{x:Bind helpers:XamlHelpers.IsFormatSection(ViewModel.SelectedToolbarSection), Mode=OneWay}">
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<ToggleButton
|
|
x:Name="BoldButton"
|
|
Height="32"
|
|
Click="BoldButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource BoldPathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
<ToggleButton
|
|
x:Name="ItalicButton"
|
|
Height="32"
|
|
Click="ItalicButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource ItalicPathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
<ToggleButton
|
|
x:Name="UnderlineButton"
|
|
Height="32"
|
|
Click="UnderlineButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource UnderlinePathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
<ToggleButton
|
|
x:Name="StrokeButton"
|
|
Height="32"
|
|
Click="StrokeButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource StrikePathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
|
|
<AppBarSeparator />
|
|
|
|
<ToggleButton
|
|
x:Name="BulletListButton"
|
|
Height="32"
|
|
Click="BulletListButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource BulletedListPathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
|
|
<ToggleButton
|
|
x:Name="OrderedListButton"
|
|
Height="32"
|
|
Click="OrderedListButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource OrderedListPathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
|
|
<Button
|
|
x:Name="DecreaseIndentButton"
|
|
Height="32"
|
|
Click="DecreaseIndentClicked">
|
|
<Button.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource DecreaseIndentPathIcon}" />
|
|
</Viewbox>
|
|
</Button.Content>
|
|
</Button>
|
|
|
|
<Button
|
|
x:Name="IncreaseIndentButton"
|
|
Height="32"
|
|
Click="IncreaseIndentClicked">
|
|
<Button.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource IncreaseIndentPathIcon}" />
|
|
</Viewbox>
|
|
</Button.Content>
|
|
</Button>
|
|
|
|
<AppBarSeparator />
|
|
|
|
<ToggleButton
|
|
x:Name="DirectionButton"
|
|
Height="32"
|
|
Click="DirectionButtonClicked">
|
|
<ToggleButton.Content>
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource ParagraphPathIcon}" />
|
|
</Viewbox>
|
|
</ToggleButton.Content>
|
|
</ToggleButton>
|
|
|
|
<ComboBox
|
|
x:Name="AlignmentListView"
|
|
Width="120"
|
|
Height="32"
|
|
VerticalAlignment="Center"
|
|
SelectionChanged="AlignmentChanged">
|
|
<ComboBoxItem Tag="left">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource AlignLeftPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock VerticalAlignment="Center" Text="{x:Bind domain:Translator.Left}" />
|
|
</StackPanel>
|
|
</ComboBoxItem>
|
|
|
|
<ComboBoxItem Tag="center">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource AlignCenterPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock VerticalAlignment="Center" Text="{x:Bind domain:Translator.Center}" />
|
|
</StackPanel>
|
|
</ComboBoxItem>
|
|
|
|
<ComboBoxItem Tag="right">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource AlignRightPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock VerticalAlignment="Center" Text="{x:Bind domain:Translator.Right}" />
|
|
</StackPanel>
|
|
</ComboBoxItem>
|
|
|
|
<ComboBoxItem Tag="justify">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16">
|
|
<PathIcon Data="{StaticResource AlignJustifyPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock VerticalAlignment="Center" Text="{x:Bind domain:Translator.Justify}" />
|
|
</StackPanel>
|
|
</ComboBoxItem>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<!-- Insert Panel -->
|
|
<Grid x:Name="InsertPanel" Visibility="{x:Bind helpers:XamlHelpers.IsInsertSection(ViewModel.SelectedToolbarSection), Mode=OneWay}">
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<Button
|
|
x:Name="FilesButton"
|
|
Height="32"
|
|
Click="AddFilesClicked">
|
|
<Button.Content>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16" VerticalAlignment="Center">
|
|
<PathIcon Data="{StaticResource AttachPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock Text="{x:Bind domain:Translator.Files}" />
|
|
</StackPanel>
|
|
</Button.Content>
|
|
</Button>
|
|
|
|
<Button
|
|
x:Name="AddImageButton"
|
|
Height="32"
|
|
Click="AddImageClicked">
|
|
<Button.Content>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16" VerticalAlignment="Center">
|
|
<PathIcon Data="{StaticResource AddPhotoPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock Text="{x:Bind domain:Translator.Photos}" />
|
|
</StackPanel>
|
|
</Button.Content>
|
|
</Button>
|
|
|
|
<Button
|
|
x:Name="EmojiButton"
|
|
Height="32"
|
|
Click="EmojiButtonClicked">
|
|
<Button.Content>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16" VerticalAlignment="Center">
|
|
<PathIcon Data="{StaticResource EmojiPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock Text="{x:Bind domain:Translator.Emoji}" />
|
|
</StackPanel>
|
|
</Button.Content>
|
|
</Button>
|
|
|
|
<Button
|
|
x:Name="LinkButton"
|
|
Height="32"
|
|
Click="LinkButtonClicked">
|
|
<Button.Flyout>
|
|
<Flyout x:Name="HyperlinkFlyout">
|
|
<StackPanel Width="250" Spacing="6">
|
|
<TextBox x:Name="HyperlinkTextBox" Header="Text" />
|
|
<TextBox
|
|
x:Name="LinkUrlTextBox"
|
|
Header="Link"
|
|
PlaceholderText="https://" />
|
|
<Button
|
|
x:Name="AddHyperlinkButton"
|
|
Margin="0,6"
|
|
HorizontalAlignment="Stretch"
|
|
Click="HyperlinkAddClicked"
|
|
Content="{x:Bind domain:Translator.AddHyperlink}" />
|
|
</StackPanel>
|
|
</Flyout>
|
|
</Button.Flyout>
|
|
<Button.Content>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Viewbox Width="16" VerticalAlignment="Center">
|
|
<PathIcon Data="{StaticResource AddLinkPathIcon}" />
|
|
</Viewbox>
|
|
<TextBlock Text="Link" />
|
|
</StackPanel>
|
|
</Button.Content>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<!-- Draw Panel -->
|
|
<Grid x:Name="DrawPanel" Visibility="{x:Bind helpers:XamlHelpers.IsDrawSection(ViewModel.SelectedToolbarSection), Mode=OneWay}">
|
|
<TextBlock Text="{x:Bind domain:Translator.ComingSoon}" />
|
|
</Grid>
|
|
|
|
<!-- Options Panel -->
|
|
<Grid x:Name="OptionsPanel" Visibility="{x:Bind helpers:XamlHelpers.IsOptionsSection(ViewModel.SelectedToolbarSection), Mode=OneWay}">
|
|
<muxc:ToggleSplitButton x:Name="ImportanceSplitButton" IsChecked="{x:Bind ViewModel.IsImportanceSelected, Mode=TwoWay}">
|
|
<SymbolIcon x:Name="ImportanceSplitButtonContent" Symbol="Important" />
|
|
<muxc:ToggleSplitButton.Flyout>
|
|
<Flyout x:Name="ImportanceFlyout" Placement="Bottom">
|
|
<StackPanel Orientation="Horizontal">
|
|
<StackPanel.Resources>
|
|
<Style TargetType="Button">
|
|
<Setter Property="Padding" Value="4" />
|
|
<Setter Property="MinWidth" Value="0" />
|
|
<Setter Property="MinHeight" Value="0" />
|
|
<Setter Property="Margin" Value="6" />
|
|
<Setter Property="CornerRadius" Value="{StaticResource ControlCornerRadius}" />
|
|
</Style>
|
|
</StackPanel.Resources>
|
|
<Button Click="ImportanceClicked">
|
|
<Button.Tag>
|
|
<mailkit:MessageImportance>High</mailkit:MessageImportance>
|
|
</Button.Tag>
|
|
<SymbolIcon Symbol="Important" />
|
|
</Button>
|
|
<Button Click="ImportanceClicked">
|
|
<Button.Tag>
|
|
<mailkit:MessageImportance>Low</mailkit:MessageImportance>
|
|
</Button.Tag>
|
|
<SymbolIcon Symbol="Download" />
|
|
</Button>
|
|
</StackPanel>
|
|
</Flyout>
|
|
</muxc:ToggleSplitButton.Flyout>
|
|
</muxc:ToggleSplitButton>
|
|
</Grid>
|
|
</Grid>
|
|
</ScrollViewer>
|
|
|
|
<!-- Mime Info -->
|
|
<Grid
|
|
Grid.Row="2"
|
|
Padding="16,0"
|
|
RowSpacing="3"
|
|
ColumnSpacing="12">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- From -->
|
|
<TextBlock
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
Text="{x:Bind domain:Translator.ComposerFrom}" />
|
|
|
|
<ComboBox
|
|
x:Name="AccountsComboBox"
|
|
Grid.Column="1"
|
|
IsEditable="False"
|
|
IsEnabled="False"
|
|
ItemsSource="{x:Bind ViewModel.Accounts}"
|
|
SelectedItem="{x:Bind ViewModel.ComposingAccount, Mode=TwoWay}">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate x:DataType="entities:MailAccount">
|
|
<TextBlock>
|
|
<Run Text="{x:Bind Name}" /><Run Text=" (" /><Run Text="{x:Bind Address}" /><Run Text=")" />
|
|
</TextBlock>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
|
|
<!-- To -->
|
|
<TextBlock
|
|
Grid.Row="2"
|
|
Margin="0,4,0,0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
Text="{x:Bind domain:Translator.ComposerTo}" />
|
|
|
|
<Grid
|
|
Grid.Row="2"
|
|
Grid.Column="1"
|
|
VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<controls1:TokenizingTextBox
|
|
x:Name="ToBox"
|
|
Grid.Column="0"
|
|
VerticalAlignment="Center"
|
|
TokenDelimiter=";"
|
|
Tag="ToBox"
|
|
LostFocus="AddressBoxLostFocus"
|
|
BorderThickness="0"
|
|
ItemsSource="{x:Bind ViewModel.ToItems, Mode=OneTime}"
|
|
TokenItemAdding="TokenItemAdding"
|
|
PlaceholderText="{x:Bind domain:Translator.ComposerToPlaceholder}"
|
|
TokenItemTemplate="{StaticResource TokenBoxTemplate}"
|
|
SuggestedItemTemplate="{StaticResource SuggestionBoxTemplate}" />
|
|
|
|
<Button
|
|
x:Name="CCBCCShowButton"
|
|
Grid.Column="1"
|
|
Margin="6,6,0,0"
|
|
VerticalAlignment="Center"
|
|
GotFocus="CCBBCGotFocus"
|
|
Visibility="{x:Bind ViewModel.IsCCBCCVisible, Mode=OneWay}"
|
|
Click="ShowCCBCCClicked">
|
|
<StackPanel Orientation="Horizontal" Spacing="6">
|
|
<PathIcon
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Data="F1 M 3.75 4.902344 C 3.75 4.225262 3.885091 3.588867 4.155273 2.993164 C 4.425456 2.397461 4.790039 1.878256 5.249023 1.435547 C 5.708008 0.99284 6.238606 0.642904 6.84082 0.385742 C 7.443034 0.128582 8.079427 0 8.75 0 C 9.420572 0 10.056966 0.128582 10.65918 0.385742 C 11.261393 0.642904 11.791992 0.99284 12.250977 1.435547 C 12.709961 1.878256 13.074544 2.397461 13.344727 2.993164 C 13.614908 3.588867 13.75 4.225262 13.75 4.902344 C 13.75 5.332031 13.707682 5.742188 13.623047 6.132812 C 13.538411 6.523438 13.395182 6.907553 13.193359 7.285156 C 12.307942 7.434896 11.484375 7.734375 10.722656 8.183594 C 11.295572 7.819012 11.735025 7.353517 12.041016 6.787109 C 12.347005 6.220704 12.5 5.598959 12.5 4.921875 C 12.5 4.414062 12.399088 3.937176 12.197266 3.491211 C 11.995442 3.045248 11.723633 2.65625 11.381836 2.324219 C 11.040039 1.992188 10.641275 1.730145 10.185547 1.538086 C 9.729817 1.346029 9.251302 1.25 8.75 1.25 C 8.229166 1.25 7.740885 1.347656 7.285156 1.542969 C 6.829427 1.738281 6.432292 2.005209 6.09375 2.34375 C 5.755208 2.682293 5.488281 3.079428 5.292969 3.535156 C 5.097656 3.990887 5 4.479167 5 5 C 5 5.501303 5.096028 5.979818 5.288086 6.435547 C 5.480143 6.891276 5.742188 7.290039 6.074219 7.631836 C 6.40625 7.973633 6.795247 8.245443 7.241211 8.447266 C 7.687174 8.649089 8.164062 8.75 8.671875 8.75 C 9.023438 8.75 9.360352 8.709311 9.682617 8.62793 C 10.004883 8.54655 10.322266 8.417969 10.634766 8.242188 C 9.873047 8.704428 9.222005 9.290365 8.681641 10 L 8.662109 10 C 8.011067 10 7.389323 9.868164 6.796875 9.604492 C 6.204427 9.34082 5.681966 8.984375 5.229492 8.535156 C 4.777018 8.085938 4.417317 7.565104 4.150391 6.972656 C 3.883463 6.380209 3.75 5.755209 3.75 5.097656 Z M 8.75 14.375 C 8.75 13.600261 8.898111 12.871094 9.194336 12.1875 C 9.49056 11.503906 9.892578 10.908203 10.400391 10.400391 C 10.908203 9.892578 11.503906 9.490561 12.1875 9.194336 C 12.871093 8.898112 13.60026 8.75 14.375 8.75 C 14.889322 8.75 15.385741 8.816732 15.864258 8.950195 C 16.342773 9.083659 16.790363 9.272461 17.207031 9.516602 C 17.623697 9.760742 18.004557 10.055339 18.349609 10.400391 C 18.69466 10.745443 18.989258 11.126303 19.233398 11.542969 C 19.477539 11.959636 19.66634 12.407227 19.799805 12.885742 C 19.933268 13.364258 20 13.860678 20 14.375 C 20 15.14974 19.851887 15.878906 19.555664 16.5625 C 19.259439 17.246094 18.857422 17.841797 18.349609 18.349609 C 17.841797 18.857422 17.246094 19.259439 16.5625 19.555664 C 15.878906 19.851889 15.149739 20 14.375 20 C 13.59375 20 12.861328 19.853516 12.177734 19.560547 C 11.494141 19.267578 10.898438 18.867188 10.390625 18.359375 C 9.882812 17.851562 9.482422 17.255859 9.189453 16.572266 C 8.896484 15.888672 8.75 15.15625 8.75 14.375 Z M 0 13.701172 C 0 13.375651 0.066732 13.064779 0.200195 12.768555 C 0.333659 12.472331 0.512695 12.211914 0.737305 11.987305 C 0.961914 11.762695 1.222331 11.583659 1.518555 11.450195 C 1.814779 11.316732 2.125651 11.25 2.451172 11.25 L 7.900391 11.25 C 7.809244 11.451823 7.722981 11.656901 7.641602 11.865234 C 7.560221 12.073568 7.490234 12.285156 7.431641 12.5 L 2.5 12.5 C 2.324219 12.5 2.161458 12.532553 2.011719 12.597656 C 1.861979 12.662761 1.730143 12.752279 1.616211 12.866211 C 1.502279 12.980144 1.41276 13.111979 1.347656 13.261719 C 1.282552 13.411459 1.25 13.574219 1.25 13.75 C 1.25 14.407553 1.359049 14.986979 1.577148 15.488281 C 1.795247 15.989584 2.091471 16.425781 2.46582 16.796875 C 2.840169 17.167969 3.273112 17.478842 3.764648 17.729492 C 4.256185 17.980143 4.777018 18.180338 5.327148 18.330078 C 5.877278 18.479818 6.438802 18.58724 7.011719 18.652344 C 7.584635 18.717447 8.138021 18.75 8.671875 18.75 C 8.847656 18.977865 9.033203 19.192709 9.228516 19.394531 C 9.423828 19.596354 9.635416 19.785156 9.863281 19.960938 C 9.674479 19.973959 9.488932 19.983725 9.306641 19.990234 C 9.124349 19.996744 8.938802 20 8.75 20 C 7.897135 20 7.042643 19.939779 6.186523 19.819336 C 5.330403 19.698893 4.511719 19.462891 3.730469 19.111328 C 3.157552 18.850912 2.641602 18.543295 2.182617 18.188477 C 1.723633 17.833658 1.333008 17.431641 1.010742 16.982422 C 0.688477 16.533203 0.439453 16.035156 0.263672 15.488281 C 0.087891 14.941406 0 14.345703 0 13.701172 Z M 15 15 L 16.875 15 C 17.04427 15 17.190754 14.938151 17.314453 14.814453 C 17.43815 14.690756 17.5 14.544271 17.5 14.375 C 17.5 14.205729 17.43815 14.059245 17.314453 13.935547 C 17.190754 13.81185 17.04427 13.75 16.875 13.75 L 15 13.75 L 15 11.875 C 14.999999 11.705729 14.93815 11.559245 14.814453 11.435547 C 14.690755 11.31185 14.544271 11.25 14.375 11.25 C 14.205729 11.25 14.059244 11.31185 13.935547 11.435547 C 13.811849 11.559245 13.75 11.705729 13.75 11.875 L 13.75 13.75 L 11.875 13.75 C 11.705729 13.75 11.559244 13.81185 11.435547 13.935547 C 11.311849 14.059245 11.25 14.205729 11.25 14.375 C 11.25 14.544271 11.311849 14.690756 11.435547 14.814453 C 11.559244 14.938151 11.705729 15 11.875 15 L 13.75 15 L 13.75 16.875 C 13.75 17.044271 13.811849 17.190756 13.935547 17.314453 C 14.059244 17.43815 14.205729 17.5 14.375 17.5 C 14.544271 17.5 14.690755 17.43815 14.814453 17.314453 C 14.93815 17.190756 14.999999 17.044271 15 16.875 Z " />
|
|
<TextBlock VerticalAlignment="Center" Text="Cc & Bcc" />
|
|
</StackPanel>
|
|
</Button>
|
|
</Grid>
|
|
|
|
<!-- CC BCC -->
|
|
<TextBlock
|
|
x:Name="CCTextBlock"
|
|
Grid.Row="3"
|
|
Margin="0,4,0,0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
Text="Cc: "
|
|
Visibility="{x:Bind helpers:XamlHelpers.ReverseVisibilityConverter(CCBCCShowButton.Visibility), Mode=OneWay}" />
|
|
|
|
<controls1:TokenizingTextBox
|
|
x:Name="CCBox"
|
|
Grid.Row="3"
|
|
Grid.Column="1"
|
|
VerticalAlignment="Center"
|
|
LostFocus="AddressBoxLostFocus"
|
|
PlaceholderText="{x:Bind domain:Translator.ComposerToPlaceholder}"
|
|
SuggestedItemTemplate="{StaticResource SuggestionBoxTemplate}"
|
|
Tag="CCBox"
|
|
TokenItemAdding="TokenItemAdding"
|
|
TokenItemTemplate="{StaticResource TokenBoxTemplate}"
|
|
Visibility="{x:Bind helpers:XamlHelpers.ReverseVisibilityConverter(CCBCCShowButton.Visibility), Mode=OneWay}"
|
|
TokenDelimiter=";" />
|
|
|
|
<TextBlock
|
|
x:Name="BccTextBlock"
|
|
Grid.Row="4"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
Text="Bcc: "
|
|
Visibility="{x:Bind helpers:XamlHelpers.ReverseVisibilityConverter(CCBCCShowButton.Visibility), Mode=OneWay}" />
|
|
|
|
<controls1:TokenizingTextBox
|
|
x:Name="BccBox"
|
|
Grid.Row="4"
|
|
Grid.Column="1"
|
|
LostFocus="AddressBoxLostFocus"
|
|
VerticalAlignment="Center"
|
|
PlaceholderText="{x:Bind domain:Translator.ComposerToPlaceholder}"
|
|
Visibility="{x:Bind helpers:XamlHelpers.ReverseVisibilityConverter(CCBCCShowButton.Visibility), Mode=OneWay}"
|
|
SuggestedItemTemplate="{StaticResource SuggestionBoxTemplate}"
|
|
Tag="BCCBox"
|
|
TokenItemAdding="TokenItemAdding"
|
|
TokenItemTemplate="{StaticResource TokenBoxTemplate}"
|
|
TokenDelimiter=";" />
|
|
|
|
<!-- Subject -->
|
|
<TextBlock
|
|
Grid.Row="5"
|
|
Margin="0,4,0,0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
Text="{x:Bind domain:Translator.ComposerSubject}" />
|
|
|
|
<TextBox
|
|
Grid.Row="5"
|
|
Grid.Column="1"
|
|
Margin="0,4,0,0"
|
|
BorderThickness="0"
|
|
Text="{x:Bind ViewModel.Subject, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
|
|
|
|
<!-- Attachments -->
|
|
<ListView x:Name="AttachmentsListView"
|
|
Grid.Row="6"
|
|
Grid.ColumnSpan="2"
|
|
x:Load="{x:Bind helpers:XamlHelpers.CountToBooleanConverter(ViewModel.IncludedAttachments.Count), Mode=OneWay}"
|
|
IsItemClickEnabled="True"
|
|
ItemTemplate="{StaticResource ComposerFileAttachmentTemplate}"
|
|
ItemsSource="{x:Bind ViewModel.IncludedAttachments, Mode=OneWay}"
|
|
ItemClick="AttachmentClicked"
|
|
SelectionMode="None">
|
|
<ListView.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<controls1:WrapPanel Orientation="Horizontal" />
|
|
</ItemsPanelTemplate>
|
|
</ListView.ItemsPanel>
|
|
</ListView>
|
|
|
|
<!--Attachments-->
|
|
|
|
</Grid>
|
|
|
|
<Grid
|
|
Grid.Row="4"
|
|
Margin="0,6,0,0"
|
|
Background="White"
|
|
Visibility="{x:Bind IsComposerDarkMode, Converter={StaticResource ReverseBooleanToVisibilityConverter}, Mode=OneWay}" />
|
|
|
|
<muxc:WebView2
|
|
x:Name="Chromium"
|
|
Grid.Row="4"
|
|
Margin="0,6,0,0" />
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="ComposerThemeToggleButtonStates">
|
|
<VisualState x:Name="DarkMode">
|
|
<VisualState.StateTriggers>
|
|
<StateTrigger IsActive="{x:Bind IsComposerDarkMode, Mode=OneWay}" />
|
|
</VisualState.StateTriggers>
|
|
<VisualState.Setters>
|
|
<Setter Target="ComposerThemeToggleButton.Label" Value="Light Reader" />
|
|
<Setter Target="ComposerThemeToggleButton.Icon">
|
|
<Setter.Value>
|
|
<controls:WinoFontIcon Icon="LightEditor" />
|
|
</Setter.Value>
|
|
</Setter>
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
|
|
<VisualState x:Name="LightMode" />
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
</Grid>
|
|
</abstract:ComposePageAbstract>
|