Merge pull request #306 from neuroglia-io/fix-select-indicator

Replace select class "form-control" with "form-select"

Author: cdavernas

src/dashboard/Synapse.Dashboard/Features/Shared/JsonForm/JsonFormProperty.razor

@@ -52,7 +52,7 @@
                 <label for="@Name" class="form-label">@displayName@RequiredPropertySuffix</label>
                 @if(Schema.Enum != null && Schema.Enum.Any())
                 {
-                    <select name="@Name" title="@Schema.Description" readonly="@Schema.ReadOnly" value="@Value" class="form-control" required="@IsRequired" @onchange="OnInputValueChanged">
+                    <select class="form-select" name="@Name" title="@Schema.Description" readonly="@Schema.ReadOnly" value="@Value" required="@IsRequired" @onchange="OnInputValueChanged">
                         @foreach (var option in Schema.Enum)
                         {
                             <option value="@option">@option</option>

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/ActionEditor.razor

@@ -146,7 +146,7 @@
                                         <tr>
                                             <td>Invocation mode</td>
                                             <td>
-                                                <select value="@action.Subflow?.InvocationMode" title="Configures the subflow's invocation mode" class="form-control bg-secondary text-white"
+                                            <select value="@action.Subflow?.InvocationMode" title="Configures the subflow's invocation mode" class="form-select bg-secondary text-white"
                                                 @onchange="async e => await OnPropertyChangedAsync(nameof(action.Subflow.InvocationMode), a => { if(a.Subflow == null) a.Subflow = new(); a.Subflow.InvocationMode = EnumHelper.Parse<InvocationMode>((string)e.Value!); })"> 
                                                     @foreach(var invocationMode in Enum.GetValues<InvocationMode>())
                                                     {

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/EventEditor.razor

@@ -28,8 +28,8 @@
         <tr>
             <td>Kind</td>
             <td>
-                <select name="@nameof(evt.Kind)" required class="form-control bg-secondary text-white" 
-                @onchange="async e => await OnPropertyChanged(nameof(evt.Kind), ed => { ed.Kind = EnumHelper.Parse<EventKind>((string)e.Value!); })">
+                    <select name="@nameof(evt.Kind)" required class="form-select bg-secondary text-white"
+                        @onchange="async e => await OnPropertyChanged(nameof(evt.Kind), ed => { ed.Kind = EnumHelper.Parse<EventKind>((string)e.Value!); })">
                     @foreach (EventKind eventKind in Enum.GetValues(typeof(EventKind)))
                     {
                         var eventKindStr = @EnumHelper.Stringify(eventKind);

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/EventStateTriggerEditor.razor

@@ -23,7 +23,7 @@
             <tr>
                 <td>Action execution mode</td>
                 <td>
-                    <select required title="The way actions should be executed when the trigger fires" class="form-control bg-secondary text-white"
+                    <select required title="The way actions should be executed when the trigger fires" class="form-select bg-secondary text-white"
                     @onchange="async e => await OnChangeAsync(t => t.ActionMode = EnumHelper.Parse<ActionExecutionMode>((string)e.Value!))">
                         @foreach (var mode in Enum.GetValues<ActionExecutionMode>())
                         {

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/FunctionEditor.razor

@@ -33,7 +33,7 @@
         <tr>
             <td>Type</td>
             <td>
-                <select name="@nameof(function.Type)" required class="form-control bg-secondary text-white" 
+                <select name="@nameof(function.Type)" required class="form-select bg-secondary text-white" 
                 @onchange="async e => await OnPropertyChanged(nameof( function.Type), f => { f.Type = EnumHelper.Parse<FunctionType>((string)e.Value!); f.Operation = null!; })">
                     @foreach (FunctionType functionType in Enum.GetValues(typeof(FunctionType)))
                     {

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/GrpcOperationSelector.razor

@@ -20,8 +20,8 @@
 @using Neuroglia.Data.Services
 @inject ISchemaRegistry SchemaRegistry
 
-<select required class="form-control" 
-@onchange="async e => OnServiceChanged((string?)e.Value)">
+<select required class="form-select"
+        @onchange="async e => OnServiceChanged((string?)e.Value)">
     @if(string.IsNullOrWhiteSpace(OperationId))
     {
         <option disabled selected value> -- select a service -- </option>
@@ -47,8 +47,8 @@
         }
     }
 </select>
-<select required class="form-control" 
-@onchange="async e => await OnOperationChangedAsync((string?)e.Value)">
+<select required class="form-select"
+        @onchange="async e => await OnOperationChangedAsync((string?)e.Value)">
     @if(string.IsNullOrWhiteSpace(OperationId))
     {
         <option disabled selected value> -- select an operation -- </option>

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/ODataEntitySetSelector.razor

@@ -20,8 +20,8 @@
 @using Neuroglia.Data.Services
 @inject ISchemaRegistry SchemaRegistry
 
-<select required class="form-control" 
-@onchange="async e => await OnOperationChangedAsync((string?)e.Value)">
+<select required class="form-select"
+        @onchange="async e => await OnOperationChangedAsync((string?)e.Value)">
     @if(string.IsNullOrWhiteSpace(OperationId))
     {
         <option disabled selected value> -- select an entity set -- </option>

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/OpenApiOperationSelector.razor

@@ -20,7 +20,7 @@
 @using Neuroglia.Data.Services
 @inject ISchemaRegistry SchemaRegistry
 
-<select required class="form-control" 
+<select required class="form-select" 
 @onchange="async e => await OnOperationChangedAsync((string?)e.Value)">
     @if(string.IsNullOrWhiteSpace(OperationId))
     {

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/StateEditors/ForEachStateEditor.razor

@@ -61,7 +61,7 @@
             <tr>
                 <td>Action execution mode</td>
                 <td>
-                    <select required title="The way actions should be executed when the trigger fires" class="form-control bg-secondary text-white"
+                    <select required title="The way actions should be executed when the trigger fires" class="form-select bg-secondary text-white"
                     @onchange="async e => await OnChangedAsync(s => s.Mode = EnumHelper.Parse<ActionExecutionMode>((string)e.Value!))">
                         @foreach (var mode in Enum.GetValues<ActionExecutionMode>())
                         {

src/dashboard/Synapse.Dashboard/Features/Workflows/WorkflowEditor/StateEditors/OperationStateEditor.razor

@@ -23,7 +23,7 @@
             <tr>
                 <td>Execution mode</td>
                 <td>
-                    <select required title="The mode in which the state's operations are to be executed" class="form-control bg-secondary text-white"
+                    <select required title="The mode in which the state's operations are to be executed" class="form-select bg-secondary text-white"
                     @onchange="async e => await OnChangedAsync(s => s.ActionMode = EnumHelper.Parse<ActionExecutionMode>((string)e.Value!))">
                         @foreach(var mode in Enum.GetValues<ActionExecutionMode>())
                         {