SW/SystemX.Web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[성현모] Operation 레이아웃, 페이지 설정

Browse Source
This commit is contained in:
SHM
2025-11-03 10:35:58 +09:00
parent 3ba63ccb68
commit d6c033f149
12 changed files with 302 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Projects/WebClient/Web.Operation/Components/App.razor
View File

@ -9,12 +9,16 @@
<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="Web.Operation.styles.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=search" />
<HeadOutlet />
<RadzenTheme Theme="material-dark" @rendermode="InteractiveServer" />
</head>
<body>
<Routes />
<script src="_framework/blazor.web.js"></script>
<script src="_framework/blazor.web.js"></script>
<script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
</body>
</html>

54
Projects/WebClient/Web.Operation/Components/Layout/MainLayout.razor
View File

@ -1,23 +1,41 @@
@inherits LayoutComponentBase
<div class="page">
<div class="sidebar">
<NavMenu />
</div>
<RadzenLayout>
<RadzenHeader Style="height: 5rem; font-size: 2rem;" class="rz-px-5">
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.SpaceBetween" Gap="0">
<RadzenStack Style="height: 5rem;" Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center">
<RadzenLabel Text="@($"{ApplicationName}")" />
</RadzenStack>
<div class="rz-mr-2">
<RadzenAppearanceToggle />
</div>
</RadzenStack>
</RadzenHeader>
<RadzenSidebar @bind-Expanded="@sidebarExpanded">
<RadzenPanelMenu>
<RadzenPanelMenuItem Text="Home" Icon="home" Path="/"/>
<RadzenPanelMenuItem Text="CPMeta" Icon="assignment" Path="/CpMeta"/>
</RadzenPanelMenu>
</RadzenSidebar>
<RadzenBody Style="margin:0; padding:1rem; overflow:hidden; font-size: 2rem;">
@Body
</RadzenBody>
</RadzenLayout>
<RadzenComponents @rendermode="InteractiveServer" />
<main>
<div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div>
@code {
bool sidebarExpanded = true;
string ApplicationName = string.Empty;
string Page = string.Empty;
<article class="content px-4">
@Body
</article>
</main>
</div>
protected override async Task OnInitializedAsync()
{
ApplicationName = configService?.GetConfig()?.ApplicationName;
Page = NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
}
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
private void OnClickMenu(MenuItemEventArgs args)
{
Page = args.Text;
}
}

7
Projects/WebClient/Web.Operation/Components/Pages/CPMeta.razor Normal file
View File

@ -0,0 +1,7 @@
@page "/CpMeta"
<h3>CPMeta</h3>
@code {
}

10
Projects/WebClient/Web.Operation/Components/_Imports.razor
View File

@ -8,3 +8,13 @@
@using Microsoft.JSInterop
@using Web.Operation
@using Web.Operation.Components
@using Radzen
@using Radzen.Blazor
@using SystemX.Core.Services
@using WebClient.Library.Config
@inject ConfigService<WebClientConfig> configService
@inject NavigationManager NavigationManager