Files
radzen-blazor/Radzen.Blazor/RadzenNotificationMessage.razor
Vladimir Enchev 28e9090d45 Various accessibility issues fixes (#2423)
* accessibility issues fixes

Various localizable accessibility related properties added

tests updated

side dialog close button id fixed

more accessibility improvements

tests fixed

more accessibility fixes

missing ARIA attributes added

* Add rz-hidden-accessible styles

* Update RadzenRating styles

* RadzenSwitch fixed

* RadzenFabMenu fixed

* tests updated

* Update expand/collapse button styles in RadzenDataGrid

* Fix responsive pager styles

---------

Co-authored-by: yordanov <vasil@yordanov.info>
2026-02-09 09:25:34 +02:00

179 lines
5.6 KiB
Plaintext

@using System.Collections.Generic
@using System.Timers
@using System.Threading
@implements IDisposable
@if (Visible)
{
var classes = GetMessageCssClasses();
var clickable = Message?.Click != null || Message?.CloseOnClick == true;
var wrapperAttributes = clickable ? new Dictionary<string, object>
{
{ "role", "button" },
{ "tabindex", "0" }
} : null;
<div aria-live="polite" class="rz-notification-item-wrapper rz-open @classes.Item1" style="@(clickable ? "cursor: pointer;" : "") @Style"
@attributes="wrapperAttributes" @onclick="NotificationClicked" @onkeydown="OnKeyDown">
<div class="rz-notification-item">
<div class="rz-notification-message-wrapper">
<span class="notranslate rzi rz-notification-icon @classes.Item2"></span>
<div class="rz-notification-message">
<div class="rz-notification-title">@if (Message?.SummaryContent != null && Service != null) { @Message.SummaryContent(Service) } else { @Message?.Summary }</div>
<div class="rz-notification-content">@if (Message?.DetailContent != null && Service != null) { @Message.DetailContent(Service) } else { @Message?.Detail }</div>
</div>
</div>
<button type="button" class="notranslate rzi rz-notification-close" aria-label="@(Message?.CloseAriaLabel ?? "Close")" @onclick="@Close" @onclick:stopPropagation="true"></button>
</div>
<RadzenProgressBar ShowValue="false" Visible=@(Message?.Duration != null && Message.ShowProgress)
Value=@progress Max="@(Message?.Duration ?? 0)" ProgressBarStyle=@GetProgressBarStyle() />
</div>
}
@code {
Tuple<string, string> GetMessageCssClasses()
{
if (Message?.Severity == NotificationSeverity.Error)
{
return new Tuple<string, string>("rz-notification-error", "notranslate rzi-times");
}
else if (Message?.Severity == NotificationSeverity.Info)
{
return new Tuple<string, string>("rz-notification-info", "notranslate rzi-info-circle");
}
else if (Message?.Severity == NotificationSeverity.Success)
{
return new Tuple<string, string>("rz-notification-success", "notranslate rzi-check");
}
else if (Message?.Severity == NotificationSeverity.Warning)
{
return new Tuple<string, string>("rz-notification-warn", "notranslate rzi-exclamation-triangle");
}
return new Tuple<string, string>("", "");
}
ProgressBarStyle GetProgressBarStyle()
{
if (Message?.Severity == NotificationSeverity.Error)
{
return ProgressBarStyle.Danger;
}
else if (Message?.Severity == NotificationSeverity.Info)
{
return ProgressBarStyle.Info;
}
else if (Message?.Severity == NotificationSeverity.Success)
{
return ProgressBarStyle.Success;
}
else if (Message?.Severity == NotificationSeverity.Warning)
{
return ProgressBarStyle.Warning;
}
return ProgressBarStyle.Primary;
}
[Inject] private NotificationService? Service { get; set; }
public bool Visible { get; set; } = true;
[Parameter]
public NotificationMessage? Message { get; set; }
[Parameter]
public string? Style { get; set; }
public void Close()
{
if (Message != null && Service != null)
{
Service.Messages.Remove(Message);
Message?.Close?.Invoke(Message);
}
}
double progress = 0;
System.Timers.Timer? timer;
ElapsedEventHandler? timerElapsedHandler;
CancellationTokenSource? closeCts;
protected override void OnInitialized()
{
if (Message?.ShowProgress == true)
{
timer = new System.Timers.Timer() { Enabled = true };
timerElapsedHandler = OnTimerElapsed;
timer.Elapsed += timerElapsedHandler;
}
closeCts = new CancellationTokenSource();
_ = CloseAfterDelayAsync(Convert.ToInt32(Message?.Duration ?? 3000), closeCts.Token);
}
private void OnTimerElapsed(object? sender, ElapsedEventArgs args)
{
progress = progress + 100;
_ = InvokeAsync(StateHasChanged);
}
private async Task CloseAfterDelayAsync(int duration, CancellationToken token)
{
try
{
await Task.Delay(duration, token);
if (!token.IsCancellationRequested)
{
await InvokeAsync(Close);
}
}
catch (TaskCanceledException)
{
// Ignore
}
}
private void NotificationClicked()
{
if (Message?.Click == null && Message?.CloseOnClick != true)
return;
if (Message?.CloseOnClick == true)
Close();
Message?.Click?.Invoke(Message);
}
private void OnKeyDown(KeyboardEventArgs args)
{
if (Message?.Click == null && Message?.CloseOnClick != true)
{
return;
}
var key = args.Code != null ? args.Code : args.Key;
if (key == "Enter" || key == "Space")
{
NotificationClicked();
}
}
public void Dispose()
{
if (closeCts != null)
{
closeCts.Cancel();
closeCts.Dispose();
closeCts = null;
}
if (timer != null && timerElapsedHandler != null)
{
timer.Elapsed -= timerElapsedHandler;
timerElapsedHandler = null;
}
timer?.Stop();
timer?.Dispose();
timer = null;
}
}