From d688b25589e059f4b7188ca09824cc96db030ad8 Mon Sep 17 00:00:00 2001
From: markosteger <marko.steger@gmail.com>
Date: Thu, 16 Feb 2023 13:17:06 +0100
Subject: [PATCH] Radio, RadioGroup

---
 .../Pages/Index.razor                         | 23 +++++++++-----
 .../Components/Radio.razor                    |  8 +++++
 .../Components/Radio.razor.cs                 | 31 +++++++++++++++++++
 .../Components/RadioGroup.razor               | 15 +++++++++
 .../Components/RadioGroup.razor.cs            | 12 +++++++
 5 files changed, 81 insertions(+), 8 deletions(-)
 create mode 100644 src/Connected.Components/Components/Radio.razor
 create mode 100644 src/Connected.Components/Components/Radio.razor.cs
 create mode 100644 src/Connected.Components/Components/RadioGroup.razor
 create mode 100644 src/Connected.Components/Components/RadioGroup.razor.cs

diff --git a/src/Connected.Components.Showcase.Runner/Pages/Index.razor b/src/Connected.Components.Showcase.Runner/Pages/Index.razor
index 883720b..7df32d4 100644
--- a/src/Connected.Components.Showcase.Runner/Pages/Index.razor
+++ b/src/Connected.Components.Showcase.Runner/Pages/Index.razor
@@ -6,14 +6,21 @@
 
 <p>SelectedValue: @SelectedValue.ToString()</p>
 
-<CheckBoxGroup Id="chkgroup1">
-    <CheckBox Id="checkbox1" Label="Chk 1" />
-    <CheckBox Id="checkbox2" Label="Chk 2" />
-    <CheckBox Id="checkbox3" Label="Chk 3" />
-    <CheckBox Id="checkbox4" Label="Chk 4" />
-    <CheckBox Id="checkbox5" Label="Chk 5" />
-</CheckBoxGroup>
-
+<RadioGroup Name="Group1">
+    <Radio Id="radio1" Label="Group 1, Radio 1"></Radio>
+    <Radio Id="radio2" Label="Group 1, Radio 2"></Radio>
+    <Radio Id="radio3" Label="Group 1, Radio 3"></Radio>
+    <Radio Id="radio4" Label="Group 1, Radio 4"></Radio>
+    <Radio Id="radio5" Label="Group 1, Radio 5" Disabled=true></Radio>
+</RadioGroup>
+
+<RadioGroup Name="Group2" Disabled=true>
+    <Radio Id="radio21" Label="Group 2, Radio 1"></Radio>
+    <Radio Id="radio22" Label="Group 2, Radio 2"></Radio>
+    <Radio Id="radio23" Label="Group 2, Radio 3"></Radio>
+    <Radio Id="radio24" Label="Group 2, Radio 4"></Radio>
+    <Radio Id="radio25" Label="Group 2, Radio 5"></Radio>
+</RadioGroup>
 @code {
 
     int SelectedValue;
diff --git a/src/Connected.Components/Components/Radio.razor b/src/Connected.Components/Components/Radio.razor
new file mode 100644
index 0000000..18e385e
--- /dev/null
+++ b/src/Connected.Components/Components/Radio.razor
@@ -0,0 +1,8 @@
+@using Connected.Models;
+
+@inherits InputBase;
+
+<div class="radio-group">
+    <input id="@Id" name="@ParentRadioGroup.Name" type="radio" @onchange="OnChange" @attributes=@InputAttributes>
+    <label for="@Id" class="radio-label">@Label</label>
+</div>
\ No newline at end of file
diff --git a/src/Connected.Components/Components/Radio.razor.cs b/src/Connected.Components/Components/Radio.razor.cs
new file mode 100644
index 0000000..a86a940
--- /dev/null
+++ b/src/Connected.Components/Components/Radio.razor.cs
@@ -0,0 +1,31 @@
+using Connected.Models;
+using Microsoft.AspNetCore.Components;
+
+namespace Connected.Components;
+public partial class Radio: InputBase
+{
+	[CascadingParameter]
+	public RadioGroup? ParentRadioGroup { get; set; }
+
+	[Parameter]
+	public bool Checked { get; set; } = false;
+
+	[Parameter, EditorRequired]
+	public string Id { get; set; }
+
+	[Parameter]
+	public EventCallback<bool> CheckedChange { get; set; }
+	public async Task OnChange(ChangeEventArgs args)
+	{
+		Checked = (bool)args.Value;
+		CheckedChange.InvokeAsync(Checked);
+	}
+
+	protected override async Task OnInitializedAsync()
+	{
+		await base.OnInitializedAsync();
+		if (ParentRadioGroup.Disabled) Disabled = true;
+		if (!InputAttributes.ContainsKey("disabled"))
+			InputAttributes.Add("disabled", Disabled);
+	}
+}
diff --git a/src/Connected.Components/Components/RadioGroup.razor b/src/Connected.Components/Components/RadioGroup.razor
new file mode 100644
index 0000000..b842c61
--- /dev/null
+++ b/src/Connected.Components/Components/RadioGroup.razor
@@ -0,0 +1,15 @@
+@using Connected.Models;
+
+@inherits InputBase;
+
+<CascadingValue Value="this">
+    <div>
+        @if (!string.IsNullOrEmpty(Name))
+        {
+            <h5>@Name</h5>
+        }
+        <div class="container">
+            @ChildContent
+        </div>
+    </div>
+</CascadingValue>
\ No newline at end of file
diff --git a/src/Connected.Components/Components/RadioGroup.razor.cs b/src/Connected.Components/Components/RadioGroup.razor.cs
new file mode 100644
index 0000000..7b07360
--- /dev/null
+++ b/src/Connected.Components/Components/RadioGroup.razor.cs
@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Connected.Components;
+public partial class RadioGroup
+{
+	[Parameter, EditorRequired]
+	public string Name { get; set; }
+
+	[Parameter]
+	public RenderFragment ChildContent { get; set; }
+
+}