refactor(ui): unify semantic presentation and table hierarchy

This commit is contained in:
Joseph Doherty
2026-11-13 19:06:18 -05:00
parent 2d30323ae8
commit 0c41b613ac
97 changed files with 13829 additions and 167 deletions
@@ -26,9 +26,9 @@
@inject NavigationManager NavigationManager
<div class="container-fluid mt-3">
<div class="d-flex align-items-center mb-3">
<div class="page-head">
<button class="btn btn-outline-secondary btn-sm me-3" @onclick="GoBack">&larr; Back to Topology</button>
<h4 class="mb-0">Configure Instance</h4>
<h1 class="mb-0">Configure Instance</h1>
@* Drill-in: deep-link into the central Audit Log
pre-filtered to this instance. Instance is UI-only on the filter bar
(AuditEvent has no Instance column), so we use the ?instance= UI-text
@@ -209,9 +209,9 @@
</div>
@if (open)
{
<div class="table-responsive">
<div class="table-responsive" role="region" aria-label="@($"Binding group {g.Key}")" tabindex="0">
<table class="table table-sm table-bordered mb-0 align-middle">
<thead class="table-light">
<thead>
<tr>
<th>Member</th>
<th>Template default</th>
@@ -347,8 +347,9 @@
}
else
{
<table class="table table-sm table-bordered mb-0 align-middle">
<thead class="table-light">
<div class="table-responsive" role="region" aria-label="Attribute overrides" tabindex="0">
<table class="table table-sm table-bordered mb-0 align-middle">
<thead>
<tr>
<th>Attribute</th>
<th>Type</th>
@@ -416,6 +417,7 @@
}
</tbody>
</table>
</div>
<div class="p-2">
<button class="btn btn-success btn-sm" @onclick="SaveOverrides" disabled="@_saving">Save Overrides</button>
</div>
@@ -435,8 +437,9 @@
}
else
{
<table class="table table-sm table-bordered mb-0">
<thead class="table-light">
<div class="table-responsive" role="region" aria-label="Alarm overrides" tabindex="0">
<table class="table table-sm table-bordered mb-0">
<thead>
<tr>
<th>Alarm</th>
<th style="width: 110px;">Trigger</th>
@@ -501,6 +504,7 @@
}
</tbody>
</table>
</div>
}
</div>
</div>
@@ -645,8 +649,9 @@
}
else
{
<table class="table table-sm table-bordered mb-0 align-middle">
<thead class="table-light">
<div class="table-responsive" role="region" aria-label="Native alarm source overrides" tabindex="0">
<table class="table table-sm table-bordered mb-0 align-middle">
<thead>
<tr>
<th>Source</th>
<th>Inherited</th>
@@ -722,6 +727,7 @@
}
</tbody>
</table>
</div>
}
</div>
</div>