From 326bda2f65cd7ecb1e5bcf99847dda46749ac09c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20H=C3=A4fele?= <haefele@xemio.net>
Date: Fri, 20 Oct 2023 22:02:05 +0200
Subject: [PATCH] Make TextEnhancementView.xaml look better

---
 src/ChatPrisma/App.xaml                       |  1 +
 src/ChatPrisma/Themes/Attached.cs             | 12 ++++++
 src/ChatPrisma/Themes/TextBoxStyles.xaml      | 38 ++++++++++++++++
 .../TextEnhancement/TextEnhancementView.xaml  | 43 +++++++------------
 4 files changed, 67 insertions(+), 27 deletions(-)
 create mode 100644 src/ChatPrisma/Themes/TextBoxStyles.xaml

diff --git a/src/ChatPrisma/App.xaml b/src/ChatPrisma/App.xaml
index 62c0487..624b4c5 100644
--- a/src/ChatPrisma/App.xaml
+++ b/src/ChatPrisma/App.xaml
@@ -14,6 +14,7 @@
                 <ResourceDictionary Source="/Themes/ToolTipStyles.xaml" />
                 <ResourceDictionary Source="/Themes/ContextMenuStyles.xaml" />
                 <ResourceDictionary Source="/Themes/ButtonStyles.xaml" />
+                <ResourceDictionary Source="/Themes/TextBoxStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>
diff --git a/src/ChatPrisma/Themes/Attached.cs b/src/ChatPrisma/Themes/Attached.cs
index 333b0db..85e3145 100644
--- a/src/ChatPrisma/Themes/Attached.cs
+++ b/src/ChatPrisma/Themes/Attached.cs
@@ -39,4 +39,16 @@ public static double GetGroupBoxOpacity(DependencyObject element)
     {
         return (double)element.GetValue(GroupBoxOpacityProperty);
     }
+
+    public static readonly DependencyProperty PlaceholderProperty = DependencyProperty.RegisterAttached(
+        "Placeholder", typeof(string), typeof(Attached), new PropertyMetadata(default(string)));
+
+    public static void SetPlaceholder(DependencyObject element, string value)
+    {
+        element.SetValue(PlaceholderProperty, value);
+    }
+    public static string GetPlaceholder(DependencyObject element)
+    {
+        return (string)element.GetValue(PlaceholderProperty);
+    }
 }
diff --git a/src/ChatPrisma/Themes/TextBoxStyles.xaml b/src/ChatPrisma/Themes/TextBoxStyles.xaml
new file mode 100644
index 0000000..5d11983
--- /dev/null
+++ b/src/ChatPrisma/Themes/TextBoxStyles.xaml
@@ -0,0 +1,38 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
+                    xmlns:themes="clr-namespace:ChatPrisma.Themes">
+    <Style TargetType="TextBox">
+        <Setter Property="Foreground" Value="White"/>
+        <Setter Property="CaretBrush" Value="White"/>
+        <Setter Property="Height" Value="30"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="TextBox">
+                    <GroupBox>
+                        <Grid Margin="-10, -8, -10, -10" x:Name="BackgroundGrid" Background="#05FFFFFF">
+                            <Grid Margin="6,7,6,2">
+                                <TextBlock Text="{Binding Path=(themes:Attached.Placeholder), RelativeSource={RelativeSource TemplatedParent}}" 
+                                           Margin="2, 0, 0, 0" 
+                                           Foreground="Gray"
+                                           Visibility="{DXBinding '@p.Text != null and @p.Text.Length > 0 ? $Visibility.Collapsed : $Visibility.Visible'}" />
+                                
+                                <ScrollViewer x:Name="PART_ContentHost" 
+                                              VerticalScrollBarVisibility="{TemplateBinding VerticalScrollBarVisibility}"
+                                              HorizontalScrollBarVisibility="{TemplateBinding HorizontalScrollBarVisibility}"/>
+                            </Grid>
+                            
+                            <Rectangle Name="BottomLine" Height="2" VerticalAlignment="Bottom" Fill="#00C2FC" Visibility="Collapsed" />
+                        </Grid>
+                    </GroupBox>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsFocused" Value="True">
+                            <Setter TargetName="BottomLine" Property="Visibility" Value="Visible"/>
+                            <Setter TargetName="BackgroundGrid" Property="Background" Value="Transparent" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/src/ChatPrisma/Views/TextEnhancement/TextEnhancementView.xaml b/src/ChatPrisma/Views/TextEnhancement/TextEnhancementView.xaml
index 5327c58..b1ac695 100644
--- a/src/ChatPrisma/Views/TextEnhancement/TextEnhancementView.xaml
+++ b/src/ChatPrisma/Views/TextEnhancement/TextEnhancementView.xaml
@@ -2,9 +2,8 @@
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:local="clr-namespace:ChatPrisma.Views.TextEnhancement"
-             xmlns:fluentIcons="clr-namespace:FluentIcons.WPF;assembly=FluentIcons.WPF"
-             xmlns:fluentIconsCommon="clr-namespace:FluentIcons.Common;assembly=FluentIcons.Common"
              xmlns:emoji="clr-namespace:Emoji.Wpf;assembly=Emoji.Wpf"
