1475991fd6
M1: PageErrorBoundary wraps the body of every InteractiveServer page; the inert layout boundary is removed. m1: DisposeBridge cancels its CTS when the 5 s wait times out. m2: a CSV import that commits after the modal closed still raises OnSaved. m3: document SecurityMode=None no-fallback in Client.CLI.md / Client.UI.md. m4: browsePageDelayMs written only when loaded or changed; negative flagged. Claude-Session: https://claude.ai/code/session_01Ef2ozxS7QPanGT8uoATbTe
42 lines
1.3 KiB
Plaintext
42 lines
1.3 KiB
Plaintext
@page "/dev/context-menu-demo"
|
|
@* Dev-only host page to live-verify the reusable ContextMenu component. *@
|
|
@attribute [Authorize(Policy = AdminUiPolicies.AuthenticatedRead)]
|
|
@rendermode InteractiveServer
|
|
|
|
<PageErrorBoundary>
|
|
<PageTitle>ContextMenu demo</PageTitle>
|
|
|
|
<h1>ContextMenu demo</h1>
|
|
<p>Right-click the card below, or use the <strong>⋯</strong> button.</p>
|
|
|
|
<div style="display:flex; align-items:center; gap:1rem; margin:1rem 0;">
|
|
<ContextMenu Items="_items" ShowEllipsis="false">
|
|
<div style="padding:2rem 3rem; border:1px dashed var(--bs-border-color); border-radius:.5rem; user-select:none;">
|
|
Right-click me
|
|
</div>
|
|
</ContextMenu>
|
|
|
|
<ContextMenu Items="_items" ShowEllipsis="true" />
|
|
</div>
|
|
|
|
<p>Last action: <strong>@_lastAction</strong></p>
|
|
</PageErrorBoundary>
|
|
|
|
@code {
|
|
private string _lastAction = "(none)";
|
|
|
|
private IReadOnlyList<ContextMenuItem> _items => new List<ContextMenuItem>
|
|
{
|
|
new() { Label = "Edit", Icon = "✏️", OnClick = () => Set("Edit") },
|
|
new() { Label = "Duplicate", Icon = "📄", OnClick = () => Set("Duplicate") },
|
|
ContextMenuItem.Separator(),
|
|
new() { Label = "Delete", Icon = "🗑️", Disabled = true, OnClick = () => Set("Delete") },
|
|
};
|
|
|
|
private Task Set(string action)
|
|
{
|
|
_lastAction = action;
|
|
return Task.CompletedTask;
|
|
}
|
|
}
|