* Added Syncfusion
* Changed MainPage * Added styles * Changed ScheduleOrders grid
This commit is contained in:
@@ -1,18 +1,36 @@
|
||||
@using BlazorBootstrap
|
||||
@using Syncfusion.Blazor.Navigations
|
||||
@using Syncfusion.Blazor.SplitButtons
|
||||
@using Orientation = Syncfusion.Blazor.Navigations.Orientation
|
||||
@inject NavigationManager NavigationManager
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="bb-page">
|
||||
<div class="page">
|
||||
|
||||
<Sidebar @ref="_sidebar"
|
||||
IconName="IconName.App"
|
||||
Title="FA Krosno Manager"
|
||||
DataProvider="SidebarDataProvider" />
|
||||
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>
|
||||
@@ -21,30 +39,27 @@
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private List<MenuItem> MenuItems { get; set; } = new();
|
||||
|
||||
Sidebar? _sidebar;
|
||||
IEnumerable<NavItem>? _navItems;
|
||||
|
||||
private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_navItems ??= GetNavItems();
|
||||
|
||||
return await Task.FromResult(request.ApplyTo(_navItems));
|
||||
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 IEnumerable<NavItem>? GetNavItems()
|
||||
private void OnMenuItemSelected(MenuEventArgs<MenuItem> args)
|
||||
{
|
||||
_navItems = new List<NavItem>
|
||||
{
|
||||
new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Zamówienia DELFOR", Match=NavLinkMatch.All},
|
||||
new NavItem { Id = "2", Href = "/EdiCustomerOrders", IconName = IconName.Database, Text = "Zamówienia klienta EDI"},
|
||||
new NavItem { Id = "3", Href = "/CustomerOrders", IconName = IconName.Database, Text = "Zamówienia klienta"}
|
||||
};
|
||||
|
||||
return _navItems;
|
||||
NavigationManager.NavigateTo(args.Item.Url);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
<div id="blazor-error-ui">
|
||||
An unhandled error has occurred.
|
||||
<a href="" class="reload">Reload</a>
|
||||
|
||||
Reference in New Issue
Block a user