feat(central-ui): standalone Notification Lists page
This commit is contained in:
@@ -0,0 +1,137 @@
|
|||||||
|
@page "/notifications/lists"
|
||||||
|
@using ScadaLink.Security
|
||||||
|
@using ScadaLink.Commons.Entities.Notifications
|
||||||
|
@using ScadaLink.Commons.Interfaces.Repositories
|
||||||
|
@attribute [Authorize(Policy = AuthorizationPolicies.RequireDesign)]
|
||||||
|
@inject INotificationRepository NotificationRepository
|
||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
@inject IDialogService Dialog
|
||||||
|
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
<ToastNotification @ref="_toast" />
|
||||||
|
|
||||||
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||||
|
<h4 class="mb-0">Notification Lists</h4>
|
||||||
|
<button class="btn btn-primary btn-sm"
|
||||||
|
@onclick='() => NavigationManager.NavigateTo("/notifications/lists/create")'>
|
||||||
|
Add Notification List
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if (_loading)
|
||||||
|
{
|
||||||
|
<LoadingSpinner IsLoading="true" />
|
||||||
|
}
|
||||||
|
else if (_errorMessage != null)
|
||||||
|
{
|
||||||
|
<div class="alert alert-danger">@_errorMessage</div>
|
||||||
|
}
|
||||||
|
else if (_lists.Count == 0)
|
||||||
|
{
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body text-center text-muted py-5">
|
||||||
|
<div class="fs-5 mb-2">No notification lists</div>
|
||||||
|
<button class="btn btn-primary btn-sm"
|
||||||
|
@onclick='() => NavigationManager.NavigateTo("/notifications/lists/create")'>
|
||||||
|
Add your first notification list
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-sm table-hover align-middle">
|
||||||
|
<thead class="table-light">
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Recipients</th>
|
||||||
|
<th class="text-end">Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@foreach (var list in _lists)
|
||||||
|
{
|
||||||
|
var recipients = _recipients.GetValueOrDefault(list.Id)
|
||||||
|
?? (IReadOnlyList<NotificationRecipient>)Array.Empty<NotificationRecipient>();
|
||||||
|
<tr @key="list.Id">
|
||||||
|
<td>@list.Name</td>
|
||||||
|
<td>
|
||||||
|
@if (recipients.Count == 0)
|
||||||
|
{
|
||||||
|
<span class="text-muted small fst-italic">No recipients</span>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
@foreach (var r in recipients)
|
||||||
|
{
|
||||||
|
<span class="badge bg-light text-dark me-1 mb-1">@r.Name <@r.EmailAddress></span>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</td>
|
||||||
|
<td class="text-end">
|
||||||
|
<button class="btn btn-outline-primary btn-sm me-1"
|
||||||
|
@onclick='() => NavigationManager.NavigateTo($"/notifications/lists/{list.Id}/edit")'>
|
||||||
|
Edit
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline-danger btn-sm"
|
||||||
|
@onclick="() => DeleteList(list)">
|
||||||
|
Delete
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
private bool _loading = true;
|
||||||
|
private string? _errorMessage;
|
||||||
|
private List<NotificationList> _lists = new();
|
||||||
|
private readonly Dictionary<int, IReadOnlyList<NotificationRecipient>> _recipients = new();
|
||||||
|
private ToastNotification _toast = default!;
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync() => await LoadAsync();
|
||||||
|
|
||||||
|
private async Task LoadAsync()
|
||||||
|
{
|
||||||
|
_loading = true;
|
||||||
|
_errorMessage = null;
|
||||||
|
try
|
||||||
|
{
|
||||||
|
_lists = (await NotificationRepository.GetAllNotificationListsAsync()).ToList();
|
||||||
|
_recipients.Clear();
|
||||||
|
foreach (var list in _lists)
|
||||||
|
{
|
||||||
|
_recipients[list.Id] = await NotificationRepository.GetRecipientsByListIdAsync(list.Id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
_errorMessage = ex.Message;
|
||||||
|
}
|
||||||
|
_loading = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task DeleteList(NotificationList list)
|
||||||
|
{
|
||||||
|
if (!await Dialog.ConfirmAsync("Delete", $"Delete notification list '{list.Name}'?", danger: true))
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try
|
||||||
|
{
|
||||||
|
await NotificationRepository.DeleteNotificationListAsync(list.Id);
|
||||||
|
await NotificationRepository.SaveChangesAsync();
|
||||||
|
_toast.ShowSuccess("Deleted.");
|
||||||
|
await LoadAsync();
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
_toast.ShowError(ex.Message);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,76 @@
|
|||||||
|
using System.Security.Claims;
|
||||||
|
using Bunit;
|
||||||
|
using Microsoft.AspNetCore.Components.Authorization;
|
||||||
|
using Microsoft.Extensions.DependencyInjection;
|
||||||
|
using NSubstitute;
|
||||||
|
using ScadaLink.CentralUI.Components.Shared;
|
||||||
|
using ScadaLink.Commons.Entities.Notifications;
|
||||||
|
using ScadaLink.Commons.Interfaces.Repositories;
|
||||||
|
using NotificationListsPage = ScadaLink.CentralUI.Components.Pages.Notifications.NotificationLists;
|
||||||
|
|
||||||
|
namespace ScadaLink.CentralUI.Tests.Pages;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// bUnit rendering tests for the standalone Notification Lists page (Task 7).
|
||||||
|
/// </summary>
|
||||||
|
public class NotificationListsPageTests : BunitContext
|
||||||
|
{
|
||||||
|
private void WireAuthAndDialog()
|
||||||
|
{
|
||||||
|
Services.AddSingleton<IDialogService>(new AlwaysConfirmDialogService());
|
||||||
|
|
||||||
|
var claims = new[]
|
||||||
|
{
|
||||||
|
new Claim("Username", "tester"),
|
||||||
|
new Claim(ClaimTypes.Role, "Design"),
|
||||||
|
};
|
||||||
|
var user = new ClaimsPrincipal(new ClaimsIdentity(claims, "TestAuth"));
|
||||||
|
Services.AddSingleton<AuthenticationStateProvider>(new TestAuthStateProvider(user));
|
||||||
|
Services.AddAuthorizationCore();
|
||||||
|
}
|
||||||
|
|
||||||
|
[Fact]
|
||||||
|
public void RendersNotificationListRows()
|
||||||
|
{
|
||||||
|
var repo = Substitute.For<INotificationRepository>();
|
||||||
|
repo.GetAllNotificationListsAsync()
|
||||||
|
.Returns(Task.FromResult<IReadOnlyList<NotificationList>>(
|
||||||
|
new List<NotificationList> { new("Ops On-Call") { Id = 1 } }));
|
||||||
|
repo.GetRecipientsByListIdAsync(1)
|
||||||
|
.Returns(Task.FromResult<IReadOnlyList<NotificationRecipient>>(
|
||||||
|
new List<NotificationRecipient> { new("Jane", "jane@example.com") }));
|
||||||
|
Services.AddSingleton(repo);
|
||||||
|
WireAuthAndDialog();
|
||||||
|
|
||||||
|
var cut = Render<NotificationListsPage>();
|
||||||
|
|
||||||
|
Assert.Contains("Ops On-Call", cut.Markup);
|
||||||
|
Assert.Contains("jane@example.com", cut.Markup);
|
||||||
|
}
|
||||||
|
|
||||||
|
[Fact]
|
||||||
|
public void ShowsEmptyState_WhenNoLists()
|
||||||
|
{
|
||||||
|
var repo = Substitute.For<INotificationRepository>();
|
||||||
|
repo.GetAllNotificationListsAsync()
|
||||||
|
.Returns(Task.FromResult<IReadOnlyList<NotificationList>>(
|
||||||
|
new List<NotificationList>()));
|
||||||
|
Services.AddSingleton(repo);
|
||||||
|
WireAuthAndDialog();
|
||||||
|
|
||||||
|
var cut = Render<NotificationListsPage>();
|
||||||
|
|
||||||
|
Assert.Contains("No notification lists", cut.Markup);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// <summary>A dialog service that auto-confirms, so action paths run end-to-end.</summary>
|
||||||
|
private sealed class AlwaysConfirmDialogService : IDialogService
|
||||||
|
{
|
||||||
|
public Task<bool> ConfirmAsync(string title, string message, bool danger = false)
|
||||||
|
=> Task.FromResult(true);
|
||||||
|
|
||||||
|
public Task<string?> PromptAsync(
|
||||||
|
string title, string label, string initialValue = "", string? placeholder = null)
|
||||||
|
=> Task.FromResult<string?>(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user