From d779ed9bc8535e44f83ee58e7e1e7545b56bbb5c Mon Sep 17 00:00:00 2001
From: Tyrrrz <1935960+Tyrrrz@users.noreply.github.com>
Date: Mon, 29 May 2023 19:01:49 +0300
Subject: [PATCH] Blur the token in GUI when the control is out of focus
---
.../Components/DashboardViewModel.cs | 2 ++
.../Views/Components/DashboardView.xaml | 23 ++++++++++++++++++-
2 files changed, 24 insertions(+), 1 deletion(-)
diff --git a/DiscordChatExporter.Gui/ViewModels/Components/DashboardViewModel.cs b/DiscordChatExporter.Gui/ViewModels/Components/DashboardViewModel.cs
index 1d8b36a7..f7d317be 100644
--- a/DiscordChatExporter.Gui/ViewModels/Components/DashboardViewModel.cs
+++ b/DiscordChatExporter.Gui/ViewModels/Components/DashboardViewModel.cs
@@ -38,6 +38,8 @@ public class DashboardViewModel : PropertyChangedBase
public string? Token { get; set; }
+ public bool IsTokenSet => !string.IsNullOrWhiteSpace(Token);
+
private IReadOnlyDictionary<Guild, IReadOnlyList<Channel>>? ChannelsByGuild { get; set; }
public IReadOnlyList<Guild>? AvailableGuilds => ChannelsByGuild?.Keys.ToArray();
diff --git a/DiscordChatExporter.Gui/Views/Components/DashboardView.xaml b/DiscordChatExporter.Gui/Views/Components/DashboardView.xaml
index 497c373d..b4429238 100644
--- a/DiscordChatExporter.Gui/Views/Components/DashboardView.xaml
+++ b/DiscordChatExporter.Gui/Views/Components/DashboardView.xaml
@@ -85,7 +85,28 @@
materialDesign:TextFieldAssist.TextBoxViewMargin="0,0,2,0"
BorderThickness="0"
FontSize="16"
- Text="{Binding Token, UpdateSourceTrigger=PropertyChanged}" />
+ Text="{Binding Token, UpdateSourceTrigger=PropertyChanged}">
+ <TextBox.Style>
+ <Style BasedOn="{StaticResource {x:Type TextBox}}" TargetType="{x:Type TextBox}">
+ <Style.Triggers>
+ <!-- Blur the token when it's out of focus -->
+ <MultiDataTrigger>
+ <MultiDataTrigger.Conditions>
+ <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=materialDesign:Card}}" Value="False" />
+ <Condition Binding="{Binding IsFocused, RelativeSource={RelativeSource Self}}" Value="False" />
+ <!-- Don't blur if the token is not set, so the user can see the hint text -->
+ <Condition Binding="{Binding IsTokenSet}" Value="True" />
+ </MultiDataTrigger.Conditions>
+ <Setter Property="Effect">
+ <Setter.Value>
+ <BlurEffect Radius="12" />
+ </Setter.Value>
+ </Setter>
+ </MultiDataTrigger>
+ </Style.Triggers>
+ </Style>
+ </TextBox.Style>
+ </TextBox>
<!-- Pull data button -->
<Button