oliverbooth/oliverbooth.dev
oliverbooth/oliverbooth.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

refactor: move Admin to own area; not sub Blog

Browse Source
This commit is contained in:
Oliver Booth 2024-02-25 14:20:36 +00:00
parent c5a4ac37b2
commit 926e0a718e
Signed by: oliverbooth
GPG Key ID: E60B570D1B7557B5
6 changed files with 205 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
OliverBooth/Pages/Admin/Index.cshtml
View File

@ -1,8 +1,58 @@
@page @page
@using System.Reflection
@model OliverBooth.Pages.Admin.Index @model OliverBooth.Pages.Admin.Index
@{ @{
ViewData["Title"] = "Admin"; ViewData["Title"] = "Admin";
Layout = "Shared/_AdminLayout";
} }
<h1>Hello @Model.CurrentUser.DisplayName!</h1> <div class="row">
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
<i class="fa-solid fa-globe fa-fw"></i>
Site Version
</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">@(Assembly.GetAssembly(typeof(Program))?.GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion)</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-uppercase mb-1" style="color: #512bd4">
<i class="fa-solid fa-screwdriver-wrench fa-fw"></i>
CLR Version
</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">@(Environment.Version)</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
<i class="fa-solid fa-server fa-fw"></i>
Host Version
</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">@(Environment.OSVersion)</div>
</div>
</div>
</div>
</div>
</div>
</div>

9
OliverBooth/Pages/Blog/Admin/Index.cshtml
View File

@ -1,9 +0,0 @@
@page
@model OliverBooth.Pages.Blog.Admin.Index
@{
ViewData["Title"] = "Admin";
}
<h1>Hello @(Model.CurrentUser.DisplayName)!</h1>
<a asp-controller="Admin" asp-action="Logout">Logout</a>

81
OliverBooth/Pages/Blog/Admin/Index.cshtml.cs
View File

