dev

KoogleApp/Components/Controls/NumberPanel.razor

@@ -37,7 +37,7 @@
         </MudItem>
 
         <MudFlexBreak/>
-        @if (ShowNumbers)
+        @if (ThrowPanelState.Value.ThrowMode == ThrowMode.Reposition)
         {
             <MudItem xs="4">
                 <MudPaper Class="d-flex align-center justify-center mud-width-full py-0">
@@ -136,13 +136,6 @@
 
 
 @code {
-    
-    [Parameter]
-    public bool ShowNumbers
-    {
-        get;
-        set;
-    }
 
     [Parameter]
     public bool CanSelectPlayer

KoogleApp/Components/Controls/NumberPinPanel.razor

@@ -4,46 +4,15 @@
 
 
 <MudItem xs="12" md="6">
-    <NumberPanel ShowNumbers="ShowNumbers" 
+    <NumberPanel/>
-                 CanSelectPlayer="CanSelectPlayers"
-                 />
 </MudItem>
 
 <MudItem xs="12" md="6">
-    <PinPanel @ref="_pinPanel" 
+    <PinPanel/>
-              
-              />
 </MudItem>
 
 
 @code {
-    // [Parameter]
+    
-    // public ThrowPanelState? ThrowPanelState { get; set; }
-
-   
-
-    PinPanel _pinPanel;
-    NumberPanel _numberPanel;
-
-    [Parameter]
-    public bool ShowNumbers
-    {
-        get;
-        set;
-    }
-
-    [Parameter]
-    public bool CanSelectPlayers
-    {
-        get;
-        set;
-    }
-
-    // public void UpdatePanelState(ThrowPanelState state)
-    // {
-    //     _pinPanel.UpdatePanelState(state);
-
-    // }
-
     
 }

KoogleApp/Components/Controls/ThrowPanel.razor

@@ -10,11 +10,7 @@
 @if (ThrowPanelState.Value.IsStated) 
 {
     <MudGrid>
-
+        <NumberPinPanel />
-        <NumberPinPanel ShowNumbers="true"
-                        CanSelectPlayers="true"
-                        />
-
         <MudItem xs="4">
             <MudPaper Class="d-flex align-center justify-center mud-width-full py-0">
                 <MudButton OnClick="SinkLeftClick">

KoogleApp/Components/Dialogs/StartGameDialog.razor

@@ -9,9 +9,12 @@
         </MudText>
     </TitleContent>
     <DialogContent>
-        <MudSelect T="ThrowMode" Label="Modus" @bind-Value="ThrowMode">
+        <MudSelect T="Tuple<string, ThrowMode>" Label="Modus" @bind-Value="_valueThrowMode" HelperText="Wähle zwischen Abräumen und in die Vollen"
-            <MudSelectItem Value="ThrowMode.Reposition">in die Vollen</MudSelectItem>
+                   OpenIcon="@Icons.Material.Filled.Mode" AdornmentColor="Color.Primary">
-            <MudSelectItem Value="ThrowMode.Reposition">Abräumen</MudSelectItem>
+            @foreach (var item in _items)
+            {
+                <MudSelectItem T="Tuple<string, ThrowMode>" Value="@(item)">@item.Item1</MudSelectItem>
+            }
         </MudSelect> 
     </DialogContent>
     <DialogActions>
@@ -21,10 +24,25 @@
 </MudDialog>
 
 @code {
+    private List<Tuple<string, ThrowMode>> _items = new List<Tuple<string, ThrowMode>>();
+
+    protected override void OnAfterRender(bool firstRender)
+    {
+        if (firstRender)
+        {
+            _items.Add(new Tuple<string, ThrowMode>("in die Vollen", ThrowMode.Reposition));
+            _items.Add(new Tuple<string, ThrowMode>("Abräumen", ThrowMode.Decrease));
+
+            _valueThrowMode = _items[0];
+            StateHasChanged();
+        }
+    }
+
     [CascadingParameter]
     private IMudDialogInstance MudDialog { get; set; }
 
-    public ThrowMode ThrowMode { get; set; } = ThrowMode.Reposition;
+    // [Parameter]
+    private Tuple<string, ThrowMode> _valueThrowMode;
 
     [Parameter]
     public string Description { get; set; } = "";
@@ -36,7 +54,21 @@
         // if (!string.IsNullOrEmpty(Description))
         {
             // Snackbar.Add("Favorite added", Severity.Success);
-            MudDialog.Close(DialogResult.Ok(ThrowMode));
+            MudDialog.Close(DialogResult.Ok(new StartParams(_valueThrowMode.Item2, 3)));
         }
     }
+
+    private string ValueToString(ThrowMode item)
+    {
+        switch (item)
+        {
+            case ThrowMode.Reposition:
+                return "Abräumen";
+            case ThrowMode.Decrease:
+                return "in die Vollen";
+            default:
+                throw new ArgumentOutOfRangeException(nameof(item), item, null);
+        }
+    }
+
 }

KoogleApp/Components/Pages/Game.razor

@@ -202,7 +202,7 @@
 
         // await hubConnection.StartAsync();
 
-        
+
     }
 
     // private async Task OnBoardPanelStateChanged(ThrowPanelState state)
@@ -239,18 +239,18 @@
 
     private async Task UndoClick()
     {
-    //     if (hubConnection is not null)
+        //     if (hubConnection is not null)
-    //     {
+        //     {
-    //         await hubConnection.SendAsync("RequestUndo", _userName);
+        //         await hubConnection.SendAsync("RequestUndo", _userName);
-    //     }
+        //     }
     }
 
     private async Task RedoClick()
     {
-    //     if (hubConnection is not null)
+        //     if (hubConnection is not null)
-    //     {
+        //     {
-    //         await hubConnection.SendAsync("RequestRedo", _userName);
+        //         await hubConnection.SendAsync("RequestRedo", _userName);
-    //     }
+        //     }
     }
 
     private async Task StartStopClick()
@@ -262,16 +262,16 @@
 
             var options = new DialogOptions
             {
-                
+
             };
-        
+
 
             var dialog = await DialogService.ShowAsync<StartGameDialog>("Spiel starten", parameters, options);
             var result = await dialog.Result;
-
+            var startParams = result.Data as StartParams;
             if (!result.Canceled)
             {
-                var action = new StartStopAction(ThrowPanelState.Value, new StartParams());
+                var action = new StartStopAction(ThrowPanelState.Value, startParams);
                 Dispatcher.Dispatch(action);
             }        
         }

