maliming
2 years ago
|
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 187 KiB After Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 78 KiB |
@ -1,61 +1,67 @@ |
|||
@using Volo.Abp.UI.Navigation |
|||
@using Volo.Abp.UI.Navigation |
|||
@{ |
|||
var elementId = MenuItem.ElementId ?? "MenuItem_" + MenuItem.Name.Replace(".", "_"); |
|||
var cssClass = string.IsNullOrEmpty(MenuItem.CssClass) ? string.Empty : MenuItem.CssClass; |
|||
var disabled = MenuItem.IsDisabled ? "disabled" : string.Empty; |
|||
var url = MenuItem.Url == null ? "#" : MenuItem.Url.TrimStart('/', '~'); |
|||
var customComponentType = MenuItem.GetComponentTypeOrDefault(); |
|||
} |
|||
@if (MenuItem.IsLeaf) |
|||
|
|||
@if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else if (MenuItem.Url != null) |
|||
{ |
|||
<li class="nav-item @cssClass @disabled" id="@elementId"> |
|||
<a class="nav-link" href="@url" target="@MenuItem.Target"> |
|||
@if (MenuItem.Icon != null) |
|||
{ |
|||
if (MenuItem.Icon.StartsWith("fa")) |
|||
{ |
|||
<i class="@MenuItem.Icon me-1"></i> |
|||
} |
|||
} |
|||
@MenuItem.DisplayName |
|||
</a> |
|||
</li> |
|||
} |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else |
|||
{ |
|||
<li class="nav-item"> |
|||
<div class="dropdown"> |
|||
@if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else |
|||
{ |
|||
<a class="nav-link dropdown-toggle" @onclick="ToggleSubMenu" id="Menu_@(MenuItem.Name)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
|||
@if (MenuItem.Icon != null) |
|||
{ |
|||
if (MenuItem.Icon.StartsWith("fa")) |
|||
<Dropdown @ref="_dropdown" |
|||
Class="@(string.IsNullOrEmpty(MenuItem.CssClass) ? string.Empty : MenuItem.CssClass)" |
|||
ElementId="@(MenuItem.ElementId ?? "MenuItem_" + MenuItem.Name.Replace(".", "_"))" |
|||
Disabled="MenuItem.IsDisabled"> |
|||
<DropdownToggle ToggleIconVisible="false"> |
|||
<ChildContent> |
|||
@if (MenuItem.Url != null) |
|||
{ |
|||
var url = MenuItem.Url == null ? "#" : MenuItem.Url.TrimStart('/', '~'); |
|||
<a class="text-white text-decoration-none" href="@url" target="@MenuItem.Target"> |
|||
@if (MenuItem.Icon != null && MenuItem.Icon.StartsWith("fa")) |
|||
{ |
|||
<i class="@MenuItem.Icon me-1"></i> |
|||
} |
|||
} |
|||
@MenuItem.DisplayName |
|||
</a> |
|||
} |
|||
|
|||
<div class="dropdown-menu border-0 shadow-sm @(IsSubMenuOpen ? "show" : "")" aria-labelledby="Menu_@(MenuItem.Name)"> |
|||
@foreach (var childMenuItem in MenuItem.Items) |
|||
@MenuItem.DisplayName |
|||
</a> |
|||
} |
|||
else |
|||
{ |
|||
<SecondLevelNavMenuItem MenuItem="childMenuItem" /> |
|||
<a class="text-white text-decoration-none dropdown-toggle"> |
|||
@if (MenuItem.Icon != null) |
|||
{ |
|||
if (MenuItem.Icon.StartsWith("fa")) |
|||
{ |
|||
<i class="@MenuItem.Icon me-1"></i> |
|||
} |
|||
} |
|||
@MenuItem.DisplayName |
|||
</a> |
|||
} |
|||
</ChildContent> |
|||
</DropdownToggle> |
|||
<DropdownMenu> |
|||
@foreach (var item in MenuItem.Items) |
|||
{ |
|||
if (item.Items.Any()) |
|||
{ |
|||
<SecondLevelNavMenuItem MenuItem="item" ParentDropdown="_dropdown" /> |
|||
} |
|||
</div> |
|||
</div> |
|||
</li> |
|||
else |
|||
{ |
|||
var itemUrl = item.Url == null ? "#" : item.Url.TrimStart('/', '~'); |
|||
<a class="text-black text-decoration-none" href="@itemUrl"> |
|||
@if (item.Icon != null) |
|||
{ |
|||
<i class="@item.Icon me-1"></i> |
|||
} |
|||
<span> |
|||
@item.DisplayName |
|||
</span> |
|||
</a> |
|||
} |
|||
} |
|||
</DropdownMenu> |
|||
</Dropdown> |
|||
} |
|||
|
|||
@ -1,55 +1,48 @@ |
|||
@using Volo.Abp.UI.Navigation |
|||
@using Volo.Abp.UI.Navigation |
|||
@{ |
|||
var elementId = MenuItem.ElementId ?? "MenuItem_" + MenuItem.Name.Replace(".", "_"); |
|||
var cssClass = string.IsNullOrEmpty(MenuItem.CssClass) ? string.Empty : MenuItem.CssClass; |
|||
var disabled = MenuItem.IsDisabled ? "disabled" : string.Empty; |
|||
var url = MenuItem.Url == null ? "#" : MenuItem.Url.TrimStart('/', '~'); |
|||
var customComponentType = MenuItem.GetComponentTypeOrDefault(); |
|||
} |
|||
@if (MenuItem.IsLeaf) |
|||
|
|||
@if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else if (MenuItem.Url != null) |
|||
{ |
|||
<a class="dropdown-item @cssClass @disabled" href="@url" target="@MenuItem.Target" id="@elementId"> |
|||
@if (MenuItem.Icon != null) |
|||
{ |
|||
<i class="@MenuItem.Icon me-1"></i> |
|||
} |
|||
<span> |
|||
@MenuItem.DisplayName |
|||
</span> |
|||
</a> |
|||
} |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else |
|||
{ |
|||
<div class="dropdown-submenu"> |
|||
@if (customComponentType != null && typeof(ComponentBase).IsAssignableFrom(customComponentType)) |
|||
{ |
|||
<DynamicComponent Type="@customComponentType" /> |
|||
} |
|||
else |
|||
{ |
|||
<a role="button" @onclick="ToggleSubMenu" class="btn dropdown-toggle" data-toggle="dropdown" |
|||
aria-haspopup="true" aria-expanded="false"> |
|||
@if (MenuItem.Icon != null) |
|||
<Dropdown @ref="_dropdown" |
|||
Class="@(string.IsNullOrEmpty(MenuItem.CssClass) ? string.Empty : MenuItem.CssClass)" |
|||
ElementId="@(MenuItem.ElementId ?? "MenuItem_" + MenuItem.Name.Replace(".", "_"))" |
|||
Disabled="MenuItem.IsDisabled"> |
|||
<DropdownToggle Class="me-3"> |
|||
<ChildContent> |
|||
@if (MenuItem.Icon != null && MenuItem.Icon.StartsWith("fa")) |
|||
{ |
|||
<i class="@MenuItem.Icon me-1"></i> |
|||
} |
|||
<span> |
|||
@MenuItem.DisplayName |
|||
</span> |
|||
</a> |
|||
} |
|||
<div class="dropdown-menu border-0 shadow-sm @(IsSubMenuOpen ? "show" : "")"> |
|||
@foreach (var childMenuItem in MenuItem.Items) |
|||
@MenuItem.DisplayName |
|||
</ChildContent> |
|||
</DropdownToggle> |
|||
<DropdownMenu> |
|||
@foreach (var item in MenuItem.Items) |
|||
{ |
|||
<SecondLevelNavMenuItem MenuItem="@childMenuItem"/> |
|||
if (item.Items.Any()) |
|||
{ |
|||
<SecondLevelNavMenuItem MenuItem="item" ParentDropdown="_dropdown"/> |
|||
} |
|||
else |
|||
{ |
|||
var itemUrl = item.Url == null ? "#" : item.Url.TrimStart('/', '~'); |
|||
<a class="text-black text-decoration-none" href="@itemUrl"> |
|||
@if (item.Icon != null) |
|||
{ |
|||
<i class="@item.Icon me-1"></i> |
|||
} |
|||
<span> |
|||
@item.DisplayName |
|||
</span> |
|||
</a> |
|||
} |
|||
} |
|||
</div> |
|||
</div> |
|||
} |
|||
</DropdownMenu> |
|||
</Dropdown> |
|||
} |
|||
|
|||