Convert Razor pages to Blazor

1 files changed, 38 insertions, 0 deletions

diff --git a/Pages/Component/Dialog.razor b/Pages/Component/Dialog.razor
new file mode 100644
index 0000000..1e2929a
--- /dev/null
+++ b/Pages/Component/Dialog.razor
@@ -0,0 +1,38 @@
+<div style="@style" class="@(visible ? "visible" : "")">
+    @if(Title is not null) {
+        <p>@Title</p>
+        <hr/>
+    }
+    @ChildContent
+</div>
+
+@code {
+    [Parameter]
+    public string? Title { get; set; }
+
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    public bool Visible {
+        get => visible;
+        set {
+            visible = value;
+            StateHasChanged();
+        }
+    }
+
+    [Parameter]
+    public int HeightPixels  { set => height = $"{value}px"; }
+    [Parameter]
+    public int HeightPercent { set => height = $"{value}%"; }
+
+    public void Show() => Visible = true;
+    public void Hide() => Visible = false;
+
+    private bool visible = false;
+
+    private string? height;
+
+    private string style =>
+        $"{(height is null ? "" : $"max-height:{height};")}";
+}