add toast support to ModuleMessage
This commit is contained in:
@ -4,29 +4,57 @@
|
||||
|
||||
@if (!string.IsNullOrEmpty(Message))
|
||||
{
|
||||
<div class="@_classname alert-dismissible fade show mb-3" role="alert">
|
||||
@((MarkupString)Message)
|
||||
@if (Type == MessageType.Error && PageState != null && UserSecurity.IsAuthorized(PageState.User, RoleNames.Host))
|
||||
{
|
||||
<NavLink class="ms-2" href="@NavigateUrl("admin/log")">View Details</NavLink>
|
||||
}
|
||||
@if (ModuleState != null)
|
||||
{
|
||||
@if (ModuleState.RenderMode == RenderModes.Static)
|
||||
@if (_action == "Alert")
|
||||
{
|
||||
<div class="@_classname alert-dismissible fade show mb-3" role="alert">
|
||||
@((MarkupString)Message)
|
||||
@if (Type == MessageType.Error && PageState != null && UserSecurity.IsAuthorized(PageState.User, RoleNames.Host))
|
||||
{
|
||||
<a href="@NavigationManager.Uri" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<NavLink class="ms-2" href="@NavigateUrl("admin/log")">View Details</NavLink>
|
||||
}
|
||||
else
|
||||
@if (ModuleState != null)
|
||||
{
|
||||
<button type="button" class="btn-close" data-dismiss="alert" aria-label="close" @onclick="CloseMessage"></button>
|
||||
@if (ModuleState.RenderMode == RenderModes.Static)
|
||||
{
|
||||
<a href="@NavigationManager.Uri" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
}
|
||||
else
|
||||
{
|
||||
<button type="button" class="btn-close" data-dismiss="alert" aria-label="close" @onclick="CloseMessage"></button>
|
||||
}
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (_action == "Toast")
|
||||
{
|
||||
<div class="app-modulemessage-toast bottom-0 end-0">
|
||||
<div class="@_classname alert-dismissible fade show mb-3" role="alert">
|
||||
@((MarkupString)Message)
|
||||
@if (Type == MessageType.Error && PageState != null && UserSecurity.IsAuthorized(PageState.User, RoleNames.Host))
|
||||
{
|
||||
<NavLink class="ms-2" href="@NavigateUrl("admin/log")">View Details</NavLink>
|
||||
}
|
||||
@if (ModuleState != null)
|
||||
{
|
||||
@if (ModuleState.RenderMode == RenderModes.Static)
|
||||
{
|
||||
<a href="@NavigationManager.Uri" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
}
|
||||
else
|
||||
{
|
||||
<button type="button" class="btn-close" data-dismiss="alert" aria-label="close" @onclick="CloseMessage"></button>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
@code {
|
||||
private string _message = string.Empty;
|
||||
private string _classname = string.Empty;
|
||||
private string _action = string.Empty;
|
||||
|
||||
[Parameter]
|
||||
public string Message { get; set; }
|
||||
@ -34,6 +62,9 @@
|
||||
[Parameter]
|
||||
public MessageType Type { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string Action { get; set; } // Alert (default) or Toast
|
||||
|
||||
[Parameter]
|
||||
public RenderModeBoundary Parent { get; set; }
|
||||
|
||||
@ -43,6 +74,12 @@
|
||||
if (!string.IsNullOrEmpty(_message))
|
||||
{
|
||||
_classname = GetMessageType(Type);
|
||||
_action = Action;
|
||||
if (string.IsNullOrEmpty(_action)) _action = "Toast"; // default
|
||||
if (Type == MessageType.Error)
|
||||
{
|
||||
_action = "Alert"; // errors should always be displayed as alerts
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -67,9 +104,10 @@
|
||||
|
||||
return classname;
|
||||
}
|
||||
private void CloseMessage(MouseEventArgs e)
|
||||
|
||||
private void CloseMessage()
|
||||
{
|
||||
if(Parent != null)
|
||||
if (Parent != null)
|
||||
{
|
||||
Parent.DismissMessage();
|
||||
}
|
||||
|
||||
@ -379,7 +379,17 @@ namespace Oqtane.Modules
|
||||
|
||||
public void AddModuleMessage(string message, MessageType type, string position)
|
||||
{
|
||||
RenderModeBoundary.AddModuleMessage(message, type, position);
|
||||
AddModuleMessage(message, type, "top", "");
|
||||
}
|
||||
|
||||
public void AddModuleMessage(string message, string action, MessageType type)
|
||||
{
|
||||
AddModuleMessage(message, type, "top", action);
|
||||
}
|
||||
|
||||
public void AddModuleMessage(string message, MessageType type, string position, string action)
|
||||
{
|
||||
RenderModeBoundary.AddModuleMessage(message, type, position, action);
|
||||
}
|
||||
|
||||
public void ClearModuleMessage()
|
||||
|
||||
Reference in New Issue
Block a user