miawinter/just-short-it
1
0
Fork 0
mirror of https://github.com/miawinter98/just-short-it.git synced 2024-11-22 00:09:54 +00:00
Code Activity

added: base layout and authorization to razor components

Browse source
This commit is contained in:
Mia Rose Winter 2023-11-18 14:04:51 +01:00
parent dee6653214
commit 9284a8ddfd
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
9 changed files with 58 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Components/App.razor
View file

@ -18,7 +18,9 @@
</head>
<body>
<Routes />
<script src="_framework/blazor.web.js"></script>
</body>

10
Components/Layout/MainLayout.razor
View file

@ -1,3 +1,11 @@
@inherits LayoutComponentBase
@Body
@using JustShortIt.Components.Partials
<HeaderPartial />
<main class="flex-1 container mx-auto px-8 py-8 grid">
@Body
</main>
<FooterPartial />

8
Components/Partials/FooterPartial.razor Normal file
View file

@ -0,0 +1,8 @@
<footer class="footer footer-center py-10 bg-primary text-secondary-content">
<aside class="">
<p>
<a class="hover:link" href="https://github.com/miawinter98/just-short-it" target="_blank">Just Short it!</a>
by <a class="hover:link" href="https://miawinter.de/" target="_blank">Mia Winter</a>.
</p>
</aside>
</footer>

15
Components/Partials/HeaderPartial.razor Normal file
View file

@ -0,0 +1,15 @@
<header>
<nav class="navbar bg-primary text-primary-content p-0 min-h-0" aria-label="main navigation">
<div class="flex-1">
<a class="btn btn-ghost rounded-none px-6" href="https://github.com/miawinter98/just-short-it" target="_blank">
<figure>
<img class="w-8 h-8" src="/img/jsi-logo.png" width="400" alt="" />
</figure>
Just Short It!
</a>
</div>
<div class="flex-none mr-6">
<LoginPartial />
</div>
</nav>
</header>

9
Components/Partials/LoginPartial.razor Normal file
View file

@ -0,0 +1,9 @@
<AuthorizeView>
<Authorized>
<span class="mx-3">@(context.User.Identity?.Name ?? "err_username_unknown")</span>
<a class="btn btn-link text-secondary-content" href="/Logout">Logout</a>
</Authorized>
<NotAuthorized>
<a class="hover:link text-secondary-content" href="/Login">Login</a>
</NotAuthorized>
</AuthorizeView>

14
Components/Routes.razor
View file

@ -1,6 +1,8 @@
<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="@routeData" DefaultLayout="typeof(Layout.MainLayout)" />
<FocusOnNavigate RouteData="@routeData" Selector="h1" />
</Found>
</Router>
<CascadingAuthenticationState>
<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<AuthorizeRouteView RouteData="@routeData" DefaultLayout="typeof(Layout.MainLayout)" />
<FocusOnNavigate RouteData="@routeData" Selector="h1" />
</Found>
</Router>
</CascadingAuthenticationState>

1
Components/_imports.razor
View file

@ -3,6 +3,7 @@
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.AspNetCore.Components.Authorization
@using static Microsoft.AspNetCore.Components.Web.RenderMode
@using Microsoft.AspNetCore.Components.Web.Virtualization
@using Microsoft.JSInterop

1
JustShortIt.csproj
View file

@ -9,6 +9,7 @@
</PropertyGroup>
<ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="8.0.0" />
<PackageReference Include="Microsoft.Extensions.Caching.StackExchangeRedis" Version="8.0.0" />
<PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.19.5" />
<PackageReference Include="StackExchange.Redis" Version="2.7.4" />

6
Program.cs
View file

@ -2,6 +2,8 @@
using JustShortIt.Model;
using JustShortIt.Service;
using Microsoft.AspNetCore.Authentication.Cookies;
using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.AspNetCore.Components.Server;
var builder = WebApplication.CreateBuilder(args);
builder.Configuration.AddEnvironmentVariables("JSI_");
@ -43,7 +45,7 @@
}
// Add Authentication
builder.Services.AddSingleton(_ => new AuthenticationService(user));
builder.Services.AddScoped(_ => new AuthenticationService(user));
builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme).AddCookie(options => {
options.ExpireTimeSpan = TimeSpan.FromHours(24);
options.SlidingExpiration = true;
@ -51,6 +53,8 @@
options.LoginPath = "/Login";
options.LogoutPath = "/Logout";
});
builder.Services.AddScoped<AuthenticationStateProvider, ServerAuthenticationStateProvider>();
builder.Services.AddCascadingAuthenticationState();
var app = builder.Build();