kevin/ImperialRecruitment
1
0
Fork 0
Code

Install MudBlazor and add button with snackbar for testing.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-07-05 22:11:59 +02:00
parent 0f953961ad
commit b31c0ceed5
6 changed files with 47 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
IR.Blazor/Components/App.razor
View File

@ -9,12 +9,15 @@
<link rel="stylesheet" href="@Assets["IR.Blazor.styles.css"]" /> <link rel="stylesheet" href="@Assets["IR.Blazor.styles.css"]" />
<ImportMap /> <ImportMap />
<link rel="icon" type="image/png" href="favicon.png" /> <link rel="icon" type="image/png" href="favicon.png" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<link href="@Assets["_content/MudBlazor/MudBlazor.min.css"]" rel="stylesheet" />
<HeadOutlet @rendermode="InteractiveServer"/> <HeadOutlet @rendermode="InteractiveServer"/>
</head> </head>
<body> <body>
<Routes @rendermode="InteractiveServer"/> <Routes @rendermode="InteractiveServer"/>
<script src="_framework/blazor.web.js"></script> <script src="_framework/blazor.web.js"></script>
<script src="@Assets["_content/MudBlazor/MudBlazor.min.js"]"></script>
</body> </body>
</html> </html>

10
IR.Blazor/Components/Layout/MainLayout.razor
View File

@ -1,5 +1,15 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
@* Required *@
<MudThemeProvider />
<MudPopoverProvider />
@* Needed for dialogs *@
<MudDialogProvider />
@* Needed for snackbars *@
<MudSnackbarProvider />
<div class="page"> <div class="page">
<div class="sidebar"> <div class="sidebar">
<NavMenu /> <NavMenu />

15
IR.Blazor/Components/Pages/Home.razor
View File

@ -1,7 +1,18 @@
@page "/" @page "/"
@inject ISnackbar Snackbar
<PageTitle>Home</PageTitle> <PageTitle>Home</PageTitle>
<h1>Hello, world!</h1> <MudButton @onclick="@AddSnackbar" Color="Color.Primary" Variant="Variant.Filled">Test button</MudButton>
Welcome to your new app. <MudButton @onclick="@(() => Snackbar.Add("My Close button is gone!", Severity.Normal, config => { config.ShowCloseIcon = false; }))" Variant="Variant.Filled" Color="Color.Primary">
Open modified snackbar
</MudButton>
@code {
private void AddSnackbar()
{
Snackbar.Add("Welcome to Imperial Recruitment.", Severity.Info);
}
}

3
IR.Blazor/Components/_Imports.razor
View File

@ -7,5 +7,8 @@
@using static Microsoft.AspNetCore.Components.Web.RenderMode @using static Microsoft.AspNetCore.Components.Web.RenderMode
@using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.Web.Virtualization
@using Microsoft.JSInterop @using Microsoft.JSInterop
@using MudBlazor
@using IR.Blazor @using IR.Blazor
@using IR.Blazor.Components @using IR.Blazor.Components

1
IR.Blazor/IR.Blazor.csproj
View File

@ -16,6 +16,7 @@
<PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="9.0.6" /> <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="9.0.6" />
<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="9.0.6" /> <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="9.0.6" />
<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="9.0.6" /> <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="9.0.6" />
<PackageReference Include="MudBlazor" Version="8.9.0" />
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>

17
IR.Blazor/Program.cs
View File

@ -1,12 +1,29 @@
using Microsoft.AspNetCore.Components.Authorization; using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.AspNetCore.Identity; using Microsoft.AspNetCore.Identity;
using Microsoft.EntityFrameworkCore; using Microsoft.EntityFrameworkCore;
using MudBlazor;
using MudBlazor.Services;
using IR.Blazor.Components; using IR.Blazor.Components;
using IR.Blazor.Components.Account; using IR.Blazor.Components.Account;
using IR.Blazor.Data; using IR.Blazor.Data;
var builder = WebApplication.CreateBuilder(args); var builder = WebApplication.CreateBuilder(args);
builder.Services.AddMudServices(config =>
{
config.SnackbarConfiguration.PositionClass = Defaults.Classes.Position.TopCenter;
config.SnackbarConfiguration.PreventDuplicates = false;
config.SnackbarConfiguration.NewestOnTop = false;
config.SnackbarConfiguration.ShowCloseIcon = true;
config.SnackbarConfiguration.VisibleStateDuration = 8000;
config.SnackbarConfiguration.HideTransitionDuration = 400;
config.SnackbarConfiguration.ShowTransitionDuration = 300;
config.SnackbarConfiguration.SnackbarVariant = Variant.Filled;
});
// Add services to the container. // Add services to the container.
builder.Services.AddRazorComponents() builder.Services.AddRazorComponents()
.AddInteractiveServerComponents(); .AddInteractiveServerComponents();