11@inherits LayoutComponentBase
2- @using DiagramBlazorApp .Services
3- @inject NavigationManager NavigationManager
4- @inject DxThemesService ThemesService
52
6- <div class =" page" >
7- <Drawer DrawerHeader =" drawerHeader" DrawerFooter =" drawerFooter" >
8- <DrawerBody >
9- <div class =" w-100" >
10- <NavMenu ></NavMenu >
11- </div >
12- </DrawerBody >
13- <DrawerTarget >
14- <div class =" nav-buttons-container" >
15- <NavLink href =" @UrlGenerator.GetUrl(new Uri(NavigationManager.Uri).LocalPath, !ToggledSidebar)" >
16- <DxButton RenderStyle =" @(ThemesService.IsActiveThemeDark ? ButtonRenderStyle.Light : ButtonRenderStyle.Dark)" RenderStyleMode =" @ButtonRenderStyleMode.Text" CssClass =" menu-button" IconCssClass =" icon icon-menu" ></DxButton >
17- </NavLink >
18- @if (new Uri (NavigationManager .Uri ).LocalPath != " /" ) {
19- < NavLink href = " @UrlGenerator.GetUrl(" / " , ToggledSidebar)" class = " button-link hidden" >
20- < DxButton RenderStyle = " @(ThemesService.IsActiveThemeDark ? ButtonRenderStyle.Light : ButtonRenderStyle.Dark)" Text = " Back to Home" RenderStyleMode = " @ButtonRenderStyleMode.Text" CssClass = " menu-button-nav" IconCssClass = " icon icon-back" >< / DxButton >
21- < / NavLink >
22- }
23- </div >
24- <div class =" p-4" >
25- @Body
26- </div >
27- </DrawerTarget >
28- </Drawer >
29- </div >
30-
31- @code {
32- [SupplyParameterFromQuery (Name = UrlGenerator .ToggleSidebarName )]
33- public bool ToggledSidebar { get ; set ; }
34-
35- private RenderFragment drawerHeader => @< div class = " navigation-drawer-header" >
36- < img class = " logo" src = " images/logo.svg" alt = " DevExpress logo" / >
37- < NavLink href = " @UrlGenerator.GetUrl(new Uri(NavigationManager.Uri).LocalPath, !ToggledSidebar)" >
38- < DxButton RenderStyle = " @(ThemesService.IsBootstrapDarkActive ? ButtonRenderStyle.Dark : ButtonRenderStyle.Light)" RenderStyleMode = " @ButtonRenderStyleMode.Text" CssClass = " menu-button-nav" IconCssClass = " @(ToggledSidebar ? " icon icon - close " : " icon icon - menu " )" >< / DxButton >
39- < / NavLink >
40- < / div > ;
41-
42- private RenderFragment drawerFooter => @< div >
43- < NavLink href = " https://docs.devexpress.com/Blazor/400725/blazor-components" class = " button-link" >
44- < DxButton Text = " Docs" RenderStyleMode = " @ButtonRenderStyleMode.Text" CssClass = " footer-button" RenderStyle = " ButtonRenderStyle.Light" IconCssClass = " icon docs-icon" >< / DxButton >
45- < / NavLink >
46- < NavLink href = " https://demos.devexpress.com/blazor/" class = " button-link" >
47- < DxButton Text = " Demos" RenderStyleMode = " @ButtonRenderStyleMode.Text" CssClass = " footer-button" RenderStyle = " ButtonRenderStyle.Light" IconCssClass = " icon demos-icon" >< / DxButton >
48- < / NavLink >
49- < / div > ;
50-
51-
52- }
3+ @Body
0 commit comments