+             xmlns:themes="clr-namespace:ChatPrisma.Themes"
              
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
@@ -18,39 +17,29 @@
              Loaded="TextEnhancementView_OnLoaded"
              DataContextChanged="TextEnhancementView_OnDataContextChanged"
              >
-    <Grid>
+    <Grid themes:Spacing.Vertical="10">
         <Grid.RowDefinitions>
             <RowDefinition Height="*"/>
             <RowDefinition Height="Auto"/>
         </Grid.RowDefinitions>
 
-        <GroupBox Grid.Row="0">
+        <GroupBox Grid.Row="0" Header="Text" themes:Attached.Icon="TextEditStyle">
             <emoji:TextBlock Text="{Binding CurrentText}"
                              TextWrapping="Wrap"/>
         </GroupBox>
         
-        <Grid Grid.Row="1" Margin="0, 10, 0, 0">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="*" />
-                <ColumnDefinition Width="Auto" />
-            </Grid.ColumnDefinitions>
-            
-            <TextBox x:Name="InstructionTextBox" 
-                     Grid.Column="0" 
-                     Text="{Binding Instruction, UpdateSourceTrigger=PropertyChanged}">
-                <TextBox.InputBindings>
-                    <KeyBinding Key="Enter" Command="{Binding ApplyInstructionCommand}" />
-                    <KeyBinding Key="Enter" Modifiers="Control" Command="{Binding AcceptTextCommand}" />
-                    <KeyBinding Key="Escape" Command="{Binding ApplyInstructionCancelCommand}" />
-                </TextBox.InputBindings>
-            </TextBox>
-            <Button Grid.Column="1" 
-                    Command="{Binding ApplyInstructionCommand}"
-                    ToolTip="{DXBinding 'AutoPaste ? `Der Text wird automatisch eingetragen.` : `Der Text wird nur in die Zwischenablage kopiert, Sie müssen ihn selbst einfügen.`'}">
-                <Grid>
-                    <fluentIcons:SymbolIcon Symbol="{DXBinding 'AutoPaste ? $fluentIconsCommon:Symbol.Send : $fluentIconsCommon:Symbol.Copy'}" />
-                </Grid>
-            </Button>
-        </Grid>
+        <GroupBox Grid.Row="1" Header="Änderungen" themes:Attached.Icon="InkingTool">
+            <Grid>
+                <TextBox x:Name="InstructionTextBox"
+                         themes:Attached.Placeholder="Anweisung"
+                         Text="{Binding Instruction, UpdateSourceTrigger=PropertyChanged}">
+                    <TextBox.InputBindings>
+                        <KeyBinding Key="Enter" Command="{Binding ApplyInstructionCommand}" />
+                        <KeyBinding Key="Enter" Modifiers="Control" Command="{Binding AcceptTextCommand}" />
+                        <KeyBinding Key="Escape" Command="{Binding ApplyInstructionCancelCommand}" />
+                    </TextBox.InputBindings>
+                </TextBox>
+            </Grid>
+        </GroupBox>
     </Grid>
 </UserControl>