nav: highlight active page with active class and aria-current
Add PageHelpers.ActivePage extension and apply it to top-level nav items and the Account/Register + Account/Signin items in _LoginPartial, so the current route gets the active class and aria-current="page" for accessibility.
This commit is contained in:
parent
f055ac45df
commit
325cb339fd
3 changed files with 45 additions and 6 deletions
|
|
@ -1,12 +1,51 @@
|
|||
using System;
|
||||
using System.Collections.Generic;
|
||||
using Microsoft.AspNetCore.Html;
|
||||
using Microsoft.AspNetCore.Mvc.Rendering;
|
||||
using Microsoft.AspNetCore.Mvc.ViewFeatures;
|
||||
using Microsoft.Extensions.Localization;
|
||||
|
||||
namespace Yavsc.Server.Helpers
|
||||
{
|
||||
public static class PageHelpers
|
||||
{
|
||||
/// <summary>
|
||||
/// Returns "active" aria-current="page" when the current route matches the given
|
||||
/// controller/action, otherwise an empty string. Use as an attribute value
|
||||
/// inside a <a class="nav-link @..."> element.
|
||||
/// Pass an empty controller (or "Home" with action "Index") to match the site root.
|
||||
/// </summary>
|
||||
public static IHtmlContent ActivePage(this ViewContext viewContext, string controller, string action = null)
|
||||
{
|
||||
var route = viewContext?.RouteData.Values;
|
||||
if (route == null) return HtmlString.Empty;
|
||||
|
||||
var currentController = route["controller"] as string;
|
||||
var currentAction = route["action"] as string;
|
||||
|
||||
// Normalize: empty or "Home" + ("Index" or null) both target the site root.
|
||||
bool isHome = string.IsNullOrEmpty(controller)
|
||||
|| (string.Equals(controller, "Home", StringComparison.Ordinal)
|
||||
&& (action == null || string.Equals(action, "Index", StringComparison.Ordinal)));
|
||||
|
||||
bool isCurrent;
|
||||
if (isHome)
|
||||
{
|
||||
isCurrent = string.IsNullOrEmpty(currentController)
|
||||
|| string.Equals(currentController, "Home", StringComparison.Ordinal)
|
||||
&& (currentAction == null || string.Equals(currentAction, "Index", StringComparison.Ordinal));
|
||||
}
|
||||
else
|
||||
{
|
||||
isCurrent = string.Equals(currentController, controller, StringComparison.Ordinal)
|
||||
&& (action == null || string.Equals(currentAction, action, StringComparison.Ordinal));
|
||||
}
|
||||
|
||||
return isCurrent
|
||||
? (IHtmlContent)new HtmlString("active\" aria-current=\"page")
|
||||
: HtmlString.Empty;
|
||||
}
|
||||
|
||||
public static List<SelectListItem> CreateSelectListItems<T> (this IStringLocalizer<T> localisation, Type enumType, object selectedValue =null)
|
||||
{
|
||||
string selectedName = (selectedValue != null) ? enumType.GetEnumName(selectedValue) : null;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue