Side Navigation ViewModel

Author: OluwatobiAwe

LearningHub.Nhs.WebUI/Models/SideMenu/SideNavViewModel.cs

@@ -0,0 +1,21 @@
+namespace LearningHub.Nhs.WebUI.Models.SideMenu
+{
+    using System.Collections.Generic;
+    using Microsoft.AspNetCore.Routing;
+
+    /// <summary>
+    /// Defines the <see cref="SideNavViewModel" />.
+    /// </summary>
+    public class SideNavViewModel
+    {
+        /// <summary>
+        /// Gets or sets the Groups.
+        /// </summary>
+        public List<SideNavigationGroup> Groups { get; set; } = [];
+
+        /// <summary>
+        /// Gets or sets the RouteData.
+        /// </summary>
+        public RouteValueDictionary RouteData { get; set; } = [];
+    }
+}

LearningHub.Nhs.WebUI/Models/SideMenu/SideNavigationConfiguration.cs

@@ -0,0 +1,114 @@
+namespace LearningHub.Nhs.WebUI.Models.SideMenu
+{
+    using System;
+    using System.Collections.Generic;
+    using System.Linq;
+    using Microsoft.AspNetCore.Routing;
+
+    /// <summary>
+    /// Defines the <see cref="SideNavigationConfiguration" />.
+    /// </summary>
+    public static class SideNavigationConfiguration
+    {
+        /// <summary>
+        /// GetGroupedMenus.
+        /// </summary>
+        /// <returns>IEnumerable.</returns>
+        public static IEnumerable<SideNavigationGroup> GetGroupedMenus()
+        {
+            return new List<SideNavigationGroup>
+        {
+            new SideNavigationGroup
+            {
+                GroupTitle = "Account",
+                Items = new List<SideNavigationItem>
+                {
+                    new SideNavigationItem
+                    {
+                        Text = "Personal details",
+                        Controller = "Account",
+                        Action = "PersonalDetails",
+                        IsActive = route => MatchRoute(route, "Account", "PersonalDetails"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "My employment",
+                        Controller = "Account",
+                        Action = "MyEmployment",
+                        IsActive = route => MatchRoute(route, "Account", "MyEmployment"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "Security",
+                        Controller = "Account",
+                        Action = "Security",
+                        IsActive = route => MatchRoute(route, "Account", "Security"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "Notification",
+                        Controller = "Account",
+                        Action = "Notification",
+                        IsActive = route => MatchRoute(route, "Account", "Notification"),
+                    },
+                },
+            },
+            new SideNavigationGroup
+            {
+                GroupTitle = "Activity",
+                Items = new List<SideNavigationItem>
+                {
+                    new SideNavigationItem
+                    {
+                        Text = "Recent",
+                        Controller = "Activity",
+                        Action = "Recent",
+                        IsActive = route => MatchRoute(route, "Activity", "Recent"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "Bookmark",
+                        Controller = "Activity",
+                        Action = "Bookmark",
+                        IsActive = route => MatchRoute(route, "Activity", "Bookmark"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "Certificates",
+                        Controller = "Activity",
+                        Action = "Certificates",
+                        IsActive = route => MatchRoute(route, "Activity", "Certificates"),
+                    },
+                    new SideNavigationItem
+                    {
+                        Text = "Learning history",
+                        Controller = "Activity",
+                        Action = "Learninghistory",
+                        IsActive = route => MatchRoute(route, "Activity", "Learninghistory"),
+                    },
+                },
+            },
+        };
+        }
+
+        /// <summary>
+        /// GetMenuGroupByTitle.
+        /// </summary>
+        /// <param name="title">title.</param>
+        /// <returns>string.</returns>
+        public static SideNavigationGroup? GetMenuGroupByTitle(string title)
+        {
+            return GetGroupedMenus().FirstOrDefault(g =>
+                string.Equals(g.GroupTitle, title, StringComparison.OrdinalIgnoreCase));
+        }
+
+        private static bool MatchRoute(RouteValueDictionary route, string controller, string action)
+        {
+            var currentController = route["controller"]?.ToString();
+            var currentAction = route["action"]?.ToString();
+
+            return string.Equals(currentController, controller, StringComparison.OrdinalIgnoreCase) &&
+                   string.Equals(currentAction, action, StringComparison.OrdinalIgnoreCase);
+        }
+    }
+}

LearningHub.Nhs.WebUI/Models/SideMenu/SideNavigationGroup.cs

@@ -0,0 +1,20 @@
+namespace LearningHub.Nhs.WebUI.Models.SideMenu
+{
+    using System.Collections.Generic;
+
+    /// <summary>
+    /// Defines the <see cref="SideNavigationGroup" />.
+    /// </summary>
+    public class SideNavigationGroup
+    {
+        /// <summary>
+        /// Gets or sets a value indicating GroupTitle.
+        /// </summary>
+        public string GroupTitle { get; set; } = string.Empty;
+
+        /// <summary>
+        /// Gets or sets a Items.
+        /// </summary>
+        public List<SideNavigationItem> Items { get; set; } = [];
+    }
+}

LearningHub.Nhs.WebUI/Models/SideMenu/SideNavigationItem.cs

@@ -0,0 +1,31 @@
+namespace LearningHub.Nhs.WebUI.Models.SideMenu
+{
+    using System;
+    using Microsoft.AspNetCore.Routing;
+
+    /// <summary>
+    /// Defines the <see cref="SideNavigationItem" />.
+    /// </summary>
+    public class SideNavigationItem
+    {
+        /// <summary>
+        /// Gets or sets a value indicating Text.
+        /// </summary>
+        public string Text { get; set; } = string.Empty;
+
+        /// <summary>
+        /// Gets or sets a value indicating Controller.
+        /// </summary>
+        public string Controller { get; set; } = string.Empty;
+
+        /// <summary>
+        /// Gets or sets a value indicating Action.
+        /// </summary>
+        public string Action { get; set; } = "Index";
+
+        /// <summary>
+        /// Gets or sets a value indicating IsActiven.
+        /// </summary>
+        public Func<RouteValueDictionary, bool> IsActive { get; set; }
+    }
+}

LearningHub.Nhs.WebUI/ViewComponents/SideNavViewComponent.cs

@@ -0,0 +1,36 @@
+namespace LearningHub.Nhs.WebUI.ViewComponents
+{
+    using System.Collections.Generic;
+    using System.Linq;
+    using LearningHub.Nhs.WebUI.Models.SideMenu;
+    using Microsoft.AspNetCore.Mvc;
+    using Microsoft.AspNetCore.Mvc.Rendering;
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="SideNavViewComponent"/> class.
+    /// </summary>
+    public class SideNavViewComponent : ViewComponent
+    {
+        /// <summary>
+        /// The Invoke.
+        /// </summary>
+        /// <param name="groupTitle">group Title.</param>
+        /// <returns>A representing the result of the synchronous operation.</returns>
+        public IViewComponentResult Invoke(string? groupTitle = null)
+        {
+            var routeData = this.ViewContext.RouteData.Values;
+            var groups = string.IsNullOrEmpty(groupTitle)
+                ? SideNavigationConfiguration.GetGroupedMenus().ToList()
+                : SideNavigationConfiguration.GetMenuGroupByTitle(groupTitle) is { } singleGroup
+                    ? new List<SideNavigationGroup> { singleGroup }
+                    : new List<SideNavigationGroup>();
+
+            var viewModel = new SideNavViewModel
+            {
+                Groups = groups,
+                RouteData = routeData,
+            };
+            return this.View(viewModel);
+        }
+    }
+}

LearningHub.Nhs.WebUI/Views/Shared/Components/SideNav/Default.cshtml

@@ -0,0 +1,20 @@
+@using LearningHub.Nhs.WebUI.Models.SideMenu
+@model SideNavViewModel
+
+@foreach (var group in Model.Groups)
+{
+    <ul class="nhsuk-list side-nav__list">
+        @foreach (var item in group.Items)
+        {
+            var isActive = item.IsActive?.Invoke(Model.RouteData) ?? false;
+            <li class="@(isActive ? "selected" : "")">
+                <a asp-controller="@item.Controller" asp-action="@item.Action">
+                    @item.Text
+                </a>
+            </li>
+        }
+    </ul>
+}
+
+
+@* @await Component.InvokeAsync("SideNav", new { groupTitle = "Account" }) *@