Ajout d'un menu general en haut du site
This commit is contained in:
112
ChessCubing.App/Components/SiteMenu.razor
Normal file
112
ChessCubing.App/Components/SiteMenu.razor
Normal file
@@ -0,0 +1,112 @@
|
||||
@using System.Security.Claims
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<div class="site-menu-shell">
|
||||
<header class="site-menu-bar">
|
||||
<div class="site-menu-main">
|
||||
<a class="site-menu-brand" href="index.html" aria-label="Accueil ChessCubing">
|
||||
<img class="site-menu-brand-icon" src="logo.png" alt="Icone ChessCubing" />
|
||||
<span class="site-menu-brand-copy">
|
||||
<span class="micro-label">ChessCubing Arena</span>
|
||||
<strong>Menu general</strong>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<nav class="site-menu-links" aria-label="Navigation principale">
|
||||
<a class="@BuildNavLinkClass(HomePaths)" href="index.html" aria-current="@BuildAriaCurrent(HomePaths)">Accueil</a>
|
||||
<a class="@BuildNavLinkClass(ApplicationPaths)" href="application.html" aria-current="@BuildAriaCurrent(ApplicationPaths)">Application</a>
|
||||
<a class="@BuildNavLinkClass(RulesPaths)" href="reglement.html" aria-current="@BuildAriaCurrent(RulesPaths)">Reglement</a>
|
||||
</nav>
|
||||
|
||||
<AuthorizeView>
|
||||
<Authorized Context="authState">
|
||||
<div class="site-menu-account">
|
||||
<span class="micro-label">Compte Keycloak</span>
|
||||
<div class="site-menu-account-panel">
|
||||
<div class="site-menu-user">
|
||||
<strong>@BuildDisplayName(authState.User)</strong>
|
||||
<span>@BuildMeta(authState.User)</span>
|
||||
</div>
|
||||
<a class="button ghost small" href="@LogoutHref">Se deconnecter</a>
|
||||
</div>
|
||||
</div>
|
||||
</Authorized>
|
||||
<Authorizing>
|
||||
<div class="site-menu-account">
|
||||
<span class="micro-label">Compte Keycloak</span>
|
||||
<div class="site-menu-account-actions">
|
||||
<a class="button secondary small" href="@LoginHref">Se connecter</a>
|
||||
<a class="button ghost small" href="@RegisterHref">Creer un compte</a>
|
||||
</div>
|
||||
</div>
|
||||
</Authorizing>
|
||||
<NotAuthorized>
|
||||
<div class="site-menu-account">
|
||||
<span class="micro-label">Compte Keycloak</span>
|
||||
<div class="site-menu-account-actions">
|
||||
<a class="button secondary small" href="@LoginHref">Se connecter</a>
|
||||
<a class="button ghost small" href="@RegisterHref">Creer un compte</a>
|
||||
</div>
|
||||
</div>
|
||||
</NotAuthorized>
|
||||
</AuthorizeView>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private static readonly string[] HomePaths = ["", "index.html"];
|
||||
private static readonly string[] ApplicationPaths = ["application", "application.html"];
|
||||
private static readonly string[] RulesPaths = ["reglement", "reglement.html"];
|
||||
|
||||
private string LoginHref => BuildAuthHref("login", EffectiveReturnUrl);
|
||||
private string RegisterHref => BuildAuthHref("register", EffectiveReturnUrl);
|
||||
private string LogoutHref => BuildAuthHref("logout", "/");
|
||||
|
||||
private string CurrentPath
|
||||
{
|
||||
get
|
||||
{
|
||||
var absolutePath = new Uri(Navigation.Uri).AbsolutePath;
|
||||
return absolutePath.Trim('/');
|
||||
}
|
||||
}
|
||||
|
||||
private string EffectiveReturnUrl
|
||||
{
|
||||
get
|
||||
{
|
||||
var absolutePath = new Uri(Navigation.Uri).AbsolutePath;
|
||||
if (absolutePath.StartsWith("/authentication/", StringComparison.OrdinalIgnoreCase))
|
||||
{
|
||||
return "/";
|
||||
}
|
||||
|
||||
return string.IsNullOrWhiteSpace(absolutePath)
|
||||
? "/"
|
||||
: absolutePath;
|
||||
}
|
||||
}
|
||||
|
||||
private string BuildNavLinkClass(string[] paths)
|
||||
=> IsCurrentPage(paths) ? "site-menu-link is-active" : "site-menu-link";
|
||||
|
||||
private string? BuildAriaCurrent(string[] paths)
|
||||
=> IsCurrentPage(paths) ? "page" : null;
|
||||
|
||||
private bool IsCurrentPage(string[] paths)
|
||||
=> paths.Any(path => string.Equals(CurrentPath, path, StringComparison.OrdinalIgnoreCase));
|
||||
|
||||
private static string BuildAuthHref(string action, string returnUrl)
|
||||
=> $"authentication/{action}?returnUrl={Uri.EscapeDataString(returnUrl)}";
|
||||
|
||||
private static string BuildDisplayName(ClaimsPrincipal user)
|
||||
=> user.Identity?.Name
|
||||
?? user.FindFirst("name")?.Value
|
||||
?? user.FindFirst("preferred_username")?.Value
|
||||
?? "Utilisateur connecte";
|
||||
|
||||
private static string BuildMeta(ClaimsPrincipal user)
|
||||
=> user.FindFirst("email")?.Value
|
||||
?? "Session active";
|
||||
}
|
||||
Reference in New Issue
Block a user