Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ModalDialog - added ModalOptions

Browse Source
This commit is contained in:
markosteger 2023-02-27 08:54:01 +01:00
parent 4f635b573c
commit 422da4d079
4 changed files with 39 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Connected.Components/Components/ModalDialog.razor
View File

@ -3,9 +3,12 @@
<div class="modal fade show" tabindex="-1" @onclick="@CloseIfEnabled" @onkeydown="@(e => CheckEscape(e))"> <div class="modal fade show" tabindex="-1" @onclick="@CloseIfEnabled" @onkeydown="@(e => CheckEscape(e))">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" > <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" >
<div class="modal-content" @onclick="PreventClose"> <div class="modal-content" @onclick="PreventClose">
@if (!ModalOptions.NoHeader)
{
<div class="modal-header" > <div class="modal-header" >
<h3 class="modal-title">@Title</h3> <h3 class="modal-title">@Title</h3>
</div> </div>
}
<div class="modal-body"> <div class="modal-body">
@Content @Content
</div> </div>

24
src/Connected.Components/Components/ModalDialog.razor.cs
View File

@ -13,7 +13,11 @@ public partial class ModalDialog: IDisposable
protected RenderFragment? Content { get; set; } protected RenderFragment? Content { get; set; }
protected bool OverlayClickToClose { get; set; } = true; protected bool OverlayClickToClose { get; set; } = true;
protected Event OnConfirm { get; set; } protected Event? OnOk { get; set; }
protected Event? OnClose { get; set; }
protected ModalOptions? ModalOptions { get; set; }
protected override void OnInitialized() protected override void OnInitialized()
{ {
@ -22,7 +26,7 @@ public partial class ModalDialog: IDisposable
} }
public void ShowModal(string title, RenderFragment content, Event onConfirm, string CancelButtonText = "Cancel", string OKButtonText = "OK") public void ShowModal(string title, RenderFragment content, Event OnOk = null, Event OnClose = null, ModalOptions options = null, string CancelButtonText = "Cancel", string OKButtonText = "OK")
{ {
Title = title; Title = title;
Content = content; Content = content;
@ -31,7 +35,10 @@ public partial class ModalDialog: IDisposable
this.OKButtonText = OKButtonText; this.OKButtonText = OKButtonText;
this.CancelButtonText = CancelButtonText; this.CancelButtonText = CancelButtonText;
OnConfirm = onConfirm; ModalOptions = options;
this.OnOk = OnOk;
this.OnClose = OnClose;
StateHasChanged(); StateHasChanged();
} }
@ -42,7 +49,16 @@ public partial class ModalDialog: IDisposable
Title = ""; Title = "";
Content = null; Content = null;
if (OkClicked) if (OkClicked)
OnConfirm.Delegate.DynamicInvoke(OnConfirm.args); {
if (OnOk is not null)
OnOk.Delegate.DynamicInvoke(OnOk.args);
}
else
{
if (OnClose is not null)
OnClose.Delegate.DynamicInvoke(OnClose.args);
}
StateHasChanged(); StateHasChanged();
} }

10
src/Connected.Components/Services/Modal/ModalDialogService.cs
View File

@ -3,18 +3,18 @@
namespace Connected.Services.Modal; namespace Connected.Services.Modal;
public class ModalDialogService public class ModalDialogService
{ {
public event Action<string, RenderFragment, Event, string, string> OnShow; public event Action<string, RenderFragment, Event, Event, ModalOptions, string, string> OnShow;
public event Action<bool> OnClose; public event Action<bool> OnClose;
public void ShowDialog(string title, RenderFragment content, Event OnConfirm, string CancelButtonText="Cancel", string OKButtonText="OK") public void ShowDialog(string title, RenderFragment content, Event OnConfirm, Event OnCancel, ModalOptions options, string CancelButtonText="Cancel", string OKButtonText="OK")
{ {
OnShow?.Invoke(title, content, OnConfirm, OKButtonText, CancelButtonText); OnShow?.Invoke(title, content, OnConfirm, OnCancel, options, OKButtonText, CancelButtonText);
} }
public void ShowDialog(string title, MarkupString contentMarkup, Event OnConfirm, string CancelButtonText = "Cancel", string OKButtonText = "OK") public void ShowDialog(string title, MarkupString contentMarkup, Event OnConfirm, Event OnCancel, ModalOptions options, string CancelButtonText = "Cancel", string OKButtonText = "OK")
{ {
var content = new RenderFragment(x => x.AddContent(1, contentMarkup)); var content = new RenderFragment(x => x.AddContent(1, contentMarkup));
OnShow?.Invoke(title, content, OnConfirm, OKButtonText, CancelButtonText); OnShow?.Invoke(title, content, OnConfirm, OnCancel, options, OKButtonText, CancelButtonText);
} }
public void Close(bool OkClicked) public void Close(bool OkClicked)

9
src/Connected.Components/Services/Modal/ModalOptions.cs Normal file
View File

@ -0,0 +1,9 @@
namespace Connected.Services.Modal;
public class ModalOptions
{
public bool CloseOnEscKey { get; set; } = true;
public bool DisableBackdropCLick { get; set; } = false;
public bool NoHeader { get; set; } = false;
}