Files
FA_WEB/OrdersManagement/Components/Layout/MainLayout.razor
Piotr Kus 8146ee189e * Added Syncfusion
* Changed MainPage
* Added styles
* Changed ScheduleOrders grid
2025-02-03 21:30:26 +01:00

67 lines
2.3 KiB
Plaintext

@using Syncfusion.Blazor.Navigations
@using Syncfusion.Blazor.SplitButtons
@using Orientation = Syncfusion.Blazor.Navigations.Orientation
@inject NavigationManager NavigationManager
@inherits LayoutComponentBase
<div class="page">
<Sidebar @ref="_sidebar"
IconName="IconName.App"
Title="FA Krosno Manager">
<SfMenu Items="@MenuItems" Orientation="Orientation.Vertical">
<MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
</SfMenu>
</Sidebar>
@* <SfSidebar Width="300px" IsOpen="true" Type="SidebarType.Push" Position="SidebarPosition.Left"> *@
@* <ChildContent> *@
@* <div class="top-row"> *@
@* <h3 class="sidebar-title">FA Krosno Manager</h3> *@
@* </div> *@
@* <SfMenu Items="@MenuItems" Orientation="Orientation.Vertical"> *@
@* <MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents> *@
@* <MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings> *@
@* </SfMenu> *@
@* </ChildContent> *@
@* </SfSidebar> *@
<main>
<div class="bb-top-row px-4 d-flex justify-content-end">
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>
<article class="content px-4">
<div class="py-2">@Body</div>
</article>
</main>
</div>
@code {
private List<MenuItem> MenuItems { get; set; } = new();
Sidebar? _sidebar;
protected override void OnInitialized()
{
MenuItems = new List<MenuItem>
{
new() { Text = "Zamówienia DELFOR", Url = "/", IconCss = "fas fa-home" },
new() { Text = "Zamówienia klienta EDI", Url = "/EdiCustomerOrders", IconCss = "fas fa-database" },
new() { Text = "Zamówienia klienta", Url = "/CustomerOrders", IconCss = "fas 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>