KoogleApp/Store/Game/ThrowPanel/Reducers.cs

@@ -41,9 +41,22 @@ namespace KoogleApp.Store.Game.ThrowPanel
         }
 
         [ReducerMethod]
-        public static ThrowPanelState OnStartStop(ThrowPanelState state, StartStopAction stopAction)
+        public static ThrowPanelState OnStartStop(ThrowPanelState state, StartStopAction startStopAction)
         {
-            return state with { IsStated = !state.IsStated };
+            if (state.IsStated)
+            {
+                return state with { IsStated = false };
+            }
+
+            if (startStopAction.StartParams != null)
+                return state with
+                {
+                    IsStated = !state.IsStated,
+                    ThrowMode = startStopAction.StartParams.ThrowMode,
+                    ThrowsPerRound = startStopAction.StartParams.ThrowsPerRound
+                };
+
+            return state;
         }
 
         [ReducerMethod]

KoogleApp/ThrowPanelState.json

@@ -1,12 +1,12 @@
 {
-  "IsStated": false,
+  "IsStated": true,
-  "BellValue": true,
+  "BellValue": false,
-  "Pin1Value": false,
+  "Pin1Value": true,
-  "Pin2Value": false,
+  "Pin2Value": true,
-  "Pin3Value": false,
+  "Pin3Value": true,
-  "Pin4Value": false,
+  "Pin4Value": true,
-  "Pin5Value": false,
+  "Pin5Value": true,
-  "Pin6Value": false,
+  "Pin6Value": true,
   "Pin7Value": true,
   "Pin8Value": true,
   "Pin9Value": true,