Merge pull request #97 from CodebreakerApp/75-ui-set-move

Enabled to select fields by clicking instead of dragging.

Author: christiannagel

src/CodeBreaker.Blazor.Client/Components/Playground.razor

@@ -21,7 +21,8 @@
                              ondragover="event.preventDefault();"
                              @ondragenter="@(() => SetDropClass(localVariable))"
                              @ondragleave="@RemoveDropClass"
-                             @ondrop="() => UpdateField(localVariable)" />
+                             @ondrop="() => UpdateField(localVariable)"
+                             @onclick="() => SelectField(localVariable)" />
                     }
                     else if (_isMobile && i == 1)
                     {
@@ -70,7 +71,8 @@
             {
                 <div draggable="true"
                      class="@($"draggable {colorField.ToLower()}")"
-                     @ondragstart="@(() => _activeColor = colorField)">
+                     @ondragstart="@(() => _activeColor = colorField)"
+                     @onclick="() => SelectColor(colorField)">
                      @colorField[0]
                 </div>
             }
@@ -91,7 +93,8 @@
             {
                 <div draggable="true"
                      class="@($"draggable shape {shapeField.ToLower()}")"
-                     @ondragstart="@(() => _activeShape = shapeField)" />
+                     @ondragstart="@(() => _activeShape = shapeField)"
+                     @onclick="() => SelectShape(shapeField)" />
             }
             else
             {

src/CodeBreaker.Blazor.Client/Components/Playground.razor.cs

@@ -122,8 +122,23 @@ private void SelectField(int index)
 
     private void SelectColor(string color)
     {
-        _currentMove[_selectedField].Selected = true;
-        _currentMove[_selectedField].Color = color;
+        int fieldIndex;
+
+        // If a field is selected, use the selected field
+        if (_selectedField != -1)
+            fieldIndex = _selectedField;
+        else
+        {
+            // If no field is selected, find the first field that is not set
+            fieldIndex = Array.FindIndex(_currentMove, f => f.Color is null && f.Shape is null);
+
+            // If all fields are set, do not set the color
+            if (fieldIndex == -1)
+                return;
+        }
+
+        _currentMove[fieldIndex].Selected = true;
+        _currentMove[fieldIndex].Color = color;
     }
 
     private void SelectShape(string shape)