From 12eaa5814ef20b0910e8d64a753378b6f6797989 Mon Sep 17 00:00:00 2001 From: Jake Mannens Date: Fri, 22 May 2026 00:52:16 +1000 Subject: Initial commit --- Server.Client/Pages/Component/Dialog.razor | 70 ++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 Server.Client/Pages/Component/Dialog.razor (limited to 'Server.Client/Pages/Component/Dialog.razor') diff --git a/Server.Client/Pages/Component/Dialog.razor b/Server.Client/Pages/Component/Dialog.razor new file mode 100644 index 0000000..673ec2f --- /dev/null +++ b/Server.Client/Pages/Component/Dialog.razor @@ -0,0 +1,70 @@ +@inject IJSRuntime jsRuntime +@implements IDialog + + + +@code { + [Parameter] + public string? Title { get; set; } + + [Parameter] + public RenderFragment ChildContent { get; set; } + + [Parameter] + public int HeightPixels { set => height = $"{value}px"; } + [Parameter] + public int HeightPercent { set => height = $"{value}%"; } + + public bool Visible { + get => visible; + set { + visible = value; + jsRuntime.InvokeVoidAsync( + "setDialogVisibility", + new object?[] { dialogDiv, value }); + } + } + + private bool visible = false; + + private string? height; + + private ElementReference dialogDiv; + + public void Show() => Visible = true; + public void Hide() => Visible = false; + + protected override async void OnAfterRender(bool firstRender) { + if(firstRender) { + await jsRuntime.InvokeVoidAsync("dialogAddObjectReference", new object[] { + dialogDiv, + DotNetObjectReference.Create(this) + }); + } + } + + [JSInvokable("KeyHandler")] + public void KeyHandler(string key) { + if(key == "Escape") { + Hide(); + return; + } + } + + private string heightStyle => + $"{(height is null ? "" : $"max-height:{height};")}"; +} -- cgit v1.3