505 lines
19 KiB
Plaintext
505 lines
19 KiB
Plaintext
@page "/deployment/instances"
|
|
@using ScadaLink.Security
|
|
@using ScadaLink.Commons.Entities.Instances
|
|
@using ScadaLink.Commons.Entities.Sites
|
|
@using ScadaLink.Commons.Entities.Templates
|
|
@using ScadaLink.Commons.Entities.Deployment
|
|
@using ScadaLink.Commons.Interfaces.Repositories
|
|
@using ScadaLink.Commons.Types.Enums
|
|
@using ScadaLink.DeploymentManager
|
|
@attribute [Authorize(Policy = AuthorizationPolicies.RequireDeployment)]
|
|
@inject ITemplateEngineRepository TemplateEngineRepository
|
|
@inject ISiteRepository SiteRepository
|
|
@inject IDeploymentManagerRepository DeploymentManagerRepository
|
|
@inject DeploymentService DeploymentService
|
|
@inject AuthenticationStateProvider AuthStateProvider
|
|
@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">Instances</h4>
|
|
<button class="btn btn-primary btn-sm" @onclick='() => NavigationManager.NavigateTo("/deployment/instances/create")'>Create Instance</button>
|
|
</div>
|
|
|
|
<ToastNotification @ref="_toast" />
|
|
<ConfirmDialog @ref="_confirmDialog" />
|
|
|
|
@if (_loading)
|
|
{
|
|
<LoadingSpinner IsLoading="true" />
|
|
}
|
|
else if (_errorMessage != null)
|
|
{
|
|
<div class="alert alert-danger">@_errorMessage</div>
|
|
}
|
|
else
|
|
{
|
|
@* Filters *@
|
|
<div class="row mb-3 g-2">
|
|
<div class="col-md-2">
|
|
<label class="form-label small">Site</label>
|
|
<select class="form-select form-select-sm" @bind="_filterSiteId" @bind:after="ApplyFilters">
|
|
<option value="0">All Sites</option>
|
|
@foreach (var site in _sites)
|
|
{
|
|
<option value="@site.Id">@site.Name</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label small">Template</label>
|
|
<select class="form-select form-select-sm" @bind="_filterTemplateId" @bind:after="ApplyFilters">
|
|
<option value="0">All Templates</option>
|
|
@foreach (var tmpl in _templates)
|
|
{
|
|
<option value="@tmpl.Id">@tmpl.Name</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label small">Status</label>
|
|
<select class="form-select form-select-sm" @bind="_filterStatus" @bind:after="ApplyFilters">
|
|
<option value="">All Statuses</option>
|
|
<option value="NotDeployed">Not Deployed</option>
|
|
<option value="Enabled">Enabled</option>
|
|
<option value="Disabled">Disabled</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label small">Search</label>
|
|
<input type="text" class="form-control form-control-sm" placeholder="Instance name..."
|
|
@bind="_filterSearch" @bind:event="oninput" @bind:after="ApplyFilters" />
|
|
</div>
|
|
<div class="col-md-3 d-flex align-items-end">
|
|
<button class="btn btn-outline-secondary btn-sm" @onclick="LoadDataAsync">Refresh</button>
|
|
</div>
|
|
</div>
|
|
|
|
<TreeView @ref="_instanceTree" TItem="InstanceTreeNode" Items="_treeRoots"
|
|
ChildrenSelector="n => n.Children"
|
|
HasChildrenSelector="n => n.Children.Count > 0"
|
|
KeySelector="n => n.Key"
|
|
StorageKey="instances-tree"
|
|
Selectable="true"
|
|
SelectedKey="_selectedKey"
|
|
SelectedKeyChanged="key => { _selectedKey = key; }">
|
|
<NodeContent Context="node">
|
|
@switch (node.Kind)
|
|
{
|
|
case InstanceNodeKind.Site:
|
|
<span class="fw-semibold">@node.Label</span>
|
|
break;
|
|
case InstanceNodeKind.Area:
|
|
<span class="text-secondary">@node.Label</span>
|
|
break;
|
|
case InstanceNodeKind.Instance:
|
|
<span>@node.Label</span>
|
|
<span class="badge @GetStateBadge(node.Instance!.State) ms-1">@node.Instance!.State</span>
|
|
@if (node.Instance!.State != InstanceState.NotDeployed)
|
|
{
|
|
<span class="badge @(node.IsStale ? "bg-warning text-dark" : "bg-light text-dark") ms-1">
|
|
@(node.IsStale ? "Stale" : "Current")
|
|
</span>
|
|
}
|
|
break;
|
|
}
|
|
</NodeContent>
|
|
<ContextMenu Context="node">
|
|
@if (node.Kind == InstanceNodeKind.Instance)
|
|
{
|
|
var inst = node.Instance!;
|
|
var isStale = node.IsStale;
|
|
<button class="dropdown-item" @onclick="() => DeployInstance(inst)"
|
|
disabled="@_actionInProgress">@(isStale ? "Redeploy" : "Deploy")</button>
|
|
@if (inst.State == InstanceState.Enabled)
|
|
{
|
|
<button class="dropdown-item" @onclick="() => DisableInstance(inst)"
|
|
disabled="@_actionInProgress">Disable</button>
|
|
}
|
|
else if (inst.State == InstanceState.Disabled)
|
|
{
|
|
<button class="dropdown-item" @onclick="() => EnableInstance(inst)"
|
|
disabled="@_actionInProgress">Enable</button>
|
|
}
|
|
<button class="dropdown-item"
|
|
@onclick='() => NavigationManager.NavigateTo($"/deployment/instances/{inst.Id}/configure")'>
|
|
Configure
|
|
</button>
|
|
<button class="dropdown-item" @onclick="() => ShowDiff(inst)"
|
|
disabled="@(_actionInProgress || inst.State == InstanceState.NotDeployed)">Diff</button>
|
|
<div class="dropdown-divider"></div>
|
|
<button class="dropdown-item text-danger" @onclick="() => DeleteInstance(inst)"
|
|
disabled="@_actionInProgress">Delete</button>
|
|
}
|
|
</ContextMenu>
|
|
<EmptyContent>
|
|
<span class="text-muted fst-italic">No instances match the current filters.</span>
|
|
</EmptyContent>
|
|
</TreeView>
|
|
|
|
<div class="text-muted small mt-2">
|
|
@_filteredInstances.Count instance(s) total
|
|
</div>
|
|
|
|
@* Diff Modal *@
|
|
@if (_showDiffModal)
|
|
{
|
|
<div class="modal d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Deployment Diff — @_diffInstanceName</h5>
|
|
<button type="button" class="btn-close" @onclick="() => _showDiffModal = false"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
@if (_diffLoading)
|
|
{
|
|
<LoadingSpinner IsLoading="true" />
|
|
}
|
|
else if (_diffError != null)
|
|
{
|
|
<div class="alert alert-danger">@_diffError</div>
|
|
}
|
|
else if (_diffResult != null)
|
|
{
|
|
<div class="mb-2">
|
|
<span class="badge @(_diffResult.IsStale ? "bg-warning text-dark" : "bg-success")">
|
|
@(_diffResult.IsStale ? "Stale — changes pending" : "Current")
|
|
</span>
|
|
<span class="text-muted small ms-2">
|
|
Deployed: @_diffResult.DeployedRevisionHash[..8]
|
|
| Current: @_diffResult.CurrentRevisionHash[..8]
|
|
| Deployed at: @_diffResult.DeployedAt.LocalDateTime.ToString("yyyy-MM-dd HH:mm")
|
|
</span>
|
|
</div>
|
|
@if (!_diffResult.IsStale)
|
|
{
|
|
<p class="text-muted">No differences between deployed and current configuration.</p>
|
|
}
|
|
else
|
|
{
|
|
<p class="text-muted small">The deployed revision hash differs from the current template-derived hash. Redeploy to apply changes.</p>
|
|
}
|
|
}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-secondary btn-sm" @onclick="() => _showDiffModal = false">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
</div>
|
|
|
|
@code {
|
|
private async Task<string> GetCurrentUserAsync()
|
|
{
|
|
var authState = await AuthStateProvider.GetAuthenticationStateAsync();
|
|
return authState.User.FindFirst("Username")?.Value ?? "unknown";
|
|
}
|
|
|
|
record InstanceTreeNode(string Key, string Label, InstanceNodeKind Kind,
|
|
List<InstanceTreeNode> Children, Instance? Instance = null,
|
|
bool IsStale = false);
|
|
enum InstanceNodeKind { Site, Area, Instance }
|
|
|
|
private List<Instance> _allInstances = new();
|
|
private List<Instance> _filteredInstances = new();
|
|
private List<Site> _sites = new();
|
|
private List<Template> _templates = new();
|
|
private List<Area> _allAreas = new();
|
|
private Dictionary<int, bool> _stalenessMap = new();
|
|
private bool _loading = true;
|
|
private string? _errorMessage;
|
|
private bool _actionInProgress;
|
|
|
|
private int _filterSiteId;
|
|
private int _filterTemplateId;
|
|
private string _filterStatus = string.Empty;
|
|
private string _filterSearch = string.Empty;
|
|
|
|
private List<InstanceTreeNode> _treeRoots = new();
|
|
private TreeView<InstanceTreeNode> _instanceTree = default!;
|
|
private object? _selectedKey;
|
|
|
|
private ToastNotification _toast = default!;
|
|
private ConfirmDialog _confirmDialog = default!;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
await LoadDataAsync();
|
|
}
|
|
|
|
private async Task LoadDataAsync()
|
|
{
|
|
_loading = true;
|
|
_errorMessage = null;
|
|
try
|
|
{
|
|
_allInstances = (await TemplateEngineRepository.GetAllInstancesAsync()).ToList();
|
|
_sites = (await SiteRepository.GetAllSitesAsync()).ToList();
|
|
_templates = (await TemplateEngineRepository.GetAllTemplatesAsync()).ToList();
|
|
|
|
// Load areas for display
|
|
_allAreas.Clear();
|
|
foreach (var site in _sites)
|
|
{
|
|
var areas = await TemplateEngineRepository.GetAreasBySiteIdAsync(site.Id);
|
|
_allAreas.AddRange(areas);
|
|
}
|
|
|
|
// Check staleness for deployed instances
|
|
_stalenessMap.Clear();
|
|
foreach (var inst in _allInstances.Where(i => i.State != InstanceState.NotDeployed))
|
|
{
|
|
try
|
|
{
|
|
var comparison = await DeploymentService.GetDeploymentComparisonAsync(inst.Id);
|
|
_stalenessMap[inst.Id] = comparison.IsSuccess && comparison.Value.IsStale;
|
|
}
|
|
catch
|
|
{
|
|
_stalenessMap[inst.Id] = false;
|
|
}
|
|
}
|
|
|
|
ApplyFilters();
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_errorMessage = $"Failed to load instances: {ex.Message}";
|
|
}
|
|
_loading = false;
|
|
}
|
|
|
|
private void ApplyFilters()
|
|
{
|
|
_filteredInstances = _allInstances.Where(i =>
|
|
{
|
|
if (_filterSiteId > 0 && i.SiteId != _filterSiteId) return false;
|
|
if (_filterTemplateId > 0 && i.TemplateId != _filterTemplateId) return false;
|
|
if (!string.IsNullOrEmpty(_filterStatus) && i.State.ToString() != _filterStatus) return false;
|
|
if (!string.IsNullOrWhiteSpace(_filterSearch) &&
|
|
!i.UniqueName.Contains(_filterSearch, StringComparison.OrdinalIgnoreCase)) return false;
|
|
return true;
|
|
}).OrderBy(i => i.UniqueName).ToList();
|
|
|
|
BuildTree();
|
|
}
|
|
|
|
private void BuildTree()
|
|
{
|
|
_treeRoots = _sites.Select(site =>
|
|
{
|
|
var siteAreas = _allAreas.Where(a => a.SiteId == site.Id).ToList();
|
|
var siteInstances = _filteredInstances.Where(i => i.SiteId == site.Id).ToList();
|
|
|
|
var areaNodes = BuildAreaNodes(siteAreas, siteInstances, parentId: null);
|
|
|
|
var unassigned = siteInstances
|
|
.Where(i => i.AreaId == null)
|
|
.Select(MakeInstanceNode)
|
|
.ToList();
|
|
|
|
var children = areaNodes.Concat(unassigned).ToList();
|
|
|
|
return new InstanceTreeNode(
|
|
Key: $"site-{site.Id}",
|
|
Label: site.Name,
|
|
Kind: InstanceNodeKind.Site,
|
|
Children: children);
|
|
})
|
|
.Where(s => s.Children.Count > 0)
|
|
.ToList();
|
|
}
|
|
|
|
private List<InstanceTreeNode> BuildAreaNodes(List<Area> allAreas,
|
|
List<Instance> instances, int? parentId)
|
|
{
|
|
return allAreas
|
|
.Where(a => a.ParentAreaId == parentId)
|
|
.Select(area =>
|
|
{
|
|
var childAreas = BuildAreaNodes(allAreas, instances, area.Id);
|
|
var areaInstances = instances
|
|
.Where(i => i.AreaId == area.Id)
|
|
.Select(MakeInstanceNode)
|
|
.ToList();
|
|
var children = childAreas.Concat(areaInstances).ToList();
|
|
return new InstanceTreeNode(
|
|
Key: $"area-{area.Id}",
|
|
Label: area.Name,
|
|
Kind: InstanceNodeKind.Area,
|
|
Children: children);
|
|
})
|
|
.Where(a => a.Children.Count > 0)
|
|
.ToList();
|
|
}
|
|
|
|
private InstanceTreeNode MakeInstanceNode(Instance inst) => new(
|
|
Key: $"inst-{inst.Id}",
|
|
Label: inst.UniqueName,
|
|
Kind: InstanceNodeKind.Instance,
|
|
Children: new(),
|
|
Instance: inst,
|
|
IsStale: _stalenessMap.GetValueOrDefault(inst.Id));
|
|
|
|
private string GetTemplateName(int templateId) =>
|
|
_templates.FirstOrDefault(t => t.Id == templateId)?.Name ?? $"#{templateId}";
|
|
|
|
private string GetSiteName(int siteId) =>
|
|
_sites.FirstOrDefault(s => s.Id == siteId)?.Name ?? $"#{siteId}";
|
|
|
|
private string GetAreaName(int areaId) =>
|
|
_allAreas.FirstOrDefault(a => a.Id == areaId)?.Name ?? $"#{areaId}";
|
|
|
|
private static string GetStateBadge(InstanceState state) => state switch
|
|
{
|
|
InstanceState.Enabled => "bg-success",
|
|
InstanceState.Disabled => "bg-secondary",
|
|
InstanceState.NotDeployed => "bg-light text-dark",
|
|
_ => "bg-secondary"
|
|
};
|
|
|
|
private async Task EnableInstance(Instance inst)
|
|
{
|
|
_actionInProgress = true;
|
|
try
|
|
{
|
|
var user = await GetCurrentUserAsync();
|
|
var result = await DeploymentService.EnableInstanceAsync(inst.Id, user);
|
|
if (result.IsSuccess)
|
|
{
|
|
_toast.ShowSuccess($"Instance '{inst.UniqueName}' enabled.");
|
|
await LoadDataAsync();
|
|
}
|
|
else
|
|
{
|
|
_toast.ShowError($"Enable failed: {result.Error}");
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_toast.ShowError($"Enable failed: {ex.Message}");
|
|
}
|
|
_actionInProgress = false;
|
|
}
|
|
|
|
private async Task DisableInstance(Instance inst)
|
|
{
|
|
var confirmed = await _confirmDialog.ShowAsync(
|
|
$"Disable instance '{inst.UniqueName}'? The instance actor will be stopped.",
|
|
"Disable Instance");
|
|
if (!confirmed) return;
|
|
|
|
_actionInProgress = true;
|
|
try
|
|
{
|
|
var user = await GetCurrentUserAsync();
|
|
var result = await DeploymentService.DisableInstanceAsync(inst.Id, user);
|
|
if (result.IsSuccess)
|
|
{
|
|
_toast.ShowSuccess($"Instance '{inst.UniqueName}' disabled.");
|
|
await LoadDataAsync();
|
|
}
|
|
else
|
|
{
|
|
_toast.ShowError($"Disable failed: {result.Error}");
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_toast.ShowError($"Disable failed: {ex.Message}");
|
|
}
|
|
_actionInProgress = false;
|
|
}
|
|
|
|
private async Task DeployInstance(Instance inst)
|
|
{
|
|
_actionInProgress = true;
|
|
try
|
|
{
|
|
var user = await GetCurrentUserAsync();
|
|
var result = await DeploymentService.DeployInstanceAsync(inst.Id, user);
|
|
if (result.IsSuccess)
|
|
{
|
|
_toast.ShowSuccess($"Instance '{inst.UniqueName}' deployed (revision {result.Value.RevisionHash?[..8]}).");
|
|
await LoadDataAsync();
|
|
}
|
|
else
|
|
{
|
|
_toast.ShowError($"Deploy failed: {result.Error}");
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_toast.ShowError($"Deploy failed: {ex.Message}");
|
|
}
|
|
_actionInProgress = false;
|
|
}
|
|
|
|
private async Task DeleteInstance(Instance inst)
|
|
{
|
|
var confirmed = await _confirmDialog.ShowAsync(
|
|
$"Delete instance '{inst.UniqueName}'? This will remove it from the site. Store-and-forward messages will NOT be cleared.",
|
|
"Delete Instance");
|
|
if (!confirmed) return;
|
|
|
|
_actionInProgress = true;
|
|
try
|
|
{
|
|
var user = await GetCurrentUserAsync();
|
|
var result = await DeploymentService.DeleteInstanceAsync(inst.Id, user);
|
|
if (result.IsSuccess)
|
|
{
|
|
_toast.ShowSuccess($"Instance '{inst.UniqueName}' deleted.");
|
|
await LoadDataAsync();
|
|
}
|
|
else
|
|
{
|
|
_toast.ShowError($"Delete failed: {result.Error}");
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_toast.ShowError($"Delete failed: {ex.Message}");
|
|
}
|
|
_actionInProgress = false;
|
|
}
|
|
|
|
// Diff state
|
|
private bool _showDiffModal;
|
|
private bool _diffLoading;
|
|
private string? _diffError;
|
|
private string _diffInstanceName = string.Empty;
|
|
private DeploymentComparisonResult? _diffResult;
|
|
|
|
private async Task ShowDiff(Instance inst)
|
|
{
|
|
_showDiffModal = true;
|
|
_diffLoading = true;
|
|
_diffError = null;
|
|
_diffResult = null;
|
|
_diffInstanceName = inst.UniqueName;
|
|
try
|
|
{
|
|
var result = await DeploymentService.GetDeploymentComparisonAsync(inst.Id);
|
|
if (result.IsSuccess)
|
|
{
|
|
_diffResult = result.Value;
|
|
}
|
|
else
|
|
{
|
|
_diffError = result.Error;
|
|
}
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
_diffError = $"Failed to load diff: {ex.Message}";
|
|
}
|
|
_diffLoading = false;
|
|
}
|
|
|
|
}
|