sqlinsight-pro/src/SQLInsight.Web/Components/Shared/Icon.razor
Søren Eggert Lundsteen Olsen cc71fb12c6 Menu in foldable groups
The web menu is grouped with details/summary (no script, CSP safe):
Overvågning, Analyse, Konfiguration og sikkerhed, Rapporter, Dynamics AX
(hidden until a database is recognised as AX), Support, System and
Community. The group holding the current page is open, including pages
under /instanser/{navn}/. Per-instance entries go through /vaelg/{side}
(straight to the instance when there is only one). On narrow screens
the whole menu folds behind a "Menu" checkbox toggle.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-10-02 09:17:43 +02:00

55 lines
2.3 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@* Simple stroke icons (24×24, currentColor). *@
<svg class="icon" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@switch (Name)
{
case "servers":
<rect x="3" y="4" width="18" height="7" rx="2" /><rect x="3" y="13" width="18" height="7" rx="2" /><path d="M7 7.5h.01M7 16.5h.01" />
break;
case "alert":
<path d="M12 3 2 20h20L12 3Z" /><path d="M12 10v4M12 17h.01" />
break;
case "list":
<path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" />
break;
case "book":
<path d="M4 5a2 2 0 0 1 2-2h14v16H6a2 2 0 0 0-2 2V5Z" /><path d="M4 19a2 2 0 0 1 2-2h14" />
break;
case "users":
<circle cx="9" cy="8" r="3.5" /><path d="M2.5 20a6.5 6.5 0 0 1 13 0" /><path d="M16 4.5a3.5 3.5 0 0 1 0 7M18 14a6.5 6.5 0 0 1 3.5 6" />
break;
case "support":
<circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="4" /><path d="m5.6 5.6 3.6 3.6M14.8 14.8l3.6 3.6M18.4 5.6l-3.6 3.6M9.2 14.8l-3.6 3.6" />
break;
case "moon":
<path d="M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5Z" />
break;
case "unplug":
<path d="m2 22 5-5M9 7 7 9a5 5 0 0 0 7 7l2-2M15 17l2 2M7 9 5 7M13 3l-2 2M21 11l-2 2M15 9l6-6" />
break;
case "gauge":
<path d="M12 14 16 10" /><path d="M3.5 18a9.5 9.5 0 1 1 17 0" />
break;
case "chart":
<path d="M3 3v18h18" /><path d="m7 15 4-4 3 3 5-6" />
break;
case "shield":
<path d="M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3Z" />
break;
case "home":
<path d="m3 11 9-8 9 8" /><path d="M5 10v10h14V10" />
break;
case "cube":
<path d="m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z" /><path d="m4 7.5 8 4.5 8-4.5M12 12v9" />
break;
case "chevron":
<path d="m9 6 6 6-6 6" />
break;
default:
<circle cx="12" cy="12" r="9" />
break;
}
</svg>
@code {
[Parameter, EditorRequired] public string Name { get; set; } = string.Empty;
}