9 changed files with 14656 additions and 13622 deletions
@ -0,0 +1,29 @@ |
|||
@using Biskilog_Accounting.Client.Models; |
|||
@if (Item.Children.Count == 0) |
|||
{ |
|||
<li class="menu-item @(Item.Id == ActiveId ? "active":"")" @onclick="(() => ItemClick(Item.Id))"> |
|||
<a href="@Item.Link" class="menu-link"> |
|||
<i class="menu-icon tf-icons bx @Item.Icon"></i> |
|||
<div data-i18n="Analytics">@Item.Title</div> |
|||
</a> |
|||
</li> |
|||
} |
|||
else |
|||
{ |
|||
<li class="menu-item @m_expand @(Item.Children.Any(a => a.Id == ActiveId) ? "active":"")" @onclick="Toggle"> |
|||
<a href="javascript:void(0);" class="menu-link menu-toggle"> |
|||
<i class="menu-icon tf-icons bx @Item.Icon"></i> |
|||
<div data-i18n="Form Elements">@Item.Title</div> |
|||
</a> |
|||
<ul class="menu-sub"> |
|||
@foreach (NavItem navItem in Item.Children) |
|||
{ |
|||
<li class="menu-item @(navItem.Id == ActiveId ? "active":"")" @onclick:stopPropagation="true" @onclick="(() => ItemClick(navItem.Id))"> |
|||
<a href="@navItem.Link" class="menu-link"> |
|||
<div data-i18n="Basic Inputs">@navItem.Title</div> |
|||
</a> |
|||
</li> |
|||
} |
|||
</ul> |
|||
</li> |
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
using Biskilog_Accounting.Client.Models; |
|||
using Microsoft.AspNetCore.Components; |
|||
using System.Linq; |
|||
|
|||
namespace Biskilog_Accounting.Client.Elements |
|||
{ |
|||
public partial class MenuItem |
|||
{ |
|||
[Parameter] |
|||
public NavItem Item { get; set; } |
|||
[Parameter] |
|||
public double ActiveId { get; set; } |
|||
[Parameter] |
|||
public EventCallback<double> ActiveChanged { get; set; } |
|||
private string m_expand { get; set; } = string.Empty; |
|||
|
|||
protected override void OnParametersSet() |
|||
{ |
|||
//Collapse expanded parents if none of its child is active
|
|||
if (!Item.Children.Any(i => i.Id == ActiveId)) |
|||
{ |
|||
m_expand = string.Empty; |
|||
} |
|||
base.OnParametersSet(); |
|||
} |
|||
private void Toggle() |
|||
{ |
|||
if (String.IsNullOrEmpty(m_expand)) |
|||
{ |
|||
m_expand = "menu-item-animating open"; |
|||
} |
|||
else |
|||
{ |
|||
m_expand = ""; |
|||
} |
|||
} |
|||
|
|||
private void ItemClick(double a_id) |
|||
{ |
|||
ActiveId = a_id; |
|||
ActiveChanged.InvokeAsync(a_id); |
|||
} |
|||
|
|||
} |
|||
} |
|||
@ -0,0 +1,111 @@ |
|||
namespace Biskilog_Accounting.Client.Models |
|||
{ |
|||
/// <summary>
|
|||
/// Structure of the sidebar navigation menu items
|
|||
/// </summary>
|
|||
public class NavItem |
|||
{ |
|||
/// <summary>
|
|||
/// The unique id of the menu item
|
|||
/// </summary>
|
|||
public double Id { get; set; } |
|||
/// <summary>
|
|||
/// The title of the menu item to display
|
|||
/// </summary>
|
|||
public string Title { get; set; } = string.Empty; |
|||
/// <summary>
|
|||
/// The description of the menu item or description of the content of the page
|
|||
/// </summary>
|
|||
public string Description { get; set; } = string.Empty; |
|||
/// <summary>
|
|||
/// The link to open the specified page tied to the menu item
|
|||
/// </summary>
|
|||
public string Link { get; set; } = string.Empty; |
|||
/// <summary>
|
|||
/// The icon of the menu item
|
|||
/// </summary>
|
|||
public string Icon { get; set; } = string.Empty; |
|||
/// <summary>
|
|||
/// Children or sub menu item
|
|||
/// </summary>
|
|||
public List<NavItem> Children { get; set; } = new List<NavItem>(); |
|||
} |
|||
/// <summary>
|
|||
/// Contains the list of menu Items
|
|||
/// </summary>
|
|||
public static class Menu |
|||
{ |
|||
public static IEnumerable<NavItem> MenuList() |
|||
{ |
|||
var menuItems = new List<NavItem>{ |
|||
new NavItem() |
|||
{ |
|||
Id = 1, |
|||
Description = "Analytics page", |
|||
Icon = "bx-home-circle", |
|||
Link = "", |
|||
Title = "Dashboard" |
|||
}, |
|||
new NavItem() |
|||
{ |
|||
Id = 2, |
|||
Description = "Customers", |
|||
Icon = "bx-users", |
|||
Link = "customers", |
|||
Title = "Customers" |
|||
}, |
|||
new NavItem() |
|||
{ |
|||
Id = 3, |
|||
Description = "Employees", |
|||
Icon = "bx-users", |
|||
Link = "employees", |
|||
Title = "Employees" |
|||
}, |
|||
new NavItem() |
|||
{ |
|||
Id = 4, |
|||
Description = "Products", |
|||
Icon = "bx-box", |
|||
Link = "", |
|||
Title = "Products", |
|||
Children = new List<NavItem> |
|||
{ |
|||
new NavItem |
|||
{ |
|||
Id = 4.1, |
|||
Description = "Inventory", |
|||
Title = "Inventory" |
|||
}, |
|||
new NavItem |
|||
{ |
|||
Id = 4.2, |
|||
Description = "Inventory", |
|||
Title = "Bulk Price Changes" |
|||
}, |
|||
new NavItem |
|||
{ |
|||
Id = 4.3, |
|||
Description = "Inventory", |
|||
Title = "Products Statistics", |
|||
Icon = "bx-detail" |
|||
} |
|||
} |
|||
}, |
|||
}; |
|||
|
|||
var uniqueIds = new HashSet<double>(); |
|||
|
|||
//Validates list to check if there are no duplicate Ids
|
|||
foreach (var menuItem in menuItems) |
|||
{ |
|||
if (!uniqueIds.Add(menuItem.Id)) |
|||
{ |
|||
throw new Exception($"Duplicate Id found: {menuItem.Id}"); |
|||
} |
|||
} |
|||
|
|||
return menuItems; |
|||
} |
|||
} |
|||
} |
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue