b6e2ec8a50
Templates: <h4> in flex header, Expand/Collapse moved into a Bulk actions dropdown, hover-visible kebab on tree nodes with aria-labels. TreeView CSS gets a .tv-kebab opacity-on-hover utility. TemplateCreate: form-control (not -sm) for primary inputs; accessible Back button. TemplateEdit: Properties card vertical-stacked with Save at the bottom-right and Parent rendered as readonly plaintext. Add-member forms (Attributes, Alarms, Scripts, Compositions) reflowed from horizontal row g-2 align-items-end into cards with stacked col-12 inputs (Scripts gets rows=10). Lock/Unlock badges show full words. Per-row Delete moved into a kebab dropdown. Tab nav gains role="tablist" / role="tab" / aria-selected / aria-controls and panels get role="tabpanel". Validation entries get consistent strong-and- muted styling. SharedScripts: migrated from table to card grid (col-lg-6) matching Sites; cards show code preview + param/return badges + Edit + kebab. Search filter, empty state CTA, @key. SharedScriptForm: small ?-icon tooltips next to Parameters and Return Definition labels. ExternalSystems: SMTP split out to its own page; remaining tabs ( External Systems, DB Connections, Notification Lists, API Methods, API Keys) unified as card grids with per-tab search + empty-state CTA. Tab nav gets full ARIA instrumentation. Header gains a link to the new SMTP page. New page SmtpConfiguration.razor at /design/smtp: vertical-stacked form using the existing Credentials field on the entity. ExternalSystemForm: AuthConfig placeholder updates based on the selected AuthType (None / ApiKey / BasicAuth). DbConnectionForm: form-text below Connection String noting that the value is stored in plain text and is admin-only. ApiMethodForm: Script textarea rows=10; JSON example placeholders for Params and Returns. NotificationListForm: form-control sizing on Name/email inputs; thead.table-dark -> table-light on the recipients table.
546 lines
26 KiB
Plaintext
546 lines
26 KiB
Plaintext
@page "/design/external-systems"
|
|
@using ScadaLink.Security
|
|
@using ScadaLink.Commons.Entities.ExternalSystems
|
|
@using ScadaLink.Commons.Entities.Notifications
|
|
@using ScadaLink.Commons.Entities.InboundApi
|
|
@using ScadaLink.Commons.Interfaces.Repositories
|
|
@attribute [Authorize(Policy = AuthorizationPolicies.RequireDesign)]
|
|
@inject IExternalSystemRepository ExternalSystemRepository
|
|
@inject INotificationRepository NotificationRepository
|
|
@inject IInboundApiRepository InboundApiRepository
|
|
@inject NavigationManager NavigationManager
|
|
|
|
<div class="container-fluid mt-3">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h4 class="mb-0">Integration Definitions</h4>
|
|
<a class="btn btn-outline-secondary btn-sm"
|
|
href="/design/smtp">Email configuration →</a>
|
|
</div>
|
|
|
|
<ToastNotification @ref="_toast" />
|
|
<ConfirmDialog @ref="_confirmDialog" ConfirmButtonClass="btn-danger" />
|
|
|
|
@if (_loading)
|
|
{
|
|
<LoadingSpinner IsLoading="true" />
|
|
}
|
|
else if (_errorMessage != null)
|
|
{
|
|
<div class="alert alert-danger">@_errorMessage</div>
|
|
}
|
|
else
|
|
{
|
|
<ul class="nav nav-tabs mb-3" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link @(_tab == "extsys" ? "active" : "")"
|
|
role="tab"
|
|
aria-selected="@(_tab == "extsys" ? "true" : "false")"
|
|
aria-controls="int-tab-extsys"
|
|
@onclick='() => _tab = "extsys"'>
|
|
External Systems <span class="badge bg-secondary">@_externalSystems.Count</span>
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link @(_tab == "dbconn" ? "active" : "")"
|
|
role="tab"
|
|
aria-selected="@(_tab == "dbconn" ? "true" : "false")"
|
|
aria-controls="int-tab-dbconn"
|
|
@onclick='() => _tab = "dbconn"'>
|
|
Database Connections <span class="badge bg-secondary">@_dbConnections.Count</span>
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link @(_tab == "notif" ? "active" : "")"
|
|
role="tab"
|
|
aria-selected="@(_tab == "notif" ? "true" : "false")"
|
|
aria-controls="int-tab-notif"
|
|
@onclick='() => _tab = "notif"'>
|
|
Notification Lists <span class="badge bg-secondary">@_notificationLists.Count</span>
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link @(_tab == "inbound" ? "active" : "")"
|
|
role="tab"
|
|
aria-selected="@(_tab == "inbound" ? "true" : "false")"
|
|
aria-controls="int-tab-inbound"
|
|
@onclick='() => _tab = "inbound"'>
|
|
Inbound API Methods <span class="badge bg-secondary">@_apiMethods.Count</span>
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link @(_tab == "apikeys" ? "active" : "")"
|
|
role="tab"
|
|
aria-selected="@(_tab == "apikeys" ? "true" : "false")"
|
|
aria-controls="int-tab-apikeys"
|
|
@onclick='() => _tab = "apikeys"'>
|
|
API Keys <span class="badge bg-secondary">@_apiKeys.Count</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
@if (_tab == "extsys")
|
|
{
|
|
<div role="tabpanel" id="int-tab-extsys">@RenderExternalSystems()</div>
|
|
}
|
|
else if (_tab == "dbconn")
|
|
{
|
|
<div role="tabpanel" id="int-tab-dbconn">@RenderDbConnections()</div>
|
|
}
|
|
else if (_tab == "notif")
|
|
{
|
|
<div role="tabpanel" id="int-tab-notif">@RenderNotificationLists()</div>
|
|
}
|
|
else if (_tab == "inbound")
|
|
{
|
|
<div role="tabpanel" id="int-tab-inbound">@RenderInboundApiMethods()</div>
|
|
}
|
|
else if (_tab == "apikeys")
|
|
{
|
|
<div role="tabpanel" id="int-tab-apikeys">@RenderApiKeys()</div>
|
|
}
|
|
}
|
|
</div>
|
|
|
|
@code {
|
|
private bool _loading = true;
|
|
private string? _errorMessage;
|
|
private string _tab = "extsys";
|
|
|
|
// External Systems
|
|
private List<ExternalSystemDefinition> _externalSystems = new();
|
|
private string _extsysSearch = "";
|
|
private IEnumerable<ExternalSystemDefinition> FilteredExternalSystems =>
|
|
string.IsNullOrWhiteSpace(_extsysSearch)
|
|
? _externalSystems
|
|
: _externalSystems.Where(es => es.Name?.Contains(_extsysSearch, StringComparison.OrdinalIgnoreCase) ?? false);
|
|
|
|
// Database Connections
|
|
private List<DatabaseConnectionDefinition> _dbConnections = new();
|
|
private string _dbConnSearch = "";
|
|
private IEnumerable<DatabaseConnectionDefinition> FilteredDbConnections =>
|
|
string.IsNullOrWhiteSpace(_dbConnSearch)
|
|
? _dbConnections
|
|
: _dbConnections.Where(dc => dc.Name?.Contains(_dbConnSearch, StringComparison.OrdinalIgnoreCase) ?? false);
|
|
|
|
// API Keys
|
|
private List<ApiKey> _apiKeys = new();
|
|
private string _apiKeySearch = "";
|
|
private IEnumerable<ApiKey> FilteredApiKeys =>
|
|
string.IsNullOrWhiteSpace(_apiKeySearch)
|
|
? _apiKeys
|
|
: _apiKeys.Where(k => k.Name?.Contains(_apiKeySearch, StringComparison.OrdinalIgnoreCase) ?? false);
|
|
|
|
// Notification Lists
|
|
private List<NotificationList> _notificationLists = new();
|
|
private Dictionary<int, List<NotificationRecipient>> _recipients = new();
|
|
private string _notifSearch = "";
|
|
private IEnumerable<NotificationList> FilteredNotificationLists =>
|
|
string.IsNullOrWhiteSpace(_notifSearch)
|
|
? _notificationLists
|
|
: _notificationLists.Where(n => n.Name?.Contains(_notifSearch, StringComparison.OrdinalIgnoreCase) ?? false);
|
|
|
|
// Inbound API Methods
|
|
private List<ApiMethod> _apiMethods = new();
|
|
private string _apiMethodSearch = "";
|
|
private IEnumerable<ApiMethod> FilteredApiMethods =>
|
|
string.IsNullOrWhiteSpace(_apiMethodSearch)
|
|
? _apiMethods
|
|
: _apiMethods.Where(m => m.Name?.Contains(_apiMethodSearch, StringComparison.OrdinalIgnoreCase) ?? false);
|
|
|
|
private ToastNotification _toast = default!;
|
|
private ConfirmDialog _confirmDialog = default!;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
await LoadAllAsync();
|
|
}
|
|
|
|
private async Task LoadAllAsync()
|
|
{
|
|
_loading = true;
|
|
try
|
|
{
|
|
_externalSystems = (await ExternalSystemRepository.GetAllExternalSystemsAsync()).ToList();
|
|
_dbConnections = (await ExternalSystemRepository.GetAllDatabaseConnectionsAsync()).ToList();
|
|
_notificationLists = (await NotificationRepository.GetAllNotificationListsAsync()).ToList();
|
|
|
|
_recipients.Clear();
|
|
foreach (var list in _notificationLists)
|
|
{
|
|
var recips = await NotificationRepository.GetRecipientsByListIdAsync(list.Id);
|
|
if (recips.Count > 0) _recipients[list.Id] = recips.ToList();
|
|
}
|
|
|
|
_apiMethods = (await InboundApiRepository.GetAllApiMethodsAsync()).ToList();
|
|
_apiKeys = (await InboundApiRepository.GetAllApiKeysAsync()).ToList();
|
|
}
|
|
catch (Exception ex) { _errorMessage = ex.Message; }
|
|
_loading = false;
|
|
}
|
|
|
|
// ==== External Systems ====
|
|
private RenderFragment RenderExternalSystems() => __builder =>
|
|
{
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h5 class="mb-0">External Systems</h5>
|
|
<button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/external-systems/create")'>Add External System</button>
|
|
</div>
|
|
|
|
@if (_externalSystems.Count == 0)
|
|
{
|
|
<div class="text-center py-5 text-muted">
|
|
<p class="mb-3">No external systems configured.</p>
|
|
<button class="btn btn-primary btn-sm"
|
|
@onclick='() => NavigationManager.NavigateTo("/design/external-systems/create")'>
|
|
Add your first external system
|
|
</button>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="mb-3" style="max-width: 320px;">
|
|
<input class="form-control form-control-sm"
|
|
placeholder="Filter by name…"
|
|
@bind="_extsysSearch" @bind:event="oninput" />
|
|
</div>
|
|
|
|
@if (!FilteredExternalSystems.Any())
|
|
{
|
|
<p class="text-muted small">No external systems match the filter.</p>
|
|
}
|
|
|
|
<div class="row g-3">
|
|
@foreach (var es in FilteredExternalSystems)
|
|
{
|
|
<div class="col-lg-6 col-12" @key="es.Id">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
<h5 class="card-title mb-0">@es.Name</h5>
|
|
<div class="d-flex gap-1">
|
|
<button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/external-systems/{es.Id}/edit")'>Edit</button>
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary btn-sm"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
aria-label="@($"More actions for {es.Name}")">⋮</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><button class="dropdown-item text-danger" @onclick="() => DeleteExtSys(es)">Delete</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="small text-muted text-truncate mb-1" title="@es.EndpointUrl">@es.EndpointUrl</p>
|
|
<div>
|
|
<span class="badge bg-secondary me-1">@es.AuthType</span>
|
|
<span class="badge bg-light text-dark me-1">Max @es.MaxRetries retries</span>
|
|
<span class="badge bg-light text-dark">Delay @es.RetryDelay.TotalSeconds s</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
};
|
|
|
|
private async Task DeleteExtSys(ExternalSystemDefinition es)
|
|
{
|
|
if (!await _confirmDialog.ShowAsync($"Delete '{es.Name}'?", "Delete External System")) return;
|
|
try { await ExternalSystemRepository.DeleteExternalSystemAsync(es.Id); await ExternalSystemRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
|
|
catch (Exception ex) { _toast.ShowError(ex.Message); }
|
|
}
|
|
|
|
// ==== Database Connections ====
|
|
private RenderFragment RenderDbConnections() => __builder =>
|
|
{
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h5 class="mb-0">Database Connections</h5>
|
|
<button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/db-connections/create")'>Add Database Connection</button>
|
|
</div>
|
|
|
|
@if (_dbConnections.Count == 0)
|
|
{
|
|
<div class="text-center py-5 text-muted">
|
|
<p class="mb-3">No database connections configured.</p>
|
|
<button class="btn btn-primary btn-sm"
|
|
@onclick='() => NavigationManager.NavigateTo("/design/db-connections/create")'>
|
|
Add your first database connection
|
|
</button>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="mb-3" style="max-width: 320px;">
|
|
<input class="form-control form-control-sm"
|
|
placeholder="Filter by name…"
|
|
@bind="_dbConnSearch" @bind:event="oninput" />
|
|
</div>
|
|
|
|
@if (!FilteredDbConnections.Any())
|
|
{
|
|
<p class="text-muted small">No database connections match the filter.</p>
|
|
}
|
|
|
|
<div class="row g-3">
|
|
@foreach (var dc in FilteredDbConnections)
|
|
{
|
|
<div class="col-lg-6 col-12" @key="dc.Id">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
<h5 class="card-title mb-0">@dc.Name</h5>
|
|
<div class="d-flex gap-1">
|
|
<button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/db-connections/{dc.Id}/edit")'>Edit</button>
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary btn-sm"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
aria-label="@($"More actions for {dc.Name}")">⋮</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><button class="dropdown-item text-danger" @onclick="() => DeleteDbConn(dc)">Delete</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="small text-muted text-truncate mb-1" title="@dc.ConnectionString">@dc.ConnectionString</p>
|
|
<div>
|
|
<span class="badge bg-light text-dark me-1">Max @dc.MaxRetries retries</span>
|
|
<span class="badge bg-light text-dark">Delay @dc.RetryDelay.TotalSeconds s</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
};
|
|
|
|
private async Task DeleteDbConn(DatabaseConnectionDefinition dc)
|
|
{
|
|
if (!await _confirmDialog.ShowAsync($"Delete '{dc.Name}'?", "Delete DB Connection")) return;
|
|
try { await ExternalSystemRepository.DeleteDatabaseConnectionAsync(dc.Id); await ExternalSystemRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
|
|
catch (Exception ex) { _toast.ShowError(ex.Message); }
|
|
}
|
|
|
|
// ==== Notification Lists ====
|
|
private RenderFragment RenderNotificationLists() => __builder =>
|
|
{
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h5 class="mb-0">Notification Lists</h5>
|
|
<button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/notification-lists/create")'>Add Notification List</button>
|
|
</div>
|
|
|
|
@if (_notificationLists.Count == 0)
|
|
{
|
|
<div class="text-center py-5 text-muted">
|
|
<p class="mb-3">No notification lists configured.</p>
|
|
<button class="btn btn-primary btn-sm"
|
|
@onclick='() => NavigationManager.NavigateTo("/design/notification-lists/create")'>
|
|
Add your first notification list
|
|
</button>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="mb-3" style="max-width: 320px;">
|
|
<input class="form-control form-control-sm"
|
|
placeholder="Filter by name…"
|
|
@bind="_notifSearch" @bind:event="oninput" />
|
|
</div>
|
|
|
|
@if (!FilteredNotificationLists.Any())
|
|
{
|
|
<p class="text-muted small">No notification lists match the filter.</p>
|
|
}
|
|
|
|
<div class="row g-3">
|
|
@foreach (var list in FilteredNotificationLists)
|
|
{
|
|
var recips = _recipients.GetValueOrDefault(list.Id);
|
|
<div class="col-lg-6 col-12" @key="list.Id">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
<h5 class="card-title mb-0">@list.Name</h5>
|
|
<div class="d-flex gap-1">
|
|
<button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/notification-lists/{list.Id}/edit")'>Edit</button>
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary btn-sm"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
aria-label="@($"More actions for {list.Name}")">⋮</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><button class="dropdown-item text-danger" @onclick="() => DeleteNotifList(list)">Delete</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if (recips == null || recips.Count == 0)
|
|
{
|
|
<p class="text-muted small fst-italic mb-0">No recipients.</p>
|
|
}
|
|
else
|
|
{
|
|
<div>
|
|
@foreach (var r in recips)
|
|
{
|
|
<span class="badge bg-light text-dark me-1 mb-1">@r.Name <@r.EmailAddress></span>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
};
|
|
|
|
private async Task DeleteNotifList(NotificationList list)
|
|
{
|
|
if (!await _confirmDialog.ShowAsync($"Delete notification list '{list.Name}'?", "Delete")) return;
|
|
try { await NotificationRepository.DeleteNotificationListAsync(list.Id); await NotificationRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
|
|
catch (Exception ex) { _toast.ShowError(ex.Message); }
|
|
}
|
|
|
|
// ==== Inbound API Methods ====
|
|
private RenderFragment RenderInboundApiMethods() => __builder =>
|
|
{
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h5 class="mb-0">Inbound API Methods</h5>
|
|
<button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/design/api-methods/create")'>Add API Method</button>
|
|
</div>
|
|
|
|
@if (_apiMethods.Count == 0)
|
|
{
|
|
<div class="text-center py-5 text-muted">
|
|
<p class="mb-3">No API methods configured.</p>
|
|
<button class="btn btn-primary btn-sm"
|
|
@onclick='() => NavigationManager.NavigateTo("/design/api-methods/create")'>
|
|
Add your first API method
|
|
</button>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="mb-3" style="max-width: 320px;">
|
|
<input class="form-control form-control-sm"
|
|
placeholder="Filter by name…"
|
|
@bind="_apiMethodSearch" @bind:event="oninput" />
|
|
</div>
|
|
|
|
@if (!FilteredApiMethods.Any())
|
|
{
|
|
<p class="text-muted small">No API methods match the filter.</p>
|
|
}
|
|
|
|
<div class="row g-3">
|
|
@foreach (var m in FilteredApiMethods)
|
|
{
|
|
var preview = m.Script.Length > 80 ? m.Script[..80] + "…" : m.Script;
|
|
<div class="col-lg-6 col-12" @key="m.Id">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
<div>
|
|
<h5 class="card-title mb-1">@m.Name</h5>
|
|
<code class="small">POST /api/@m.Name</code>
|
|
</div>
|
|
<div class="d-flex gap-1">
|
|
<button class="btn btn-outline-primary btn-sm" @onclick='() => NavigationManager.NavigateTo($"/design/api-methods/{m.Id}/edit")'>Edit</button>
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary btn-sm"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
aria-label="@($"More actions for {m.Name}")">⋮</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><button class="dropdown-item text-danger" @onclick="() => DeleteApiMethod(m)">Delete</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<pre class="small text-muted font-monospace mb-2"
|
|
style="white-space: pre-wrap; word-break: break-all;"
|
|
title="@m.Script">@preview</pre>
|
|
<span class="badge bg-light text-dark">Timeout @m.TimeoutSeconds s</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
};
|
|
|
|
private async Task DeleteApiMethod(ApiMethod m)
|
|
{
|
|
if (!await _confirmDialog.ShowAsync($"Delete API method '{m.Name}'?", "Delete")) return;
|
|
try { await InboundApiRepository.DeleteApiMethodAsync(m.Id); await InboundApiRepository.SaveChangesAsync(); _toast.ShowSuccess("Deleted."); await LoadAllAsync(); }
|
|
catch (Exception ex) { _toast.ShowError(ex.Message); }
|
|
}
|
|
|
|
// ==== API Keys ====
|
|
private RenderFragment RenderApiKeys() => __builder =>
|
|
{
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h5 class="mb-0">API Keys</h5>
|
|
</div>
|
|
|
|
@if (_apiKeys.Count == 0)
|
|
{
|
|
<div class="text-center py-5 text-muted">
|
|
<p class="mb-3">No API keys configured. Add your first API key from the Admin section.</p>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="mb-3" style="max-width: 320px;">
|
|
<input class="form-control form-control-sm"
|
|
placeholder="Filter by name…"
|
|
@bind="_apiKeySearch" @bind:event="oninput" />
|
|
</div>
|
|
|
|
@if (!FilteredApiKeys.Any())
|
|
{
|
|
<p class="text-muted small">No API keys match the filter.</p>
|
|
}
|
|
|
|
<div class="row g-3">
|
|
@foreach (var key in FilteredApiKeys)
|
|
{
|
|
<div class="col-lg-6 col-12" @key="key.Id">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
<h5 class="card-title mb-0">@key.Name</h5>
|
|
<span class="badge @(key.IsEnabled ? "bg-success" : "bg-secondary")">
|
|
@(key.IsEnabled ? "Enabled" : "Disabled")
|
|
</span>
|
|
</div>
|
|
<div class="d-flex gap-1">
|
|
<button class="btn btn-outline-primary btn-sm"
|
|
@onclick="() => ToggleApiKeyEnabled(key)">
|
|
@(key.IsEnabled ? "Disable" : "Enable")
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
};
|
|
|
|
private async Task ToggleApiKeyEnabled(ApiKey key)
|
|
{
|
|
try
|
|
{
|
|
key.IsEnabled = !key.IsEnabled;
|
|
await InboundApiRepository.UpdateApiKeyAsync(key);
|
|
await InboundApiRepository.SaveChangesAsync();
|
|
_toast.ShowSuccess($"API key '{key.Name}' {(key.IsEnabled ? "enabled" : "disabled")}.");
|
|
}
|
|
catch (Exception ex) { _toast.ShowError(ex.Message); }
|
|
}
|
|
}
|