374 lines
14 KiB
C#
374 lines
14 KiB
C#
using System;
|
|
using System.Text.RegularExpressions;
|
|
using System.Threading.Tasks;
|
|
using Microsoft.Extensions.DependencyInjection;
|
|
using Microsoft.Web.WebView2.Core;
|
|
using Newtonsoft.Json;
|
|
using Windows.UI.ViewManagement.Core;
|
|
using Windows.UI.Xaml;
|
|
using Windows.UI.Xaml.Controls;
|
|
using Wino.Core.Domain;
|
|
using Wino.Core.Domain.Entities;
|
|
using Wino.Core.Domain.Interfaces;
|
|
using Wino.Views.Settings;
|
|
|
|
namespace Wino.Dialogs
|
|
{
|
|
public sealed partial class SignatureEditorDialog : ContentDialog
|
|
{
|
|
private Func<Task<string>> _getHTMLBodyFunction;
|
|
private readonly TaskCompletionSource<bool> _domLoadedTask = new TaskCompletionSource<bool>();
|
|
private readonly INativeAppService _nativeAppService = App.Current.Services.GetService<INativeAppService>();
|
|
public AccountSignature Result;
|
|
|
|
public bool IsComposerDarkMode
|
|
{
|
|
get { return (bool)GetValue(IsComposerDarkModeProperty); }
|
|
set { SetValue(IsComposerDarkModeProperty, value); }
|
|
}
|
|
|
|
public static readonly DependencyProperty IsComposerDarkModeProperty = DependencyProperty.Register(nameof(IsComposerDarkMode), typeof(bool), typeof(SignatureManagementPage), new PropertyMetadata(false, OnIsComposerDarkModeChanged));
|
|
|
|
public SignatureEditorDialog()
|
|
{
|
|
InitializeComponent();
|
|
|
|
SignatureNameTextBox.Header = Translator.SignatureEditorDialog_SignatureName_TitleNew;
|
|
Environment.SetEnvironmentVariable("WEBVIEW2_DEFAULT_BACKGROUND_COLOR", "00FFFFFF");
|
|
Environment.SetEnvironmentVariable("WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=OverlayScrollbar,msOverlayScrollbarWinStyle,msOverlayScrollbarWinStyleAnimation");
|
|
|
|
// TODO: Should be added additional logic to enable/disable primary button when webview content changed.
|
|
IsPrimaryButtonEnabled = true;
|
|
}
|
|
|
|
public SignatureEditorDialog(AccountSignature signatureModel)
|
|
{
|
|
InitializeComponent();
|
|
|
|
SignatureNameTextBox.Text = signatureModel.Name.Trim();
|
|
SignatureNameTextBox.Header = string.Format(Translator.SignatureEditorDialog_SignatureName_TitleEdit, signatureModel.Name);
|
|
|
|
Result = new AccountSignature
|
|
{
|
|
Id = signatureModel.Id,
|
|
Name = signatureModel.Name,
|
|
MailAccountId = signatureModel.MailAccountId,
|
|
HtmlBody = signatureModel.HtmlBody
|
|
};
|
|
Environment.SetEnvironmentVariable("WEBVIEW2_DEFAULT_BACKGROUND_COLOR", "00FFFFFF");
|
|
Environment.SetEnvironmentVariable("WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=OverlayScrollbar,msOverlayScrollbarWinStyle,msOverlayScrollbarWinStyleAnimation");
|
|
|
|
// TODO: Should be added additional logic to enable/disable primary button when webview content changed.
|
|
IsPrimaryButtonEnabled = true;
|
|
}
|
|
|
|
private async void SignatureDialogOpened(ContentDialog sender, ContentDialogOpenedEventArgs args)
|
|
{
|
|
Chromium.CoreWebView2Initialized -= ChromiumInitialized;
|
|
Chromium.CoreWebView2Initialized += ChromiumInitialized;
|
|
|
|
await Chromium.EnsureCoreWebView2Async();
|
|
|
|
_getHTMLBodyFunction = new Func<Task<string>>(async () =>
|
|
{
|
|
var quillContent = await InvokeScriptSafeAsync("GetHTMLContent();");
|
|
|
|
return JsonConvert.DeserializeObject<string>(quillContent);
|
|
});
|
|
|
|
var underlyingThemeService = App.Current.Services.GetService<IUnderlyingThemeService>();
|
|
|
|
IsComposerDarkMode = underlyingThemeService.IsUnderlyingThemeDark();
|
|
|
|
await RenderInternalAsync(Result?.HtmlBody ?? string.Empty);
|
|
}
|
|
|
|
private void DialogClosed(ContentDialog sender, ContentDialogClosedEventArgs args)
|
|
{
|
|
Chromium.CoreWebView2Initialized -= ChromiumInitialized;
|
|
|
|
if (Chromium.CoreWebView2 != null)
|
|
{
|
|
Chromium.CoreWebView2.DOMContentLoaded -= DOMLoaded;
|
|
Chromium.CoreWebView2.WebMessageReceived -= ScriptMessageReceived;
|
|
}
|
|
}
|
|
|
|
private async void SaveClicked(ContentDialog sender, ContentDialogButtonClickEventArgs args)
|
|
{
|
|
var newSignature = Regex.Unescape(await _getHTMLBodyFunction());
|
|
|
|
if (Result == null)
|
|
{
|
|
Result = new AccountSignature
|
|
{
|
|
Id = Guid.NewGuid(),
|
|
Name = SignatureNameTextBox.Text.Trim(),
|
|
HtmlBody = newSignature
|
|
};
|
|
}
|
|
else
|
|
{
|
|
Result.Name = SignatureNameTextBox.Text.Trim();
|
|
Result.HtmlBody = newSignature;
|
|
}
|
|
|
|
Hide();
|
|
}
|
|
|
|
private void CancelClicked(ContentDialog sender, ContentDialogButtonClickEventArgs args)
|
|
{
|
|
Hide();
|
|
}
|
|
|
|
private async void HyperlinkAddClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync($"addHyperlink('{LinkUrlTextBox.Text}')");
|
|
|
|
LinkUrlTextBox.Text = string.Empty;
|
|
HyperlinkFlyout.Hide();
|
|
}
|
|
|
|
private async void BoldButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('boldButton').click();");
|
|
}
|
|
|
|
private async void ItalicButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('italicButton').click();");
|
|
}
|
|
|
|
private async void UnderlineButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('underlineButton').click();");
|
|
}
|
|
|
|
private async void StrokeButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('strikeButton').click();");
|
|
}
|
|
|
|
private async void BulletListButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('bulletListButton').click();");
|
|
}
|
|
|
|
private async void OrderedListButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('orderedListButton').click();");
|
|
}
|
|
|
|
private async void IncreaseIndentClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('increaseIndentButton').click();");
|
|
}
|
|
|
|
private async void DecreaseIndentClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('decreaseIndentButton').click();");
|
|
}
|
|
|
|
private async void DirectionButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('directionButton').click();");
|
|
}
|
|
|
|
private async void AlignmentChanged(object sender, SelectionChangedEventArgs e)
|
|
{
|
|
var selectedItem = AlignmentListView.SelectedItem as ComboBoxItem;
|
|
var alignment = selectedItem.Tag.ToString();
|
|
|
|
switch (alignment)
|
|
{
|
|
case "left":
|
|
await InvokeScriptSafeAsync("document.getElementById('ql-align-left').click();");
|
|
break;
|
|
case "center":
|
|
await InvokeScriptSafeAsync("document.getElementById('ql-align-center').click();");
|
|
break;
|
|
case "right":
|
|
await InvokeScriptSafeAsync("document.getElementById('ql-align-right').click();");
|
|
break;
|
|
case "justify":
|
|
await InvokeScriptSafeAsync("document.getElementById('ql-align-justify').click();");
|
|
break;
|
|
}
|
|
}
|
|
|
|
public async Task<string> ExecuteScriptFunctionAsync(string functionName, params object[] parameters)
|
|
{
|
|
string script = functionName + "(";
|
|
for (int i = 0; i < parameters.Length; i++)
|
|
{
|
|
script += JsonConvert.SerializeObject(parameters[i]);
|
|
if (i < parameters.Length - 1)
|
|
{
|
|
script += ", ";
|
|
}
|
|
}
|
|
script += ");";
|
|
|
|
return await Chromium.ExecuteScriptAsync(script);
|
|
}
|
|
|
|
private async Task<string> InvokeScriptSafeAsync(string function)
|
|
{
|
|
try
|
|
{
|
|
return await Chromium.ExecuteScriptAsync(function);
|
|
}
|
|
catch { }
|
|
|
|
return string.Empty;
|
|
}
|
|
|
|
private async void AddImageClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
await InvokeScriptSafeAsync("document.getElementById('addImageButton').click();");
|
|
}
|
|
|
|
private async Task FocusEditorAsync()
|
|
{
|
|
await InvokeScriptSafeAsync("quill.focus();");
|
|
|
|
Chromium.Focus(FocusState.Keyboard);
|
|
Chromium.Focus(FocusState.Programmatic);
|
|
}
|
|
|
|
private async void EmojiButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
CoreInputView.GetForCurrentView().TryShow(CoreInputViewKind.Emoji);
|
|
|
|
await FocusEditorAsync();
|
|
}
|
|
|
|
private async Task<string> TryGetSelectedTextAsync()
|
|
{
|
|
try
|
|
{
|
|
return await Chromium.ExecuteScriptAsync("getSelectedText();");
|
|
}
|
|
catch { }
|
|
|
|
return string.Empty;
|
|
}
|
|
|
|
private async void LinkButtonClicked(object sender, RoutedEventArgs e)
|
|
{
|
|
// Get selected text from Quill.
|
|
HyperlinkTextBox.Text = await TryGetSelectedTextAsync();
|
|
|
|
HyperlinkFlyout.ShowAt(LinkButton);
|
|
}
|
|
|
|
private async Task UpdateEditorThemeAsync()
|
|
{
|
|
await _domLoadedTask.Task;
|
|
|
|
if (IsComposerDarkMode)
|
|
{
|
|
Chromium.CoreWebView2.Profile.PreferredColorScheme = CoreWebView2PreferredColorScheme.Dark;
|
|
await InvokeScriptSafeAsync("SetDarkEditor();");
|
|
}
|
|
else
|
|
{
|
|
Chromium.CoreWebView2.Profile.PreferredColorScheme = CoreWebView2PreferredColorScheme.Light;
|
|
await InvokeScriptSafeAsync("SetLightEditor();");
|
|
}
|
|
}
|
|
|
|
private async Task RenderInternalAsync(string htmlBody)
|
|
{
|
|
await _domLoadedTask.Task;
|
|
|
|
await UpdateEditorThemeAsync();
|
|
|
|
if (string.IsNullOrEmpty(htmlBody))
|
|
{
|
|
await ExecuteScriptFunctionAsync("RenderHTML", " ");
|
|
}
|
|
else
|
|
{
|
|
await ExecuteScriptFunctionAsync("RenderHTML", htmlBody);
|
|
|
|
await FocusEditorAsync();
|
|
}
|
|
}
|
|
|
|
private async void ChromiumInitialized(Microsoft.UI.Xaml.Controls.WebView2 sender, Microsoft.UI.Xaml.Controls.CoreWebView2InitializedEventArgs args)
|
|
{
|
|
var editorBundlePath = (await _nativeAppService.GetQuillEditorBundlePathAsync()).Replace("editor.html", string.Empty);
|
|
|
|
Chromium.CoreWebView2.SetVirtualHostNameToFolderMapping("app.editor", editorBundlePath, CoreWebView2HostResourceAccessKind.Allow);
|
|
Chromium.Source = new Uri("https://app.editor/editor.html");
|
|
|
|
Chromium.CoreWebView2.DOMContentLoaded -= DOMLoaded;
|
|
Chromium.CoreWebView2.DOMContentLoaded += DOMLoaded;
|
|
|
|
Chromium.CoreWebView2.WebMessageReceived -= ScriptMessageReceived;
|
|
Chromium.CoreWebView2.WebMessageReceived += ScriptMessageReceived;
|
|
}
|
|
|
|
private static async void OnIsComposerDarkModeChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
|
|
{
|
|
if (obj is SignatureEditorDialog dialog)
|
|
{
|
|
await dialog.UpdateEditorThemeAsync();
|
|
}
|
|
}
|
|
|
|
private void ScriptMessageReceived(CoreWebView2 sender, CoreWebView2WebMessageReceivedEventArgs args)
|
|
{
|
|
var change = JsonConvert.DeserializeObject<string>(args.WebMessageAsJson);
|
|
|
|
bool isEnabled = change.EndsWith("ql-active");
|
|
|
|
if (change.StartsWith("ql-bold"))
|
|
BoldButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("ql-italic"))
|
|
ItalicButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("ql-underline"))
|
|
UnderlineButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("ql-strike"))
|
|
StrokeButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("orderedListButton"))
|
|
OrderedListButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("bulletListButton"))
|
|
BulletListButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("ql-direction"))
|
|
DirectionButton.IsChecked = isEnabled;
|
|
else if (change.StartsWith("ql-align-left"))
|
|
{
|
|
AlignmentListView.SelectionChanged -= AlignmentChanged;
|
|
AlignmentListView.SelectedIndex = 0;
|
|
AlignmentListView.SelectionChanged += AlignmentChanged;
|
|
}
|
|
else if (change.StartsWith("ql-align-center"))
|
|
{
|
|
AlignmentListView.SelectionChanged -= AlignmentChanged;
|
|
AlignmentListView.SelectedIndex = 1;
|
|
AlignmentListView.SelectionChanged += AlignmentChanged;
|
|
}
|
|
else if (change.StartsWith("ql-align-right"))
|
|
{
|
|
AlignmentListView.SelectionChanged -= AlignmentChanged;
|
|
AlignmentListView.SelectedIndex = 2;
|
|
AlignmentListView.SelectionChanged += AlignmentChanged;
|
|
}
|
|
else if (change.StartsWith("ql-align-justify"))
|
|
{
|
|
AlignmentListView.SelectionChanged -= AlignmentChanged;
|
|
AlignmentListView.SelectedIndex = 3;
|
|
AlignmentListView.SelectionChanged += AlignmentChanged;
|
|
}
|
|
}
|
|
|
|
private void DOMLoaded(CoreWebView2 sender, CoreWebView2DOMContentLoadedEventArgs args) => _domLoadedTask.TrySetResult(true);
|
|
|
|
private void SignatureNameTextBoxTextChanged(object sender, TextChangedEventArgs e) => IsPrimaryButtonEnabled = !string.IsNullOrWhiteSpace(SignatureNameTextBox.Text);
|
|
|
|
private void InvertComposerThemeClicked(object sender, RoutedEventArgs e) => IsComposerDarkMode = !IsComposerDarkMode;
|
|
}
|
|
}
|