radzen-blazor/Radzen.Blazor/RadzenNotificationMessage.razor

@using System.Timers
@implements IDisposable

@if (Visible)
{
    var classes = GetMessageCssClasses();

    <div aria-live="polite" class="rz-notification-item-wrapper rz-open @classes.Item1" style="@(Message?.Click != null || Message?.CloseOnClick == true ? "cursor: pointer;" : "") @Style">
        <div class="rz-notification-item">
            <div class="rz-notification-message-wrapper">
                <span class="notranslate rzi rz-notification-icon @classes.Item2" @onclick="NotificationClicked"></span>
                <div class="rz-notification-message" @onclick="NotificationClicked">
                    <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>
            <div class="notranslate rzi rz-notification-close" @onclick="@Close"></div>
        </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;
    Timer? timer;

    protected override void OnInitialized()
    {
        if (Message?.ShowProgress == true)
        {
            timer = new Timer() { Enabled = true };
            timer.Elapsed += (sender, args) =>
            {
                progress = progress + 100;
                InvokeAsync(StateHasChanged);
            };
        }
        System.Threading.Tasks.Task.Delay(Convert.ToInt32(Message?.Duration ?? 3000)).ContinueWith(r => InvokeAsync(Close));
    }

    private void NotificationClicked()
    {
      if (Message?.CloseOnClick == true)
         Close();

      Message?.Click?.Invoke(Message);
    }

    public void Dispose()
    {
        timer?.Stop();
        timer?.Dispose();
    }
}