feat(configmanager): add RegexEditorView Avalonia UI
Implements editor with: - Column name input - Mode toggle (Find & Replace / Match & Extract) - Pattern and Replacement inputs - Case insensitive checkbox - NonMatchBehavior dropdown - Live test/preview section with result display - Pattern examples help box
This commit is contained in:
Joseph Doherty
+4
@@ -423,6 +423,10 @@ public class RegexTransformerViewModel : TransformerStepViewModelBase
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/// <summary>Gets the available non-match behavior options for binding.</summary>
|
||||||
|
public static IReadOnlyList<NonMatchBehavior> NonMatchBehaviorOptions { get; } =
|
||||||
|
[NonMatchBehavior.KeepOriginal, NonMatchBehavior.ReturnNull, NonMatchBehavior.ReturnEmpty];
|
||||||
|
|
||||||
// Test feature properties
|
// Test feature properties
|
||||||
public string TestInput
|
public string TestInput
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -0,0 +1,180 @@
|
|||||||
|
<UserControl xmlns="https://github.com/avaloniaui"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
xmlns:steps="using:JdeScoping.ConfigManager.ViewModels.PipelineSteps"
|
||||||
|
x:Class="JdeScoping.ConfigManager.Views.Editors.RegexEditorView"
|
||||||
|
x:DataType="steps:RegexTransformerViewModel">
|
||||||
|
|
||||||
|
<StackPanel Spacing="16">
|
||||||
|
<!-- Header -->
|
||||||
|
<StackPanel>
|
||||||
|
<TextBlock Text="Regex Transformer"
|
||||||
|
Foreground="#E6EDF5" FontSize="14" FontWeight="SemiBold"/>
|
||||||
|
<TextBlock Text="Transform column values using regular expressions"
|
||||||
|
Foreground="#5C6A7A" FontSize="11"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Column Name -->
|
||||||
|
<StackPanel Spacing="4">
|
||||||
|
<StackPanel Orientation="Horizontal" Spacing="2">
|
||||||
|
<TextBlock Text="Column"
|
||||||
|
Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
<TextBlock Text="*" Foreground="#FF6B6B" FontSize="12"/>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBox Text="{Binding ColumnName}"
|
||||||
|
Background="#232A35" Foreground="#E6EDF5"
|
||||||
|
BorderBrush="#3D4550" Height="36"
|
||||||
|
FontFamily="JetBrains Mono"
|
||||||
|
Watermark="BatchID"/>
|
||||||
|
<TextBlock Text="Column to apply the regex transformation"
|
||||||
|
Foreground="#5C6A7A" FontSize="11"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Mode Selection -->
|
||||||
|
<StackPanel Spacing="4">
|
||||||
|
<TextBlock Text="Mode" Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
||||||
|
<RadioButton GroupName="RegexMode"
|
||||||
|
IsChecked="{Binding IsFindReplaceMode}"
|
||||||
|
Foreground="#E6EDF5">
|
||||||
|
<TextBlock Text="Find & Replace" FontSize="12"/>
|
||||||
|
</RadioButton>
|
||||||
|
<RadioButton GroupName="RegexMode"
|
||||||
|
IsChecked="{Binding IsMatchExtractMode}"
|
||||||
|
Foreground="#E6EDF5">
|
||||||
|
<TextBlock Text="Match & Extract" FontSize="12"/>
|
||||||
|
</RadioButton>
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Pattern -->
|
||||||
|
<StackPanel Spacing="4">
|
||||||
|
<StackPanel Orientation="Horizontal" Spacing="2">
|
||||||
|
<TextBlock Text="Pattern"
|
||||||
|
Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
<TextBlock Text="*" Foreground="#FF6B6B" FontSize="12"/>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBox Text="{Binding Pattern}"
|
||||||
|
Background="#232A35" Foreground="#E6EDF5"
|
||||||
|
BorderBrush="#3D4550" Height="36"
|
||||||
|
FontFamily="JetBrains Mono"
|
||||||
|
Watermark="^IIS_"/>
|
||||||
|
<TextBlock Text="{Binding PatternHelpText}"
|
||||||
|
Foreground="#5C6A7A" FontSize="11"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Replacement (only visible in Find & Replace mode) -->
|
||||||
|
<StackPanel Spacing="4" IsVisible="{Binding IsFindReplaceMode}">
|
||||||
|
<TextBlock Text="Replacement"
|
||||||
|
Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
<TextBox Text="{Binding Replacement}"
|
||||||
|
Background="#232A35" Foreground="#E6EDF5"
|
||||||
|
BorderBrush="#3D4550" Height="36"
|
||||||
|
FontFamily="JetBrains Mono"
|
||||||
|
Watermark="(empty to remove)"/>
|
||||||
|
<TextBlock Text="Text to replace matches with (use $1, $2 for capture groups)"
|
||||||
|
Foreground="#5C6A7A" FontSize="11"/>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Options Row -->
|
||||||
|
<StackPanel Spacing="8">
|
||||||
|
<TextBlock Text="Options" Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
|
||||||
|
<Grid ColumnDefinitions="*,*" RowDefinitions="Auto">
|
||||||
|
<!-- Case Insensitive Toggle -->
|
||||||
|
<CheckBox Grid.Column="0"
|
||||||
|
IsChecked="{Binding IgnoreCase}"
|
||||||
|
Foreground="#E6EDF5" FontSize="12">
|
||||||
|
<TextBlock Text="Case Insensitive" FontSize="12"/>
|
||||||
|
</CheckBox>
|
||||||
|
|
||||||
|
<!-- Non-Match Behavior -->
|
||||||
|
<StackPanel Grid.Column="1" Spacing="4">
|
||||||
|
<TextBlock Text="If No Match"
|
||||||
|
Foreground="#5C6A7A" FontSize="11"/>
|
||||||
|
<ComboBox SelectedItem="{Binding NonMatchBehavior}"
|
||||||
|
ItemsSource="{Binding NonMatchBehaviorOptions}"
|
||||||
|
Background="#232A35" Foreground="#E6EDF5"
|
||||||
|
BorderBrush="#3D4550" Height="32"
|
||||||
|
FontSize="11" MinWidth="140"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</StackPanel>
|
||||||
|
|
||||||
|
<!-- Test/Preview Section -->
|
||||||
|
<Border Background="#151920" BorderBrush="#2D3540" BorderThickness="1"
|
||||||
|
CornerRadius="4" Padding="12" Margin="0,8,0,0">
|
||||||
|
<StackPanel Spacing="12">
|
||||||
|
<TextBlock Text="Test Pattern"
|
||||||
|
Foreground="#9BA8B8" FontSize="12" FontWeight="Medium"/>
|
||||||
|
|
||||||
|
<!-- Test Input Row -->
|
||||||
|
<Grid ColumnDefinitions="*,8,Auto">
|
||||||
|
<TextBox Grid.Column="0"
|
||||||
|
Text="{Binding TestInput}"
|
||||||
|
Background="#232A35" Foreground="#E6EDF5"
|
||||||
|
BorderBrush="#3D4550" Height="36"
|
||||||
|
FontFamily="JetBrains Mono"
|
||||||
|
Watermark="IIS_12345"/>
|
||||||
|
<Button Grid.Column="2"
|
||||||
|
Content="Test"
|
||||||
|
Background="#3B82F6" Foreground="#FFFFFF"
|
||||||
|
BorderThickness="0" Height="36"
|
||||||
|
Padding="16,0"
|
||||||
|
Command="{Binding TestPatternCommand}"/>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<!-- Result Display -->
|
||||||
|
<Border Background="#0D0F12" BorderBrush="#2D3540" BorderThickness="1"
|
||||||
|
CornerRadius="4" Padding="10" MinHeight="44"
|
||||||
|
IsVisible="{Binding HasTestResult}">
|
||||||
|
<Grid ColumnDefinitions="Auto,8,*">
|
||||||
|
<!-- Status Icon -->
|
||||||
|
<Border Grid.Column="0"
|
||||||
|
Width="24" Height="24" CornerRadius="12"
|
||||||
|
Background="{Binding TestResultBackground}"
|
||||||
|
VerticalAlignment="Center">
|
||||||
|
<TextBlock Text="{Binding TestResultIcon}"
|
||||||
|
Foreground="#FFFFFF"
|
||||||
|
FontSize="12" FontWeight="Bold"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
VerticalAlignment="Center"/>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<!-- Result Text -->
|
||||||
|
<StackPanel Grid.Column="2" Spacing="2" VerticalAlignment="Center">
|
||||||
|
<TextBlock Text="{Binding TestResultLabel}"
|
||||||
|
Foreground="#5C6A7A" FontSize="10"/>
|
||||||
|
<TextBlock Text="{Binding TestResultValue}"
|
||||||
|
Foreground="#E6EDF5" FontSize="12"
|
||||||
|
FontFamily="JetBrains Mono"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<!-- Error Display -->
|
||||||
|
<Border Background="#2D1F1F" BorderBrush="#5C2626" BorderThickness="1"
|
||||||
|
CornerRadius="4" Padding="10"
|
||||||
|
IsVisible="{Binding HasTestError}">
|
||||||
|
<StackPanel Spacing="2">
|
||||||
|
<TextBlock Text="Invalid Pattern"
|
||||||
|
Foreground="#FF6B6B" FontSize="11" FontWeight="Medium"/>
|
||||||
|
<TextBlock Text="{Binding TestErrorMessage}"
|
||||||
|
Foreground="#CC8888" FontSize="11"
|
||||||
|
TextWrapping="Wrap"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
|
||||||
|
<!-- Help Info -->
|
||||||
|
<Border Background="#151920" BorderBrush="#2D3540" BorderThickness="1"
|
||||||
|
CornerRadius="4" Padding="12" Margin="0,4,0,0">
|
||||||
|
<StackPanel Spacing="4">
|
||||||
|
<TextBlock Text="Pattern Examples" Foreground="#9BA8B8" FontSize="11" FontWeight="Medium"/>
|
||||||
|
<TextBlock Text=" ^IIS_ Remove 'IIS_' prefix" Foreground="#5C6A7A" FontSize="10" FontFamily="JetBrains Mono"/>
|
||||||
|
<TextBlock Text=" _SUFFIX$ Remove '_SUFFIX' at end" Foreground="#5C6A7A" FontSize="10" FontFamily="JetBrains Mono"/>
|
||||||
|
<TextBlock Text=" (\d+) Extract first number" Foreground="#5C6A7A" FontSize="10" FontFamily="JetBrains Mono"/>
|
||||||
|
</StackPanel>
|
||||||
|
</Border>
|
||||||
|
</StackPanel>
|
||||||
|
</UserControl>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
using Avalonia.Controls;
|
||||||
|
|
||||||
|
namespace JdeScoping.ConfigManager.Views.Editors;
|
||||||
|
|
||||||
|
public partial class RegexEditorView : UserControl
|
||||||
|
{
|
||||||
|
public RegexEditorView()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user