56 lines
1.9 KiB
Plaintext
56 lines
1.9 KiB
Plaintext
@using Syncfusion.Blazor.Navigations
|
|
@using Syncfusion.Blazor.SplitButtons
|
|
@using Orientation = Syncfusion.Blazor.Navigations.Orientation
|
|
@inject NavigationManager NavigationManager
|
|
@inherits LayoutComponentBase
|
|
|
|
<div class="page h-100">
|
|
<main class="container-fluid d-flex flex-column h-100">
|
|
<div class="bb-top-row px-4 d-flex justify-content-between align-items-center mb-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="logo.svg" class="me-2" width="35" height="35" alt="Icon">
|
|
<span>FA Krosno Manager</span>
|
|
</div>
|
|
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
|
|
</div>
|
|
<div class="row gx-1 flex-grow-1">
|
|
<div class="col-auto custom-menu-width mb-3">
|
|
<SfMenu HamburgerMode="true" Title="FA Krosno Manager" Items="@MenuItems"
|
|
Orientation="Orientation.Vertical" CssClass="custom-menu">
|
|
<MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
|
|
<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
|
|
</SfMenu>
|
|
</div>
|
|
<article class="content col d-flex flex-column">
|
|
<div class="py-2 flex-grow-1">@Body</div>
|
|
</article>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
|
|
@code {
|
|
private List<MenuItem> MenuItems { get; set; } = new();
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
MenuItems = new List<MenuItem>
|
|
{
|
|
new() { Text = "Zamówienia DELFOR", Url = "/", IconCss = "fa-solid fa-landmark" },
|
|
new() { Text = "Zamówienia klienta EDI", Url = "/EdiCustomerOrders", IconCss = "fa-solid fa-list-check" },
|
|
new() { Text = "Zamówienia klienta", Url = "/CustomerOrders", IconCss = "fa-solid fa-database" }
|
|
};
|
|
}
|
|
|
|
private void OnMenuItemSelected(MenuEventArgs<MenuItem> args)
|
|
{
|
|
NavigationManager.NavigateTo(args.Item.Url);
|
|
}
|
|
|
|
}
|
|
|
|
<div id="blazor-error-ui">
|
|
An unhandled error has occurred.
|
|
<a href="" class="reload">Reload</a>
|
|
<a class="dismiss">🗙</a>
|
|
</div> |