Penry/CouchLog
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Made Navbar working and began to adapted Global Entitys List Page

Browse Source
This commit is contained in:
Henry
2026-02-26 22:27:55 +01:00
parent b316a882c5
commit 9fab942181
8 changed files with 40 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CouchLog/Components/Account/Pages/Register.razor
View File

@@ -1,4 +1,5 @@
@page "/Account/Register" @page "/Account/Register"
@layout Layout.IdentityLayout
@using System.ComponentModel.DataAnnotations @using System.ComponentModel.DataAnnotations
@using System.Text @using System.Text

14
CouchLog/Components/App.razor
View File

@@ -6,7 +6,9 @@
<base href="/" /> <base href="/" />
<link rel="stylesheet" href="@Assets["CouchLog.styles.css"]" /> <link rel="stylesheet" href="@Assets["CouchLog.styles.css"]" />
<ImportMap /> <ImportMap />
<HeadOutlet />
@* Rendermode get's hand over dynamic *@
<HeadOutlet @rendermode="RenderModeForPage" />
<!-- #MudBlazor --> <!-- #MudBlazor -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
@@ -15,8 +17,16 @@
</head> </head>
<body> <body>
<Routes/> @* Rendermode get's hand over dynamic *@
<Routes @rendermode="RenderModeForPage" />
<script src="_framework/blazor.web.js"></script> <script src="_framework/blazor.web.js"></script>
<script src="_content/MudBlazor/MudBlazor.min.js"></script> <script src="_content/MudBlazor/MudBlazor.min.js"></script>
</body> </body>
</html> </html>
@code {
[CascadingParameter]
private HttpContext HttpContext { get; set; } = default!;
private Microsoft.AspNetCore.Components.IComponentRenderMode? RenderModeForPage => HttpContext.Request.Path.StartsWithSegments("/Account") ? null : Microsoft.AspNetCore.Components.Web.RenderMode.InteractiveServer;
}

5
CouchLog/Components/Layout/IdentityLayout.razor
View File

@@ -1,8 +1,7 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
@using MudBlazor @using MudBlazor
@* Die Provider sind wichtig, um die CSS-Styles (Themes, Farben) von MudBlazor zu laden *@ <MudThemeProvider IsDarkMode="true" />
<MudThemeProvider />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />
@@ -12,4 +11,4 @@
@Body @Body
</MudContainer> </MudContainer>
</MudMainContent> </MudMainContent>
</MudLayout> </MudLayout>

8
CouchLog/Components/Layout/MainLayout.razor
View File

@@ -1,9 +1,10 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
@using MudBlazor @using MudBlazor
<MudThemeProvider /> <MudThemeProvider @bind-IsDarkMode="@_isDarkMode" />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />
<MudPopoverProvider />
<MudLayout> <MudLayout>
<MudAppBar Color="Color.Primary" Fixed="true"> <MudAppBar Color="Color.Primary" Fixed="true">
@@ -12,7 +13,7 @@
</MudAppBar> </MudAppBar>
<MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="1"> <MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="1">
<NavMenu /> @* Ihr NavMenu.razor müssen Sie später auch auf MudNavMenu umbauen *@ <NavMenu />
</MudDrawer> </MudDrawer>
<MudMainContent> <MudMainContent>
@@ -30,9 +31,10 @@
@code { @code {
bool _drawerOpen = true; bool _drawerOpen = true;
bool _isDarkMode = true;
void DrawerToggle() void DrawerToggle()
{ {
_drawerOpen = !_drawerOpen; _drawerOpen = !_drawerOpen;
} }
} }

2
CouchLog/Components/Pages/Error.razor
View File

@@ -33,4 +33,4 @@
protected override void OnInitialized() => protected override void OnInitialized() =>
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier; RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
} }

16
CouchLog/Components/Pages/GlobalList.razor
View File

@@ -15,6 +15,22 @@
<PageTitle>GlobalList</PageTitle> <PageTitle>GlobalList</PageTitle>
<MudContainer>
@*Top of the Page*@
<MudStack Row="true" AlignItems="AlignItems.Center">
@*Page Title*@
<MudText Typo="Typo.h2" Style="font-weight: bold;">Global List</MudText>
@*Spacer*@
<MudSpacer />
@*Button for adding GlobalEntity*@
<MudTooltip Text="Add GlobalEntity">
<MudFab StartIcon="@Icons.Material.Filled.Add" Color="Color.Primary"/>
</MudTooltip>
</MudStack>
</MudContainer>
<div class="container-fluid mt-4"> <div class="container-fluid mt-4">
<!-- #region CreateEntity --> <!-- #region CreateEntity -->
<div class="d-flex justify-content-between align-items-center mb-4"> <div class="d-flex justify-content-between align-items-center mb-4">

4
CouchLog/Components/Pages/Home.razor
View File

@@ -1,6 +1,6 @@
@page "/" @page "/"
@rendermode InteractiveServer
@using CouchLog.Components.Layout
@using Microsoft.AspNetCore.Authorization @using Microsoft.AspNetCore.Authorization
@attribute [Authorize] @attribute [Authorize]
@@ -9,4 +9,4 @@
<h1>Hello, world!</h1> <h1>Hello, world!</h1>
Welcome to your new app. Welcome to your new app.

2
CouchLog/Components/Routes.razor
View File

@@ -8,4 +8,4 @@
</AuthorizeRouteView> </AuthorizeRouteView>
<FocusOnNavigate RouteData="routeData" Selector="h1" /> <FocusOnNavigate RouteData="routeData" Selector="h1" />
</Found> </Found>
</Router> </Router>