@ -1,81 +0,0 @@
using System.Net;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using OliverBooth.Data.Web;
using OliverBooth.Services;
using ISession = OliverBooth.Data.Blog.ISession;
namespace OliverBooth.Pages.Blog.Admin;
public class Index : PageModel
{
private readonly IBlogUserService _userService;
private readonly ISessionService _sessionService;
public Index(IBlogUserService userService, ISessionService sessionService)
{
_userService = userService;
_sessionService = sessionService;
}
public IUser CurrentUser { get; private set; } = null!;
public IActionResult OnGet()
{
IPAddress? remoteIpAddress = Request.HttpContext.Connection.RemoteIpAddress;
if (remoteIpAddress is null)
{
return RedirectToPage("login");
}
if (!Request.Cookies.TryGetValue("sid", out string? sessionIdCookie))
{
return RedirectToPage("login");
}
Span<byte> bytes = stackalloc byte[16];
if (!Convert.TryFromBase64Chars(sessionIdCookie, bytes, out int bytesWritten) || bytesWritten < 16)
{
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
var sessionId = new Guid(bytes);
if (!_sessionService.TryGetSession(sessionId, out ISession? session))
{
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
if (session.Expires <= DateTimeOffset.UtcNow)
{
_sessionService.DeleteSession(session);
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
Span<byte> remoteAddressBytes = stackalloc byte[16];
Span<byte> sessionAddressBytes = stackalloc byte[16];
if (!remoteIpAddress.TryWriteBytes(remoteAddressBytes, out _) ||
!session.IpAddress.TryWriteBytes(sessionAddressBytes, out _))
{
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
if (!remoteAddressBytes.SequenceEqual(sessionAddressBytes))
{
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
if (!_userService.TryGetUser(session.UserId, out IUser? user))
{
Response.Cookies.Delete("sid");
return RedirectToPage("login");
}
CurrentUser = user;
return Page();
}
}

22
OliverBooth/Pages/Blog/Admin/Login.cshtml
View File

@ -1,22 +0,0 @@
@page
@model OliverBooth.Pages.Blog.Admin.Login
@{
ViewData["Title"] = "Admin";
}
<div style="width: 256px; margin: 0 auto;">
<form method="post" asp-controller="Admin" asp-action="Login">
<div class="form-outline mb-4">
<label class="sr-only" for="login-email">Email address</label>
<input id="login-email" name="login-email" type="email" class="form-control" placeholder="Email address">
</div>
<div class="form-outline mb-4">
<label class="sr-only" for="login-password">Password</label>
<input id="login-password" name="login-password" type="password" class="form-control" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
</form>
</div>

31
OliverBooth/Pages/Blog/Admin/Login.cshtml.cs
View File

@ -1,31 +0,0 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using OtpNet;
using QRCoder;
namespace OliverBooth.Pages.Blog.Admin;
public class Login : PageModel
{
public string QrCode { get; set; }
public string Secret { get; set; }
public IActionResult OnGet()
{
if (Request.Cookies.ContainsKey("sid"))
{
return RedirectToPage("index");
}
Secret = Base32Encoding.ToString(KeyGeneration.GenerateRandomKey(20));
var uri = $"otpauth://totp/oliverbooth.dev?secret={Secret}";
var generator = new QRCodeGenerator();
QRCodeData qrCodeData = generator.CreateQrCode(uri, QRCodeGenerator.ECCLevel.Q);
using var pngByteQrCode = new PngByteQRCode(qrCodeData);
byte[] data = pngByteQrCode.GetGraphic(20);
QrCode = Convert.ToBase64String(data);
return Page();
}
}

154
OliverBooth/Pages/Shared/_AdminLayout.cshtml Normal file
View File

@ -0,0 +1,154 @@
@using System.Diagnostics
@using OliverBooth.Data.Blog
@using OliverBooth.Data.Web
@using OliverBooth.Services
@inject IBlogPostService BlogPostService
@inject IUserService UserService
@inject ISessionService SessionService
@{
HttpRequest request = Context.Request;
var url = new Uri($"{request.Scheme}://{request.Host}{request.Path}{request.QueryString}");
var currentPage = ViewContext.RouteData.Values["page"]?.ToString();
SessionService.TryGetSession(request, out ISession? session);
IUser? user = null;
if (session is not null)
{
UserService.TryGetUser(session.UserId, out user);
}
Debug.Assert(user is not null);
}
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark">
<meta name="theme-color" content="#007EC6">
<meta property="og:image" content="@Url.Content("~/img/favicon.png")">
<meta property="twitter:image" content="@Url.Content("~/img/favicon.png")">
<meta property="og:url" content="@url">
<meta property="twitter:url" content="@url">
<meta property="twitter:card" content="summary">
@if (ViewData["Title"] != null)
{
<title>@ViewData["Title"] - Oliver Booth</title>
}
else
{
<title>Oliver Booth</title>
}
@if (ViewData["Post"] is IBlogPost post)
{
string excerpt = BlogPostService.RenderExcerpt(post, out bool trimmed);
<meta name="title" content="@post.Title">
<meta name="description" content="@excerpt">
<meta property="og:title" content="@post.Title">
<meta property="og:description" content="@excerpt">
<meta property="og:type" content="article">
<meta property="twitter:title" content="@post.Title">
<meta property="twitter:creator" content="@post.Author.DisplayName">
<meta property="twitter:description" content="@excerpt">
}
else
{
<meta name="title" content="@(ViewData["Title"] != null ? $"{ViewData["Title"]} - Oliver Booth" : "Oliver Booth")">
<meta name="description" content="Coffee enthusiast and lover of all things tech. Tech enthusiast and lover of all things coffee.">
<meta property="og:title" content="@(ViewData["Title"] != null ? $"{ViewData["Title"]} - Oliver Booth" : "Oliver Booth")">
<meta property="og:description" content="Coffee enthusiast and lover of all things tech. Tech enthusiast and lover of all things coffee.">
<meta property="twitter:title" content="@(ViewData["Title"] != null ? $"{ViewData["Title"]} - Oliver Booth" : "Oliver Booth")">
<meta property="twitter:description" content="Coffee enthusiast and lover of all things tech. Tech enthusiast and lover of all things coffee.">
}
<link rel="shortcut icon" href="/img/favicon.png" asp-append-version="true">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" integrity="sha512-Z/def5z5u2aR89OuzYcxmDJ0Bnd5V1cKqBEbvLOiUNWdg9PQeXVvXLI90SE4QOHGlfLqUnDNVAYyZi8UwUTmWQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.8/katex.min.css" integrity="sha512-7nTa5CnxbzfQgjQrNmHXB7bxGTUVO/DcYX6rpgt06MkzM0rVXP3EYCv/Ojxg5H0dKbY7llbbYaqgfZjnGOAWGA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="~/css/prism.min.css" asp-append-version="true">
<link rel="stylesheet" href="~/css/prism.vs.min.css" asp-append-version="true">
<link rel="stylesheet" href="~/css/ribbon.min.css" asp-append-version="true">
<link rel="stylesheet" href="~/css/admin.min.css" asp-append-version="true">
@await RenderSectionAsync("Styles", required: false)
</head>
<body>
<main class="d-flex flex-nowrap">
<div class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 280px;">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
<img src="~/img/ob-256x256.png" asp-append-version="true" style="height: 1.5rem; margin-right: 10px; vertical-align: middle">
<span class="fs-4">Oliver Booth</span>
</a>
<hr>
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
@{
}
<a asp-page="Index" class="nav-link @(currentPage == "/Admin/Index" ? "active" : "text-white")" aria-current="page">
<i class="fa-solid fa-gauge fa-fw"></i> Dashboard
</a>
</li>
<li>
<a asp-page="BlogPosts" class="nav-link @(currentPage == "/Admin/BlogPosts" ? "active" : "text-white")" aria-current="page">
<i class="fa-solid fa-newspaper fa-fw"></i> Blog Posts
</a>
</li>
@if (user.HasPermission("projects:read"))
{
<li>
<a asp-page="Projects" class="nav-link @(currentPage == "/Admin/Projects" ? "active" : "text-white")" aria-current="page">
<i class="fa-solid fa-diagram-project fa-fw"></i> Projects
</a>
</li>
}
@if (user.HasPermission("users:read"))
{
<li>
<a asp-page="Users" class="nav-link @(currentPage == "/Admin/Users" ? "active" : "text-white")" aria-current="page">
<i class="fa-solid fa-users fa-fw"></i> Users
</a>
</li>
}
</ul>
<hr>
<div class="dropdown">
<a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="@user.AvatarUrl" alt="" width="32" height="32" class="rounded-circle me-2">
<strong>@user.DisplayName</strong>
</a>
<ul class="dropdown-menu dropdown-menu-dark text-small shadow">
<li><a class="dropdown-item" href="#">New project...</a></li>
<li><a class="dropdown-item" href="#">Settings</a></li>
<li><a class="dropdown-item" href="#">Profile</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" asp-controller="Admin" asp-action="Logout">Sign out</a></li>
</ul>
</div>
</div>
<div class="b-example-divider b-example-vr"></div>
<div class="flex-column flex-shrink-0 p-3 bg-body-tertiary" style="width: calc(100% - 280px); overflow-y: scroll">
@RenderBody()
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/js/bootstrap.bundle.min.js" integrity="sha512-ToL6UYWePxjhDQKNioSi4AyJ5KkRxY+F1+Fi7Jgh0Hp5Kk2/s8FD7zusJDdonfe5B00Qw+B8taXxF6CFLnqNCw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.8/katex.min.js" integrity="sha512-aoZChv+8imY/U1O7KIHXvO87EOzCuKO0GhFtpD6G2Cyjo/xPeTgdf3/bchB10iB+AojMTDkMHDPLKNxPJVqDcw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.8/handlebars.min.js" integrity="sha512-E1dSFxg+wsfJ4HKjutk/WaCzK7S2wv1POn1RRPGh8ZK+ag9l244Vqxji3r6wgz9YBf6+vhQEYJZpSjqWFPg9gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="~/js/prism.min.js" asp-append-version="true" data-manual></script>
<script src="~/js/app.min.js" asp-append-version="true"></script>
<script id="loading-spinner-template" type="text/x-handlebars-template">
@await Html.PartialAsync("_LoadingSpinner")
</script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>