From 8e94a12be4a56447e78d68c37def772bef8cade4 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Tue, 15 Aug 2023 15:49:14 +1000
Subject: Convert Razor pages to Blazor

---
 Pages/Component/Dialog.razor | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 Pages/Component/Dialog.razor

(limited to 'Pages/Component/Dialog.razor')

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};")}";
+}
-- 
cgit v1.3