Files
PowderCoatingLogix/src/PowderCoating.Web/Views/AuditLog/Details.cshtml
T
spouliot e2f9e9ae4f Button consistency sweep + mobile responsiveness patches
- Standardize modal dismiss/cancel buttons to btn-outline-secondary across 70+ views
- Remove btn-sm from page-level Create and Back buttons (Index + Detail pages)
- Fix Edit buttons on Details pages: btn-secondary -> btn-warning
- Fix form Cancel/Back links: btn-secondary -> btn-outline-secondary
- Add 10 CSS patches to site.css for mobile/tablet responsiveness:
  top-navbar overflow prevention, page-header flex-wrap at 575px,
  table action button min-height override, notification dropdown width cap,
  tablet content padding

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-10 19:04:10 -04:00

125 lines
5.7 KiB
Plaintext

@using PowderCoating.Core.Entities
@using System.Text.Json
@model AuditLog
@{
ViewData["Title"] = "Audit Entry";
JsonElement ParseJson(string? json)
{
if (string.IsNullOrWhiteSpace(json)) return default;
try { return JsonDocument.Parse(json).RootElement; }
catch { return default; }
}
var oldData = ParseJson(Model.OldValues);
var newData = ParseJson(Model.NewValues);
}
<div class="container-fluid py-3" style="max-width:900px">
<div class="d-flex align-items-center gap-3 mb-3">
<a asp-action="Index" class="btn btn-outline-secondary">
<i class="bi bi-arrow-left me-1"></i>Back
</a>
<h4 class="mb-0"><i class="bi bi-shield-check me-2 text-primary"></i>Audit Entry #@Model.Id</h4>
</div>
<div class="row g-3">
<div class="col-md-5">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-white border-0 py-3">
<h6 class="mb-0 fw-semibold">Event Details</h6>
</div>
<div class="card-body">
<dl class="row small mb-0">
<dt class="col-5 text-muted">Timestamp</dt>
<dd class="col-7">@Model.Timestamp.Tz(ViewBag.CompanyTimeZone as string).ToString("MMM dd, yyyy HH:mm:ss")</dd>
<dt class="col-5 text-muted">Action</dt>
<dd class="col-7">
<span class="badge @(Model.Action switch {
"Created" => "bg-success", "Updated" => "bg-primary",
"Deleted" => "bg-danger", "Restored" => "bg-warning text-dark",
_ => "bg-secondary" })">@Model.Action</span>
</dd>
<dt class="col-5 text-muted">Entity Type</dt>
<dd class="col-7">@Model.EntityType</dd>
<dt class="col-5 text-muted">Entity ID</dt>
<dd class="col-7">@(Model.EntityId ?? "—")</dd>
<dt class="col-5 text-muted">Description</dt>
<dd class="col-7">@(Model.EntityDescription ?? "—")</dd>
<dt class="col-5 text-muted">User</dt>
<dd class="col-7">@Model.UserName</dd>
<dt class="col-5 text-muted">Company</dt>
<dd class="col-7">@(Model.CompanyName ?? (Model.CompanyId?.ToString() ?? "—"))</dd>
<dt class="col-5 text-muted">IP Address</dt>
<dd class="col-7">@(Model.IpAddress ?? "—")</dd>
</dl>
</div>
</div>
</div>
<div class="col-md-7">
@if (Model.OldValues != null || Model.NewValues != null)
{
<div class="card border-0 shadow-sm">
<div class="card-header bg-white border-0 py-3">
<h6 class="mb-0 fw-semibold">Change Diff</h6>
</div>
<div class="card-body p-0">
<table class="table table-sm small mb-0">
<thead class="table-light">
<tr>
<th>Field</th>
<th class="text-danger">Old Value</th>
<th class="text-success">New Value</th>
</tr>
</thead>
<tbody>
@{
// Union all property names from both old and new
var keys = new HashSet<string>();
if (oldData.ValueKind == JsonValueKind.Object)
foreach (var p in oldData.EnumerateObject()) keys.Add(p.Name);
if (newData.ValueKind == JsonValueKind.Object)
foreach (var p in newData.EnumerateObject()) keys.Add(p.Name);
foreach (var key in keys.OrderBy(k => k))
{
var oldVal = oldData.ValueKind == JsonValueKind.Object && oldData.TryGetProperty(key, out var ov) ? ov.ToString() : null;
var newVal = newData.ValueKind == JsonValueKind.Object && newData.TryGetProperty(key, out var nv) ? nv.ToString() : null;
<tr>
<td class="fw-medium">@key</td>
<td class="text-danger font-monospace">@(oldVal ?? "—")</td>
<td class="text-success font-monospace">@(newVal ?? "—")</td>
</tr>
}
}
</tbody>
</table>
</div>
</div>
}
else
{
@if (!string.IsNullOrWhiteSpace(Model.NewValues))
{
<div class="card border-0 shadow-sm">
<div class="card-header bg-white border-0 py-3">
<h6 class="mb-0 fw-semibold">Notes / Detail</h6>
</div>
<div class="card-body">
<pre class="mb-0 small">@Model.NewValues</pre>
</div>
</div>
}
}
</div>
</div>
</div>