mirror of https://github.com/abpframework/abp.git
Halil İbrahim Kalkan
6 years ago
committed by
GitHub
GitHub
19 changed files with 522 additions and 53 deletions
@ -0,0 +1,33 @@ |
|||||
|
using System.Threading.Tasks; |
||||
|
using Volo.Abp.DependencyInjection; |
||||
|
|
||||
|
namespace Volo.Abp.AspNetCore.Components.WebAssembly |
||||
|
{ |
||||
|
public class NullUiMessageService : IUiMessageService, ITransientDependency |
||||
|
{ |
||||
|
public Task InfoAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return Task.CompletedTask; |
||||
|
} |
||||
|
|
||||
|
public Task SuccessAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return Task.CompletedTask; |
||||
|
} |
||||
|
|
||||
|
public Task WarnAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return Task.CompletedTask; |
||||
|
} |
||||
|
|
||||
|
public Task ErrorAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return Task.CompletedTask; |
||||
|
} |
||||
|
|
||||
|
public Task<bool> ConfirmAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return Task.FromResult(true); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
using System; |
||||
|
using System.Threading.Tasks; |
||||
|
|
||||
|
namespace Volo.Abp.AspNetCore.Components.WebAssembly |
||||
|
{ |
||||
|
public class UiMessageEventArgs : EventArgs |
||||
|
{ |
||||
|
public UiMessageEventArgs(UiMessageType messageType, string message, string title, UiMessageOptions options) |
||||
|
{ |
||||
|
MessageType = messageType; |
||||
|
Message = message; |
||||
|
Title = title; |
||||
|
Options = options; |
||||
|
} |
||||
|
|
||||
|
public UiMessageEventArgs(UiMessageType messageType, string message, string title, UiMessageOptions options, TaskCompletionSource<bool> callback) |
||||
|
{ |
||||
|
MessageType = messageType; |
||||
|
Message = message; |
||||
|
Title = title; |
||||
|
Options = options; |
||||
|
Callback = callback; |
||||
|
} |
||||
|
|
||||
|
public UiMessageType MessageType { get; set; } |
||||
|
|
||||
|
public string Message { get; } |
||||
|
|
||||
|
public string Title { get; } |
||||
|
|
||||
|
public UiMessageOptions Options { get; } |
||||
|
|
||||
|
public TaskCompletionSource<bool> Callback { get; } |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
namespace Volo.Abp.AspNetCore.Components.WebAssembly |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Options to override message dialog appearance.
|
||||
|
/// </summary>
|
||||
|
public class UiMessageOptions |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// If true, the message dialog will show the large icon for the current message type.
|
||||
|
/// </summary>
|
||||
|
public bool ShowMessageIcon { get; set; } = true; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Overrides the build-in message icon.
|
||||
|
/// </summary>
|
||||
|
public object MessageIcon { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom text for the Ok button.
|
||||
|
/// </summary>
|
||||
|
public string OkButtonText { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom icon for the Ok button.
|
||||
|
/// </summary>
|
||||
|
public object OkButtonIcon { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom text for the Confirmation button.
|
||||
|
/// </summary>
|
||||
|
public string ConfirmButtonText { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom icon for the Confirmation button.
|
||||
|
/// </summary>
|
||||
|
public object ConfirmButtonIcon { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom text for the Cancel button.
|
||||
|
/// </summary>
|
||||
|
public string CancelButtonText { get; set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Custom icon for the Cancel button.
|
||||
|
/// </summary>
|
||||
|
public object CancelButtonIcon { get; set; } |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,14 @@ |
|||||
|
namespace Volo.Abp.AspNetCore.Components.WebAssembly |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the possible ui message types with predefined actions.
|
||||
|
/// </summary>
|
||||
|
public enum UiMessageType |
||||
|
{ |
||||
|
Info, |
||||
|
Success, |
||||
|
Warning, |
||||
|
Error, |
||||
|
Confirmation, |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,52 @@ |
|||||
|
using System.Threading.Tasks; |
||||
|
using Microsoft.Extensions.Logging; |
||||
|
using Microsoft.Extensions.Logging.Abstractions; |
||||
|
using Volo.Abp.AspNetCore.Components.WebAssembly; |
||||
|
using Volo.Abp.DependencyInjection; |
||||
|
|
||||
|
namespace Volo.Abp.BlazoriseUI |
||||
|
{ |
||||
|
[Dependency(ReplaceServices = true)] |
||||
|
public class BlazoriseUiMessageService : IUiMessageService, IScopedDependency |
||||
|
{ |
||||
|
private readonly UiMessageNotifierService uiMessageNotifierService; |
||||
|
|
||||
|
public ILogger<BlazoriseUiMessageService> Logger { get; set; } |
||||
|
|
||||
|
public BlazoriseUiMessageService(UiMessageNotifierService uiMessageNotifierService) |
||||
|
{ |
||||
|
this.uiMessageNotifierService = uiMessageNotifierService; |
||||
|
|
||||
|
Logger = NullLogger<BlazoriseUiMessageService>.Instance; |
||||
|
} |
||||
|
|
||||
|
public Task InfoAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return uiMessageNotifierService.NotifyMessageReceivedAsync(UiMessageType.Info, message, title, options); |
||||
|
} |
||||
|
|
||||
|
public Task SuccessAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return uiMessageNotifierService.NotifyMessageReceivedAsync(UiMessageType.Success, message, title, options); |
||||
|
} |
||||
|
|
||||
|
public Task WarnAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return uiMessageNotifierService.NotifyMessageReceivedAsync(UiMessageType.Warning, message, title, options); |
||||
|
} |
||||
|
|
||||
|
public Task ErrorAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
return uiMessageNotifierService.NotifyMessageReceivedAsync(UiMessageType.Error, message, title, options); |
||||
|
} |
||||
|
|
||||
|
public async Task<bool> ConfirmAsync(string message, string title = null, UiMessageOptions options = null) |
||||
|
{ |
||||
|
var callback = new TaskCompletionSource<bool>(); |
||||
|
|
||||
|
await uiMessageNotifierService.NotifyMessageReceivedAsync(UiMessageType.Confirmation, message, title, options, callback); |
||||
|
|
||||
|
return await callback.Task; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
<Modal @ref="@ModalRef"> |
||||
|
<ModalBackdrop /> |
||||
|
<ModalContent Centered="true"> |
||||
|
<ModalHeader> |
||||
|
<ModalTitle> |
||||
|
@Title |
||||
|
</ModalTitle> |
||||
|
</ModalHeader> |
||||
|
<ModalBody> |
||||
|
@if ( ShowMessageIcon ) |
||||
|
{ |
||||
|
<DisplayHeading Size="DisplayHeadingSize.Is2" Style="text-align:center;"> |
||||
|
<Icon Name="@MessageIcon" Style="@MessageIconStyle" /> |
||||
|
</DisplayHeading> |
||||
|
} |
||||
|
@Message |
||||
|
</ModalBody> |
||||
|
<ModalFooter> |
||||
|
@if ( IsConfirmation ) |
||||
|
{ |
||||
|
<Button Color="Color.Danger" Padding="Padding.Is2.OnX" Margin="Margin.IsAuto.FromRight" Clicked="@OnCancelClicked"> |
||||
|
@if ( Options?.CancelButtonIcon != null ) |
||||
|
{ |
||||
|
<Icon Name="@Options.CancelButtonIcon" Margin="Margin.Is2.FromRight" /> |
||||
|
} |
||||
|
@CancelButtonText |
||||
|
</Button> |
||||
|
<Button Color="Color.Primary" Padding="Padding.Is2.OnX" Clicked="@OnConfirmClicked"> |
||||
|
@if ( Options?.ConfirmButtonIcon != null ) |
||||
|
{ |
||||
|
<Icon Name="@Options.ConfirmButtonIcon" Margin="Margin.Is2.FromRight" /> |
||||
|
} |
||||
|
@ConfirmButtonText |
||||
|
</Button> |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
<Button Color="Color.Primary" Padding="Padding.Is2.OnX" Clicked="@OnOkClicked"> |
||||
|
@if ( Options?.OkButtonIcon != null ) |
||||
|
{ |
||||
|
<Icon Name="@Options.OkButtonIcon" Margin="Margin.Is2.FromRight" /> |
||||
|
} |
||||
|
@OkButtonText |
||||
|
</Button> |
||||
|
} |
||||
|
</ModalFooter> |
||||
|
</ModalContent> |
||||
|
</Modal> |
||||
@ -0,0 +1,137 @@ |
|||||
|
using System; |
||||
|
using System.Text; |
||||
|
using System.Threading.Tasks; |
||||
|
using Blazorise; |
||||
|
using Microsoft.AspNetCore.Components; |
||||
|
using Volo.Abp.AspNetCore.Components.WebAssembly; |
||||
|
|
||||
|
namespace Volo.Abp.BlazoriseUI.Components |
||||
|
{ |
||||
|
public partial class UiMessageAlert : ComponentBase, IDisposable |
||||
|
{ |
||||
|
protected override void OnInitialized() |
||||
|
{ |
||||
|
UiMessageNotifierService.MessageReceived += OnMessageReceived; |
||||
|
|
||||
|
base.OnInitialized(); |
||||
|
} |
||||
|
|
||||
|
private void OnMessageReceived(object sender, UiMessageEventArgs e) |
||||
|
{ |
||||
|
MessageType = e.MessageType; |
||||
|
Message = e.Message; |
||||
|
Title = e.Title; |
||||
|
Options = e.Options; |
||||
|
Callback = e.Callback; |
||||
|
|
||||
|
ModalRef.Show(); |
||||
|
} |
||||
|
|
||||
|
public void Dispose() |
||||
|
{ |
||||
|
if (UiMessageNotifierService != null) |
||||
|
{ |
||||
|
UiMessageNotifierService.MessageReceived -= OnMessageReceived; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected Task OnOkClicked() |
||||
|
{ |
||||
|
ModalRef.Hide(); |
||||
|
|
||||
|
return Okayed.InvokeAsync(null); |
||||
|
} |
||||
|
|
||||
|
protected Task OnConfirmClicked() |
||||
|
{ |
||||
|
ModalRef.Hide(); |
||||
|
|
||||
|
if (IsConfirmation && Callback != null) |
||||
|
{ |
||||
|
Callback.SetResult(true); |
||||
|
} |
||||
|
|
||||
|
return Confirmed.InvokeAsync(null); |
||||
|
} |
||||
|
|
||||
|
protected Task OnCancelClicked() |
||||
|
{ |
||||
|
ModalRef.Hide(); |
||||
|
|
||||
|
if (IsConfirmation && Callback != null) |
||||
|
{ |
||||
|
Callback.SetResult(false); |
||||
|
} |
||||
|
|
||||
|
return Canceled.InvokeAsync(null); |
||||
|
} |
||||
|
|
||||
|
protected Modal ModalRef { get; set; } |
||||
|
|
||||
|
protected virtual bool IsConfirmation |
||||
|
=> MessageType == UiMessageType.Confirmation; |
||||
|
|
||||
|
protected virtual bool ShowMessageIcon |
||||
|
=> Options?.ShowMessageIcon ?? true; |
||||
|
|
||||
|
protected virtual object MessageIcon => Options?.MessageIcon ?? MessageType switch |
||||
|
{ |
||||
|
UiMessageType.Info => IconName.Info, |
||||
|
UiMessageType.Success => IconName.Check, |
||||
|
UiMessageType.Warning => IconName.Exclamation, |
||||
|
UiMessageType.Error => IconName.Times, |
||||
|
UiMessageType.Confirmation => IconName.QuestionCircle, |
||||
|
_ => null, |
||||
|
}; |
||||
|
|
||||
|
protected virtual string MessageIconColor => MessageType switch |
||||
|
{ |
||||
|
// gets the color in the order of importance: Blazorise > Bootstrap > fallback color
|
||||
|
UiMessageType.Info => "var(--b-theme-info, var(--info, #17a2b8))", |
||||
|
UiMessageType.Success => "var(--b-theme-success, var(--success, #28a745))", |
||||
|
UiMessageType.Warning => "var(--b-theme-warning, var(--warning, #ffc107))", |
||||
|
UiMessageType.Error => "var(--b-theme-danger, var(--danger, #dc3545))", |
||||
|
UiMessageType.Confirmation => "var(--b-theme-secondary, var(--secondary, #6c757d))", |
||||
|
_ => null, |
||||
|
}; |
||||
|
|
||||
|
protected virtual string MessageIconStyle |
||||
|
{ |
||||
|
get |
||||
|
{ |
||||
|
var sb = new StringBuilder(); |
||||
|
|
||||
|
sb.Append($"color:{MessageIconColor}"); |
||||
|
|
||||
|
return sb.ToString(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected virtual string OkButtonText |
||||
|
=> Options?.OkButtonText ?? "OK"; |
||||
|
|
||||
|
protected virtual string ConfirmButtonText |
||||
|
=> Options?.ConfirmButtonText ?? "Confirm"; |
||||
|
|
||||
|
protected virtual string CancelButtonText |
||||
|
=> Options?.CancelButtonText ?? "Cancel"; |
||||
|
|
||||
|
[Parameter] public UiMessageType MessageType { get; set; } |
||||
|
|
||||
|
[Parameter] public string Title { get; set; } |
||||
|
|
||||
|
[Parameter] public string Message { get; set; } |
||||
|
|
||||
|
[Parameter] public TaskCompletionSource<bool> Callback { get; set; } |
||||
|
|
||||
|
[Parameter] public UiMessageOptions Options { get; set; } |
||||
|
|
||||
|
[Parameter] public EventCallback Okayed { get; set; } // TODO: ?
|
||||
|
|
||||
|
[Parameter] public EventCallback Confirmed { get; set; } |
||||
|
|
||||
|
[Parameter] public EventCallback Canceled { get; set; } |
||||
|
|
||||
|
[Inject] protected UiMessageNotifierService UiMessageNotifierService { get; set; } |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,20 @@ |
|||||
|
using System; |
||||
|
using System.Threading.Tasks; |
||||
|
using Volo.Abp.AspNetCore.Components.WebAssembly; |
||||
|
using Volo.Abp.DependencyInjection; |
||||
|
|
||||
|
namespace Volo.Abp.BlazoriseUI |
||||
|
{ |
||||
|
[Dependency(ReplaceServices = true)] |
||||
|
public class UiMessageNotifierService : IScopedDependency |
||||
|
{ |
||||
|
public event EventHandler<UiMessageEventArgs> MessageReceived; |
||||
|
|
||||
|
public Task NotifyMessageReceivedAsync(UiMessageType messageType, string message, string title, UiMessageOptions options, TaskCompletionSource<bool> callback = null) |
||||
|
{ |
||||
|
MessageReceived?.Invoke(this, new UiMessageEventArgs(messageType, message, title, options, callback)); |
||||
|
|
||||
|
return Task.CompletedTask; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,2 @@ |
|||||
|
@using Microsoft.AspNetCore.Components.Web |
||||
|
@using Blazorise |
||||
@ -0,0 +1,66 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Security.Claims; |
||||
|
using System.Threading.Tasks; |
||||
|
using Blazorise; |
||||
|
using Microsoft.AspNetCore.Components; |
||||
|
using Volo.Abp.AspNetCore.Components.WebAssembly; |
||||
|
|
||||
|
namespace MyCompanyName.MyProjectName.Blazor.Pages |
||||
|
{ |
||||
|
public partial class Index |
||||
|
{ |
||||
|
private IEnumerable<Claim> _claims; |
||||
|
|
||||
|
protected override async Task OnInitializedAsync() |
||||
|
{ |
||||
|
var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync(); |
||||
|
if ( authState.User.Identity.IsAuthenticated ) |
||||
|
{ |
||||
|
_claims = authState.User.Claims; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Task OnInfoTestClicked() |
||||
|
{ |
||||
|
return UiMessageService.InfoAsync( "This is the Info message", "Info", new UiMessageOptions |
||||
|
{ |
||||
|
OkButtonIcon = IconName.InfoCircle, |
||||
|
OkButtonText = "Hello info" |
||||
|
} ); |
||||
|
} |
||||
|
|
||||
|
Task OnSuccessTestClicked() |
||||
|
{ |
||||
|
return UiMessageService.SuccessAsync( "This is the Success message", "Success" ); |
||||
|
} |
||||
|
|
||||
|
Task OnWarningTestClicked() |
||||
|
{ |
||||
|
return UiMessageService.WarnAsync( "This is the Warning message", "Warning" ); |
||||
|
} |
||||
|
|
||||
|
Task OnErrorTestClicked() |
||||
|
{ |
||||
|
return UiMessageService.ErrorAsync( "This is the Error message", "Error" ); |
||||
|
} |
||||
|
|
||||
|
Task OnConfirmTestClicked() |
||||
|
{ |
||||
|
return UiMessageService.ConfirmAsync( "This is the Confirm message", "Confirm" ) |
||||
|
.ContinueWith( result => |
||||
|
{ |
||||
|
if ( result.Result ) |
||||
|
{ |
||||
|
Console.WriteLine( "Confirmed" ); |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
Console.WriteLine( "Cancelled" ); |
||||
|
} |
||||
|
} ); |
||||
|
} |
||||
|
|
||||
|
[Inject] IUiMessageService UiMessageService { get; set; } |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue