Merge pull request #14 from neuroglia-io/fix-correlations-kvp-editor

cdavernas · web-flow · commit 834f18ac169b · 2022-11-11T11:34:46.000+01:00
fix(Dashboard): added key value pair editor
diff --git a/src/dashboard/Synapse.Dashboard/Features/Shared/KeyValuePairEditor/KeyValuePairEditor.razor b/src/dashboard/Synapse.Dashboard/Features/Shared/KeyValuePairEditor/KeyValuePairEditor.razor
@@ -0,0 +1,43 @@
+﻿@namespace Synapse.Dashboard
+
+<div>
+    @if (Kvp == null)
+    {
+        <input class="form-control" placeholder="Key" type="text" value="@key" @onchange="e => OnPropertyChanged((editor) => editor.key = (string?)e.Value ?? string.Empty)" />
+    }
+    <input class="form-control" placeholder="Value" type="text" value="@value" @onchange="e => OnPropertyChanged((editor) => editor.value = (string?)e.Value ?? string.Empty)" />
+    @if (Kvp == null)
+    {
+        <button class="btn btn-outline-dark" type="button" @onclick="OnAddClicked">Add</button>
+    }
+</div>
+
+@code {
+    private string key = "";
+    private string value = "";
+    [Parameter] public KeyValuePair<string, string>? Kvp { get; set; }
+    [Parameter] public EventCallback<KeyValuePair<string, string>> OnAdd { get; set; }
+    [Parameter] public EventCallback<KeyValuePair<string, string>> OnChange { get; set; }
+
+    protected override void OnParametersSet()
+    {
+        if (this.Kvp.HasValue && (this.Kvp.Value.Key != this.key || this.Kvp.Value.Value != this.value))
+        {
+            this.key = this.Kvp.Value.Key;
+            this.value = this.Kvp.Value.Value;
+        }
+    }
+
+    private void OnPropertyChanged(Action<KeyValuePairEditor> patch)
+    {
+        patch(this);
+        this.OnChange.InvokeAsync(new KeyValuePair<string, string>(this.key, this.value));
+    }
+
+    private void OnAddClicked()
+    {
+        this.OnAdd.InvokeAsync(new KeyValuePair<string, string>(this.key, this.value));
+        this.key = "";
+        this.value = "";
+    }
+}
diff --git a/src/dashboard/Synapse.Dashboard/Pages/Correlations/Create/View.razor b/src/dashboard/Synapse.Dashboard/Pages/Correlations/Create/View.razor
@@ -138,6 +138,7 @@ else
                                         </Header>
                                         <Body>
                                             <h5>Context Attributes</h5>
+                                            <KeyValuePairEditor OnAdd="((e) => OnAddOrUpdateConditionFilterAttribute(condition, filter, e.Key, e.Value))" />
                                             <table class="table table-striped">
                                                 <thead>
                                                     <tr>
@@ -164,6 +165,7 @@ else
                                             </table>
 
                                             <h5>Correlation Mappings</h5>
+                                            <KeyValuePairEditor OnAdd="((e) => OnAddOrUpdateConditionFilterCorrelationMapping(condition, filter, e.Key, e.Value))" />
                                             <table class="table table-striped">
                                                 <thead>
                                                     <tr>
